2021年2月14日
06-tree Shaking - 摇树（打包时候去掉没有被使用模块）-optimization
摘要： webpack2.x开始支持 tree shaking概念，顾名思义，"摇树"，只支持ES module的引入方式（ES6）！！！！ 这个方法就是在生产模式下打包出的index.js文件不会把没有使用到的模块给打包进去。从而减少代码体积。 就是会对入口文件index.js 进行检测，没有使用到的就不 阅读全文
posted @ 2021-02-14 04:16 猎奇游渔 阅读(223) 评论(0) 推荐(0) 编辑
05-babel-解析高级js语法+polyfill按需注入
摘要： Babel处理ES6 官方网站：https://babeljs.io/ 安装：npm i babel-loader @babel/core @babel/preset-env -D //babel-loader是webpack 与 babel的通信桥梁，不会做把es6转成es5的工作，这部分工作需要 阅读全文
posted @ 2021-02-14 03:19 猎奇游渔 阅读(504) 评论(0) 推荐(0) 编辑
2021年2月13日
04-webpackDevServer-实时编译，提升开发效率神器
摘要： 每次改完代码都需要重新打包一次，打开浏览器，刷新一次，很麻烦 我们可以安装使用webpackdevserver来改善这块的体验 webpack-dev-server主要是启动了一个使用express的Http服务器。它的作用主要是用来伺服资源文件。此外这个Http服务器和client使用了webso 阅读全文
posted @ 2021-02-13 22:52 猎奇游渔 阅读(191) 评论(0) 推荐(0) 编辑
03-sourceMap -源代码与打包后代码的映射关系
摘要： 应用场景：在开发中我们哪里出错了，可以帮助我们快速的定位到哪里出错了。 在webapck.config.js配置文件中，如果mode是development开发模式的话，是默认开启（就是不写devtool），是但定位的错误行数没那么准确。 设置devtool:"source-map"，即可捕获到错误 阅读全文
posted @ 2021-02-13 21:55 猎奇游渔 阅读(316) 评论(0) 推荐(0) 编辑
02-plugins
摘要： plugin 可以在webpack运行到某个阶段的时候，帮你做一些事情，类似于生命周期的概念。 在之前我们使用loader的时候，我们打包后还需要自己手动在打包后的文件夹中创建一个index.html文件，并且这个文件中引入打包后的js，非常麻烦，所以就有了下面这个插件。 一、HtmlWebpack 阅读全文
posted @ 2021-02-13 21:22 猎奇游渔 阅读(94) 评论(0) 推荐(0) 编辑
01-loader
摘要： 安装webpack,推荐使用局部安装，如果全局安装的话，每个项目可能不一定用的是一个webpack的版本 局部安装项目内安装： npm install webpack webpack-cli --save-dev //-D webpack -v //command not found 默认在全局环境 阅读全文
posted @ 2021-02-13 19:39 猎奇游渔 阅读(85) 评论(0) 推荐(0) 编辑
Git
摘要： 使用git也是要像SVN一样先下载一个客户端，安装完成后，右键就会有： GUI是UI界面 Base是命令行 git第一次去clone的时候，就会先让你填写密码； 提交时候是先提交到本地仓库，然后才push到远程仓库。 在git上去点击fork别人的这个项目，就相当于自己创建了一个分支版本，你就可以愿 阅读全文
posted @ 2021-02-13 02:38 猎奇游渔 阅读(35) 评论(0) 推荐(0) 编辑
SVN
摘要： SVN 集中式： 中心服务器；唯一最新版 git 分布式： 每个客户端都是服务器；很多个最新版 其实git也需要一个中心的服务器，只不过他的主要工作不是用来保存代码，而是去拉取一个更新的版本信息，用作交换信息用的。 SVN操作步骤： 1.安装完成svn后，鼠标右键选择checkout 会自动把下载地 阅读全文
posted @ 2021-02-13 02:07 猎奇游渔 阅读(153) 评论(0) 推荐(0) 编辑
2021年2月12日
koa-02 服务端渲染- pug(jade)、ejs
摘要： 服务端渲染： 1）安全性高 ->用户登录 注册用服务端渲染 2）SEO 客户端渲染： 1）节约流量 2）用户体验好（不需要重新刷新页面） 常用服务端渲染框架： 1）pug(jade) 侵入式：了解 一旦用了pug，再想离开他就不行了，因为他会彻底的破坏原来的html 安装：npm i pug -D 阅读全文
posted @ 2021-02-12 19:01 猎奇游渔 阅读(530) 评论(0) 推荐(0) 编辑
2021年2月9日
常用图像格式的16进制文件头
摘要： 常用文件格式十六进制文件头JPEG (jpg)，文件头：FFD8FFPNG (png)，文件头：89504E47GIF (gif)，文件头：47494638TIFF (tif)，文件头：49492A00Windows Bitmap (bmp)，文件头：424DCAD (dwg)，文件头：414331 阅读全文
posted @ 2021-02-09 18:44 猎奇游渔 阅读(2414) 评论(0) 推荐(0) 编辑