2022年9月25日
【前端必会】HtmlWebpackPlugin 和 SplitChunksPlugin 是什么？
摘要： #背景 了解什么是webpack插件，在来看一下不能不知道的两个插件 HtmlWebpackPlugin 有了这个插件，webpack执行后会自动帮我们在dist目录生成一个html文件，并且添加bundle.js的引用。 https://webpack.docschina.org/plugins/ 阅读全文
posted @ 2022-09-25 23:19 李同学的教室 阅读(435) 评论(0) 推荐(0)
【前端必会】webpack 插件，前进路绕不过的障碍
摘要： #背景 webpack的使用中我们会遇到各种各样的插件、loader。 webpack的功力主要体现在能理解各个插件、loader的数量上。理解的越多功力越深 #开始 https://webpack.docschina.org/api/compilation-hooks/ https://webpa 阅读全文
posted @ 2022-09-25 17:48 李同学的教室 阅读(135) 评论(0) 推荐(0)
【前端必会】webpack的目标代码
摘要： #背景 webpack生成什么样的代码呢？同的模块依赖的写法（import、export export default），会导致生成代码的不同，下面介绍普通的import与export #开始 ##导出PI1，max //index.js let PI1 = 3.1415926; let PI2 = 阅读全文
posted @ 2022-09-25 02:38 李同学的教室 阅读(62) 评论(0) 推荐(0)
2022年9月24日
【前端必会】单页应用-你的新朋友wepack
摘要： #背景 我们开发的功能可能是简单的，但是实现功能的代码行数却可能成千上万 出于易于维护、安全、服用，我们会根据我们的经验设计我们的代码，拆解成多个独立的功能模块（代码片段、更多的文件） JS的模块规范有很多，CMD、AMD、UMD、ES6Modules等。 我们知道浏览器的web页面却无法识别诸如r 阅读全文
posted @ 2022-09-24 02:19 李同学的教室 阅读(70) 评论(0) 推荐(0)
2022年9月22日
【小技巧】快速读取数组中的对象
摘要： #背景 开发中经常遇到需要从数组中读取某个对象，每次遍历数组查询并不是一个好的选择，会消耗无谓的资源，我们可以使用一个对象作为中间结构，后续再次读取对象是可以直接从中间对象中获取 #开始 代码如下 /* *快速通过key获取数组中的元素 */ const array = [{ name: "lich 阅读全文
posted @ 2022-09-22 23:20 李同学的教室 阅读(1159) 评论(0) 推荐(0)
2022年9月21日
【前端必会】让ESLint与Prettier一起玩耍
摘要： #背景 上回说到ESlint和Prettier可能会有规则上的冲突，解决的办法有多种，好比不用Prettier 不用Prettier也是一种选择 配置相同的规则 我们选择一种可以共存的方式 可以参考这篇文章 https://www.jianshu.com/p/be27685feeee #安装 npm 阅读全文
posted @ 2022-09-21 23:11 李同学的教室 阅读(390) 评论(0) 推荐(0)
2022年9月20日
【前端必会】Prettier，有了ESlint，还要Prettier
摘要： #介绍 已经安装了ESLint为什么还要Prettier，主要是让ESLint专注于语法相关的验证，检查潜在问题。而代码格式化则有Prettier来接管 对比参考： https://baijiahao.baidu.com/s?id=1718226261291810346&wfr=spider&for 阅读全文
posted @ 2022-09-20 22:51 李同学的教室 阅读(350) 评论(0) 推荐(0)
2022年9月19日
【前端必会】eslint搞起
摘要： #介绍 eslint进行代码审查，统一代码风格，预防潜在BUG 官网 https://eslint.bootcss.com/docs/user-guide/getting-started #安装 init时提示无法执行脚本 参考 https://www.cnblogs.com/jackadam/p/ 阅读全文
posted @ 2022-09-19 21:58 李同学的教室 阅读(145) 评论(0) 推荐(0)
2022年9月18日
【前端必会】前端开发利器VSCode
摘要： #介绍 工欲善其事必先利其器，开发工具方面选择一个自己用的顺手的，这里就用VSCode #安装参考 https://www.runoob.com/w3cnote/vscode-tutorial.html #下载太慢参考 https://blog.csdn.net/ZoeCXY/article/det 阅读全文
posted @ 2022-09-18 22:31 李同学的教室 阅读(85) 评论(0) 推荐(0)
【前端必会】NVM，管理你的node版本
摘要： 介绍 用nvm管理node，可以随时修改node版本 使用 下载nvm https://github.com/coreybutler/nvm-windows/releases/tag/1.1.9 安装完毕后查看版本 nvm -version 安装node 18.9.0 nvm install 18. 阅读全文
posted @ 2022-09-18 21:12 李同学的教室 阅读(111) 评论(0) 推荐(0)