SlightFly

摘要： 1、window.print() -- 用于打印当前窗口的内容。 调用 print() 方法所引发的行为就像用户单击浏览器的打印按钮。通常，这会产生一个对话框，让用户可以取消或定制打印请求。 1. dom替换 -- dom替换会导致事件失效，如果重新加载的话又会影响到体验； 2. 新窗口打印 --  阅读全文

摘要： 因为在不同的场景下可能需要不同的配置，使用不同的功能，所以要区分环境 比如： 1、开发模式 会额外的用到一些调试功能，比如webpack-dev-server，但是为了加快调试速度，可能不会去用上压缩，tree-shaking之类的功能 2、生产模式 为了减少文件体积，会使用压缩，tree-shak 阅读全文

摘要： 前端路由和后端路由 后端路由： 输入url -> 请求发送到服务器 -> 服务器解析请求的路径 -> 拿到对应页面 -> 返回出去 前端路由： 输入url -> js解析地址 -> 找到对应地址的页面 -> 执行页面生成的js -> 看到页面 1、Hash 和 History vue插件的基础知识 阅读全文

摘要： vue2.0数据响应式原理 对象 Obect.defineproperty 定义对象的属性mjm defineproperty 其实不是核心的为一个对象做数据双向绑定，而是去给对象做属性标签，设置一系列操作权限，只不过属性里的get和set实现了响应式 var ob = { a: 1, b: 2 } 阅读全文

摘要： // 箭头函数 let fun = () => { console.log('lalalala'); } // 普通函数 function fun() { console.log('lalla'); } 1、定义 箭头函数是匿名函数，不能作为构造函数，不能使用new 2、使用 1）开发时根据实际情况 阅读全文

摘要： webpack可以自动生成HTML，自动引入js和css html生成 需要用到的plugin cnpm install html-webpack-plugin --save-dev 相关配置 filename -- 打包生成的 html 文件的名字 template -- 指定一个 html 文件 阅读全文

摘要： less ，sass等预处理语言的编译 --浏览器无法识别，需要编译成css才能被识别 less 1、less 2、less-loader sass 1、sass-loader 2、node-sass 以less为例rules: [ { test:/\.less$/, use:[ //loader的 阅读全文

摘要： webpack是以js文件为入口打包的，那么项目的css怎么办？如何引入？ css可以通过js文件引入，但必须使用想用的loader 1、css-loader，让 css 可以被 js 正确的引入 2、style-loader，让 css 被引入后可以被正确的以一个 style 标签插入页面 3、两 阅读全文

摘要： 1、编译 es6 语法编译：babel-loader npm installl babel-loader @babel/core -save-dev babel-loader //编译es6需要用到的loader，只能编译es6的一些语法，，，对于es6方法，无能为力 @babel/core //b 阅读全文

摘要： 1、命令行直接打包，不使用配置文件 webpack-cli --entry ./app.js --output bundle.js 项目下生个bundle.js文件（依赖等都被打包进来） 2、利用配置文件打包，命令行 -- webpack webpack.config.js(默认配置文件名，如果为告 阅读全文