02 2020 档案

3.2.2 webpack原理解析
摘要：1、webpack是利用什么来打包的？ 1） webpack依赖于Node的环境与文件操作系统 2） webpack的打包过程，其实就是利用Node去读取文件，然后进行一些字符串处理后，再利用Node去写入文件 2、webpack打包流程解析 读取文件配置 --> 注册内部插件与配置插件 --> L 阅读全文
posted @ 2020-02-22 19:53 SlightFly 阅读(217) 评论(0) 推荐(0)
3.2.1 webpack-dev-server的使用
摘要：想要在代码发生变化后自动编译代码，有三种在方式： 文件更新，代码重新编译，不必手动运行整个构建过程，但还需要刷新浏览器 webpack-dev-server 同上，但可以自动刷新页面 webpack-dev-middleware espress的中间件，用来定制化整个watch和刷新的过程，， 1、 阅读全文
posted @ 2020-02-22 00:19 SlightFly 阅读(589) 评论(0) 推荐(0)
打印预览及打印
摘要：1、window.print() -- 用于打印当前窗口的内容。 调用 print() 方法所引发的行为就像用户单击浏览器的打印按钮。通常，这会产生一个对话框，让用户可以取消或定制打印请求。 1. dom替换 -- dom替换会导致事件失效，如果重新加载的话又会影响到体验； 2. 新窗口打印 --  阅读全文
posted @ 2020-02-20 16:40 SlightFly 阅读(434) 评论(0) 推荐(0)
2.1.8 webpack的环境
摘要：因为在不同的场景下可能需要不同的配置，使用不同的功能，所以要区分环境 比如： 1、开发模式 会额外的用到一些调试功能，比如webpack-dev-server，但是为了加快调试速度，可能不会去用上压缩，tree-shaking之类的功能 2、生产模式 为了减少文件体积，会使用压缩，tree-shak 阅读全文
posted @ 2020-02-17 23:49 SlightFly 阅读(177) 评论(0) 推荐(0)
vue-router 源码解析最简版
摘要：前端路由和后端路由 后端路由： 输入url -> 请求发送到服务器 -> 服务器解析请求的路径 -> 拿到对应页面 -> 返回出去 前端路由： 输入url -> js解析地址 -> 找到对应地址的页面 -> 执行页面生成的js -> 看到页面 1、Hash 和 History vue插件的基础知识 阅读全文
posted @ 2020-02-16 23:35 SlightFly 阅读(346) 评论(0) 推荐(0)
vue数据响应式原理
摘要：vue2.0数据响应式原理 对象 Obect.defineproperty 定义对象的属性mjm defineproperty 其实不是核心的为一个对象做数据双向绑定，而是去给对象做属性标签，设置一系列操作权限，只不过属性里的get和set实现了响应式 var ob = { a: 1, b: 2 } 阅读全文
posted @ 2020-02-16 00:39 SlightFly 阅读(420) 评论(0) 推荐(0)
3-箭头函数与普通函数
摘要：// 箭头函数 let fun = () => { console.log('lalalala'); } // 普通函数 function fun() { console.log('lalla'); } 1、定义 箭头函数是匿名函数，不能作为构造函数，不能使用new 2、使用 1）开发时根据实际情况 阅读全文
posted @ 2020-02-15 23:27 SlightFly 阅读(164) 评论(0) 推荐(0)
2.1.7 html的处理与打包
摘要：webpack可以自动生成HTML，自动引入js和css html生成 需要用到的plugin cnpm install html-webpack-plugin --save-dev 相关配置 filename -- 打包生成的 html 文件的名字 template -- 指定一个 html 文件 阅读全文
posted @ 2020-02-12 00:20 SlightFly 阅读(280) 评论(0) 推荐(0)
2.1.6 css的编译与处理 -2
摘要：less ，sass等预处理语言的编译 --浏览器无法识别，需要编译成css才能被识别 less 1、less 2、less-loader sass 1、sass-loader 2、node-sass 以less为例rules: [ { test:/\.less$/, use:[ //loader的 阅读全文
posted @ 2020-02-11 00:18 SlightFly 阅读(199) 评论(0) 推荐(0)
2.1.6 css的编译与处理 -1
摘要：webpack是以js文件为入口打包的，那么项目的css怎么办？如何引入？ css可以通过js文件引入，但必须使用想用的loader 1、css-loader，让 css 可以被 js 正确的引入 2、style-loader，让 css 被引入后可以被正确的以一个 style 标签插入页面 3、两 阅读全文
posted @ 2020-02-10 23:21 SlightFly 阅读(410) 评论(0) 推荐(0)
2.1.5 javascript 的编译
摘要：1、编译 es6 语法编译：babel-loader npm installl babel-loader @babel/core -save-dev babel-loader //编译es6需要用到的loader，只能编译es6的一些语法，，，对于es6方法，无能为力 @babel/core //b 阅读全文
posted @ 2020-02-09 22:27 SlightFly 阅读(410) 评论(0) 推荐(0)
2.1.4 用webpack开始一次打包-源码
摘要：1、命令行直接打包，不使用配置文件 webpack-cli --entry ./app.js --output bundle.js 项目下生个bundle.js文件（依赖等都被打包进来） 2、利用配置文件打包，命令行 -- webpack webpack.config.js(默认配置文件名，如果为告 阅读全文
posted @ 2020-02-09 17:31 SlightFly 阅读(189) 评论(0) 推荐(0)
Cookie、session 和 localStorage、以及sessionStorage 以及 Token
摘要：https://blog.csdn.net/u014753892/article/details/52821268 HTTP是一个‘无状态’协议，这意味这web应用程序服务器在响应客户端请求时会将多个请求链接到任何一个客户端，然而，许多web应用程序的安全和正常运行都取决于系统能够区分用户并识别用户 阅读全文
posted @ 2020-02-05 00:21 SlightFly 阅读(441) 评论(0) 推荐(0)
状态码 -错误代码
摘要：1xx -- 临时响应 -- 用于表示临时响应并需要请求者执行才做才能继续的状态码 100 -- 请求者应当继续提出请求。服务器返回此代码意味着已经收到请求的第一部分，现等待接收其他部分 101 -- 请求者已要求服务器切换协议，服务器已确认并准备进行切换 2xx -- 成功 -- 用于标识服务器已 阅读全文
posted @ 2020-02-04 23:17 SlightFly 阅读(359) 评论(0) 推荐(0)