阿乐のBlog - aqingya.cn

webpack 性能优化HMR （热模块替换）HMR: hot module replacement 热模块替换 / 模块热替换作用：一个模块发生变化，只会重新打包这一个模块（而不是打包所有模块）极大提升构建速度 1、样式文件：可以使用HMR功能：因为style-loader内部实现了~ 2、js文件：默认不能使用HMR功能 –> 需要修改js代码，添加支持HMR功能的代码 12345678if (module.hot) { // 一旦 module.hot 为true，说明开启了HMR功能。 --> 让HMR功能代码生效 module.hot.accept('./print.js', function() { // 方法会监听 print.js 文件的变化，一旦发生变化，其他模块不会重新打包构建。 // 会执行后面的回调函数 //print(); });} 注意：HMR功能对js的处理，只能处理非入口js文件的其他文件。 3、html文件: ...

webpack 性能优化

发表于2020-07-16|WebPack|WebPack| 条评论

npm 淘宝镜像的安装方法一：使用阿里定制的cnpm命令行工具代替默认的npm，输入以下代码 1npm install -g cnpm --registry=https://registry.npm.taobao.org 检查是否安装成功： 1$ cnpm -v 安装成功之后，以后安装依赖包的方式和npm的是一样的，只是npm的命令换成是cnpm就可以了。方法二：a:单次使用： 1npm install --registry=https://registry.npm.taobao.org b:永久替换：在开发react-native的时候，不要使用cnpm，cnpm安装的模块路径比较奇怪，packager不能正常识别。所以，为了方便开发，我们最好是直接永久使用淘宝的镜像源直接命令行的设置 1$ npm config set registry https://registry.npm.taobao.org 手动修改设置 121.打开.npmrc文件（C:\Program Files\nodejs\node_modules\npm\npmrc，没有的话可以使用git命令行建 ...

npm 淘宝镜像的安装

发表于2020-07-15|npm|npm| 条评论

webpack生产环境的基本配置:grinning: 1.1 提取 css 成单独文件1、下载安装包 2、下载插件并且引入 1cnpm install mini-css-extract-plugin -D 3、修改配置文件我们仍然需要注意路径。 1234567891011121314151617181920212223242526272829303132333435363738const { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');//引入mini-css-extract-pluginconst MiniCssExtractPlugin = require('mini-css-extract-plugin');module.exports = { entry: './src/js/index.js', output: & ...

webpack生产环境的基本配置

发表于2020-07-15|WebPack|WebPack| 条评论

1. webpack 初体验1.1 初始化配置1、初始化 package.json 输入指令:npm init 2、下载并安装 webpack输入指令: install webpack webpack-cli -g12cnpm install webpack webpack-cli -gcnpm install webpack webpack-cli -D 1.2 编译打包应用1、创建文件 2、运行指令开发环境指令：webpack src/js/index.js -o build/js/built.js --mode=development功能：webpack 能够编译打包 js 和 json 文件，并且能将 es6 的模块化语法转换成浏览器能识别的语法。生产环境指令：webpack src/js/index.js -o build/js/built.js --mode=production功能：在开发配置功能上多一个功能，压缩代码。 3、结论webpack 能够编译打包 js 和 json 文件。能将 es6 的模块化语法转换成浏览器能识别的语法。能压缩代码。 4、问题 ...

webpack 开发环境的基本配置

发表于2020-07-14|WebPack|WebPack| 条评论

Git命令行操作1.1本地库初始化进入文件夹 12git init注意：生成的 .git 目录中存放的是本地库相关文件，不要删除 1.2设置签名项目(仓库)级别仅在当前本地库有效 12git config user.name tom #设置用户名tomgit config user.email liu@qq.com #设置用户邮箱系统用户级别仅在当前登录的操作系统用户有效 12git config --global user.name tomgit config --global user.email liu@qq.com 仅仅加了一个 --global 优先级别：项目级别 > 系统级别信息保存位置：~/.gitconfig 文件 1.3基本操作1.3.1 状态查看1git status #查看工作区、暂存区状态 1.3.2 添加123git add fileName #指定文件git add . #所有说明：将工作区的文件添加到暂存区 1.3.3 提交12git commit -m 'commit message' fil ...

Git操作——简单可直接食用

发表于2020-07-13|git|git| 条评论

1、介绍JavaScript的基本数据类型Number、String 、Boolean 、Null、UndefinedObject 是 JavaScript 中所有对象的父对象数据封装类对象：Object、Array、Boolean、Number 和 String其他对象：Function、Arguments、Math、Date、RegExp、Error新类型：Symbol 2、说说写JavaScript的基本规范？不要在同一行声明多个变量使用 ===或!==来比较true/false或者数值 switch必须带有default分支函数应该有返回值 for if else 必须使用大括号语句结束加分号命名要有意义，使用驼峰命名法 3、 jQuery使用建议尽量减少对dom元素的访问和操作尽量避免给dom元素绑定多个相同类型的事件处理函数，可以将多个相同类型事件处理函数合并到一个处理函数，通过数据状态来处理分支尽量避免使用toggle事件 4、 Ajax使用全称：Asynchronous Javascript And XML所谓异步，就是向服务器发送请 ...

JavaScript基础面试题

发表于2020-07-11|面试题|JavaScript基础面试题| 条评论

1、什么是node.js简单说一下什么是node.js Node.js 是什么 JavaScript 运行时环境既不是语言，也不是框架，它是一个平台 Node.js 中的 JavaScript 没有 BOM、DOM EcmaScript 基本的 JavaScript 语言部分在 Node 中为 JavaScript 提供了一些服务器级别的 API 文件操作的能力 http 服务的能力 2、nodejs – 简单读写文件浏览器中的 JavaScript 是没有文件操作的能力的但是 Node 中的 JavaScript 具有文件操作的能力fs 是 file-system 的简写，就是文件系统的意思在 Node 中如果想要进行文件操作，就必须引入 fs 这个核心模块在 fs 这个核心模块中，就提供了所有的文件操作相关的 API例如：fs.readFile 就是用来读取文件的读取文件第一个参数就是要读取的文件路径第二个参数是一个回调函数成功 data 数据 ...

node.js系列之简单操作

发表于2020-07-11|nodeJs|nodeJs| 条评论

ES6箭头函数与普通函数的区别ES6箭头函数与普通函数的区别普通函数中的this指向函数被调用的对象，因此对于不同的调用者，this的值是不同的。而箭头函数中并没有自己的this（同时，箭头函数中也没有其他的局部变量，如this，argument，super等），所以箭头函数中的this是固定的，它指向定义该函数时所在的对象。普通函数下面我们举一个简单的例子。 12345678910111213var a = 3;var obj = { a : 1, foo : function(){ console.log(this.a); }}obj.foo(); //1var bar = obj;bar.a = 2;bar.foo(); //2var baz = obj.foo;baz(); //3 上述代码中，出现了三种情况： 1 、直接通过obj调用其中的方法foo，此时，this就会指向调用foo函数的对象，也就是obj;2 、将obj对象赋给一个新的对象bar，此时通过bar调用foo函数，this的值就会 ...

ES6箭头函数与普通函数的区别

发表于2020-07-08|JavaScript|ES6| 条评论

常用API接口集合不知道叫啥的api——-知道了，叫博天api 在线接口测试在线格式化JSNO工具天气预报代码_天气预报插件_免费天气预报代码(插件)调用——天气网今日诗词 - 一言API 博客参考–获取必应每日壁纸(api) 获取网易新闻请求方式：POST 请求地址：https://api.apiopen.top/getWangYiNews 腾讯新闻接口请求方式：POST 请求地址：https://pacaio.match.qq.com/irs/rcd?cid=56&ext=games&token=c786875b8e04da17b24ea5e332745e0f&num=20&expIds=20190106A13PFT%7C20190108A04MLS&page=0 获取天气请求方式：POST 请求地址：https://api.asilu.com/weather/?city=${“北京”}&callback=weather

常用API接口集合

发表于2020-07-02|稽古振今|JSON| 条评论

图片工具网址导航处理图片免费网站集合图床 :smiley: 图床：聚合图床路过图床 SM upload.cc 免费商用图库pixabay unsplash gratisogra 剪切图片裁剪图片工具删除背景生成透明图片图片压缩tinify 免费图片网站适合做壁纸搜颜色无版权

图片工具网址导航处理图片免费网站集合

发表于2020-06-29|稽古振今|工具网站•图床| 条评论

数据库加载中