ICode9

精准搜索请尝试: 精确搜索
  • 不想eject,还咋修改create-react-app的配置?2021-04-12 19:33:33

    一、先抛问题 许多刚开始接触create-react-app框架的同学,不免都会有个疑问:如何在不执行eject操作的同时,修改create-react-app的配置。今天胡哥就来带大家一起来看看这个问题~ 二、为啥不建议执行eject 1. 执行eject产生了什么变化? create-react-app框架本身将webpack、babel的相关

  • ES6基础——前端模块化:CommonJS、AMD、CMD、ES6模块2021-04-10 17:34:13

    在使用JavaScript开发大型项目时,模块开发是一个必须考虑的问题,流行的js模块化规范有CommonJS、AMD、CMD和ES6模块,通常一个文件就是一个模块,有自己的作用域,只向外暴露特定的变量和函数。          一、CommonJS 二、AMD、require.js 三、CMD、Sea.js 四、ES6模块 五、Comm

  • webpack 5 CleanWebpackPlugin 更新2021-04-09 15:33:52

    之前引用的方式: const CleanWebpackPlugin = require('clean-webpack-plugin'); new CleanWebpackPlugin(), 5 引用的方式 const { CleanWebpackPlugin } = require('clean-webpack-plugin'); new CleanWebpackPlugin(),   相似的module: webpack-merge   记录进步每

  • 在vue中解决 图片便利的问题2021-04-07 09:34:55

    引入在vue脚手架中 ,如果直接 :src是图片路径的时候,一定报错 <div class="item" v-for="(item, i) in honer" :key="i"> <img :src="item.src" alt="" /> </div> 所以图片路径引入的时候,一定要通过 require 来引入 card: [

  • Vue-cli项目axios+require动态获取后台数据库的图片地址2021-04-03 11:00:01

    template/body部分: <img :src="require('@/assets/'+ this.img1 +'.png')" alt="" /> ps.要用到的图片url为:src/assets/pf1.png (从pf1到pf9) script标签部分:( 别忘了调用getPhoto() ) data(){ return{ id:'', img1:'

  • Node.js写小工具系列(二)2021-04-02 15:33:08

    分享一个用Node.js写一个简单的静态资源服务器,可以了解一些和后端配合的请求头 什么是静态资源服务器 一般客户端发送请求到web服务器,web服务器从内存中取到相应的文件,返回给客户端,客户端解析并渲染显示出来,一般不和数据库打交道,实际应用中像一些提供CDN服务的服务商 代码 #!

  • 打包图片文件时路径错误输出为[object-module]2021-04-01 16:59:19

    错误场景 在使用webpack打包,内部代码并非 ES Modules 规范,而是 CommonJS 或是 AMD 规范。运行时报错。 在 main.js 中添加图片 // // 2. 支持 CommonJS 的 require 声明 const createHeading = require('./heading.js').default const better = require('./better.png') requ

  • 利用 node 创建一个克隆脚手架的工程之简化命令行开发2021-03-31 12:33:35

    初始化某文件夹(例如文件名:base-cli) npm init 安装插件 npm i commander download-git-repo ora handlebars figlet clear chalk open -s 插件介绍: download-git-repo 作用是从传入的连接中下载并提取一个 git 存储库(如:GitHub,GitLab,Bitbucket),更详细的在这 ☛原文链接。or

  • 利用http-proxy-middleware实现本地化前端项目dist目录预览2021-03-31 11:02:51

    文章目录 背景项目地址 背景 由于http-proxy 不支持 pathRewrite 参数,所以没得办法只能通过 http-proxy-middleware插件来实现。 项目所依赖的 connectserve-statichttp-proxy-middlewarehttpopen 引用依赖 const connect = require('connect'); const serveStatic = req

  • vue3+webpack项目搭建2021-03-30 15:05:57

    源码地址: https://github.com/klren0312/vue3-webpack 文件目录 ├── build | ├── webpack.base.js | ├── webpack.dev.js | └── webpack.prod.js ├── package.json ├── postcss.config.js ├── public | └── index.html ├── README.md ├──

  • import和require区别2021-03-30 09:05:59

    遵循的模块化规范不一样 模块化规范:即为 JavaScript 提供一种模块编写、模块依赖和模块运行的方案。谁让最初的 JavaScript 是那么的裸奔呢——全局变量就是它的模块化规范。 require/exports 出生在野生规范当中,什么叫做野生规范?即这些规范是 JavaScript 社区中的开发者自

  • [Node.js] Resolve path problem in all envs (require.resolve)2021-03-29 15:03:06

    When dealing with `fs` library, the common problem you will meet is the path to file. Different envs may have different way to handle the path. The best way which works for all is `require.resolve`: const script = fs.readFileSync(require.resolve("

  • 比特币网络上的拍卖合约2021-03-27 15:01:33

    我们在比特币网络上设计并实现了一个安全的拍卖合约。 它是公开透明的,每个人都可以参加,竞标结束后出价最高的竞标者将中标。 投标人受其出价的约束,而拍卖人则受拍卖结果的约束。 实现 // Auction: highest bid before deadline wins contract Auction { PubKey auctioner

  • vue联动mockjs模拟请求获取数据2021-03-22 18:01:53

    前言:在我们实际开发中,前端和后端是同时进行开发的,我们不可能在开发的初期就要求后端立即写好接口,所以这个时候我们使用mockjs来模拟接口获取数据,这也是现在流行的开发模式,前后端分离 1.安装依赖 npm i -D mockjs npm i -D json5 在vscode扩展中安装JSON5 syntax 2.新建mock

  • MySQL笔记(5)centos7.6搭建httpd+mysql+php+phpmyadmin2021-03-22 16:58:01

    参考链接: https://www.jianshu.com/p/bc14ff0ab1c7   测试环境:linux 7.6 64位 最小化安装包 CentOS-7-x86_64-Minimal-1810.iso 禁用firewalld和selinux   安装apache(httpd) yum -y install httpd yum -y install httpd-devel yum -y install httpd-tools   systemctl enable

  • 这些PHP考点虽然简单基础,但是很重点2021-03-21 09:51:27

    双引号和单引号的区别?重点考题,几乎每次面试都会被考到双引号解释变量,单引号不解释变量双引号里插入单引号,其中单引号里如果有变量的话,变量解释双引号的变量名后面必须要有一个非数字、字母、下划线的特殊字符,或者用{}讲变量括起来,否则会将变量名后面的部分当做一个整体,引起语法错误

  • 这些PHP考点虽然简单基础,但是很重点2021-03-21 09:51:09

    双引号和单引号的区别?重点考题,几乎每次面试都会被考到双引号解释变量,单引号不解释变量双引号里插入单引号,其中单引号里如果有变量的话,变量解释双引号的变量名后面必须要有一个非数字、字母、下划线的特殊字符,或者用{}讲变量括起来,否则会将变量名后面的部分当做一个整体,引起语法错误

  • DCache 分布式存储系统|Set, ZSet 缓存模块的创建与使用2021-03-18 17:59:53

    作者 | Eaton 导语 | 在之前的系列文章中,我们介绍了 DCache 及其 KV, K-K-Row 和 List 缓存模块的使用,本文将继续介绍如何使用 DCache 中的集合类型缓存模块 —— Set 和 ZSet 缓存模块。 系列文章 DCache 分布式存储系统|DCache 部署与应用创建DCache 分布式存储系统|Key-Va

  • AMD规范和CommonJS规范2021-03-17 17:04:13

    AMD规范这个词好久之前一直有看到,可是一直没有去了解是什么,今天突然想起CommonJS,于是一起做一下了解 1、由来: node应用由模块组成,采用的就是commonjs模块规范。每个文件就是一个模块,有自己独立的作用于、变量、方法等。commonjs规范规定,每个模块内部,module变量代表当前模块。这个

  • cordova插件根据 不同环境设置不同key2021-03-17 13:03:31

    /* eslint-disable */ /** * 根据环境变量初始化一些第三方库需要的key */ const { m: target } = require('yargs').argv const { OPENINSTALL_APPKEY } = require('../configs').appConfigs const { readFileSync, writeFileSync, removeSync } = require('fs-ext

  • 653 webpack中使用CDN、shimming,Hash、ContentHash、ChunkHash2021-03-16 14:01:16

    什么是CDN? 购买CDN服务器 第三方库的CDN服务器 认识shimming【了解】 Shimming预支全局变量 MiniCssExtractPlugin 目录结构 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-C

  • webpack打包的bundle.js源码分析2021-03-16 13:03:45

    webpack.config.js const {resolve} = require('path'); module.exports = { mode: 'development', entry: './src/index.js', output: { filename: 'bundle.js', path: resolve('dist') } }; 源文件 index.js:入口 im

  • 干饭人表情包使用nodejs实现2021-03-15 10:03:14

    很流行的一款表情包效果举牌人,这次也用nodejs实现一把。 需要的插件text-to-svg 把文字转换为svgtext-to-svggithub.comconst TextToSVG = require("text-to-svg"); const textToSVG = TextToSVG.loadSync("./fonts/msyh.ttf"); // 加载字体文件 const svg1 = textTo

  • 干饭人表情包使用nodejs实现2021-03-15 10:02:57

    很流行的一款表情包效果举牌人,这次也用nodejs实现一把。 需要的插件text-to-svg 把文字转换为svgtext-to-svggithub.comconst TextToSVG = require("text-to-svg"); const textToSVG = TextToSVG.loadSync("./fonts/msyh.ttf"); // 加载字体文件 const svg1 = textTo

  • maven打包遇到Aggregator projects require 'pom' as packaging问题解决2021-03-14 13:34:21

    原文地址 https://www.cnblogs.com/baby123/p/12552722.html springboot 多模块项目打包时遇到 [ERROR]     'packaging' with value 'jar' is invalid. Aggregator projects require 'pom' as packaging. @ line 3, column 102 在 parent 项目中的 pom.xml <p

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有