- 博客(8)
- 收藏
- 关注
原创 Proxy核心概念
属性get set拦截Proxy 无需一层层递归为每个属性添加代理,一次即可完成以上操作,性能上更好,并且原本的实现有一些数据更新不能监听到,但是 Proxy 可以完美监听到任何方式的数据改变,唯一缺陷可能就是浏览器的兼容性不好了。var target = { name: 'poetries' }; var logHandler = { get: function(target...
2020-02-26 20:12:33
210
原创 webpack核心概念
入口(entry):指示哪个使用哪个模块作为内部构建依赖图的开始进入 后,webpack会找出哪些模块和库是入口的起点(直接间接)依赖,每个依赖项随即被处理,最后输出到bundles文件中输出(output):属性告诉webpack在哪里输出创建的bundles,以及如何命名这些文件,默认值为./dist , 基本上整个应用程序结构都会被编译到指定的输出路径文件夹中**loa...
2020-02-26 20:09:40
221
原创 html5缓存方式总结
在HTML5出来之前,通常在浏览器中使用cookie来存储用户的数据cookie在每次HTTP请求头中会带上一个标识符发送给服务器,让服务器区分请求是否来自同一个服务器,cookie只能存储4k左右的数据,也就是说不能存储大数据;本地缓存技术:localstorage缓存,将数据保存在客户端,只要用户没有手动 清理,他就一直存在,不管浏览器是否关闭,他就一直存在,localStorag...
2020-02-26 20:04:46
714
原创 webpack多页面应用配置
yarn init -yyarn add webpack webpack-cli -D然后在根目录写webpack.config.jslet path = require('path')module.exports = { // 多入口, mode:'development', entry: { home: './src/index.js', ...
2020-02-23 17:06:33
197
原创 解决webpack html-withimg-loader 报错问题
在html引入图片时需要用到国产的 html-withimg-loader然而在配置了一下之后仍会报错: { test: /\.(html|htm)$/i, use: 'html-withimg-loader' },这是使用"file-loader": "^5.0.2"的问题,需要...
2020-02-23 16:11:58
494
原创 1分钟学会配置webpacke es6转换、解析class、解析装饰器
第一步:yarn add babel-loader @babel/core @babel/preset-env -D yarn add @babel/plugin-proposal-class-properties -Dyarn add @babel/plugin-proposal-decorators -D第二步:配置webpack module: { rules:...
2020-02-22 15:51:48
819
原创 一分钟知道如何使用webpack给样式加上浏览器前缀
第一步:安装:postcss-loader autoprefixer第二步:在css解析前加入postcss-loader第三步:在根目录新建postcss.config.js 写入代码:第四步:在在package.json配置browserslist大功告成css代码编译前后对比:...
2020-02-22 12:06:57
550
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人