05 2023 档案
摘要:# webpack5 此版本重点关注以下内容: - 通过持久缓存提高构建性能. - 使用更好的算法和默认值来改善长期缓存. - 通过更好的树摇和代码生成来改善捆绑包大小. - 清除处于怪异状态的内部结构,同时在 v4 中实现功能而不引入任何重大更改. - 通过引入重大更改来为将来的功能做准备,以使我
阅读全文
摘要:webpack4 webpack 是一种前端资源构建工具,一个静态模块打包器(module bundler)。在 webpack 看来, 前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理。它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源(bundle)
阅读全文
摘要:git 集中式(svn) svn因为每次存的都是差异 需要的硬盘空间会相对的小一点 可是回滚的速度会很慢 优点: 代码存放在单一的服务器上 便于项目的管理 缺点: 服务器宕机: 员工写的代码得不到保障 服务器炸了: 整个项目的历史记录都会丢失 分布式(git) git每次存的都是项目的完整快照 需要
阅读全文
摘要:git 操作 版本控制 集中式(svn) svn 因为每次存的都是差异 需要的硬盘空间会相对的小一点 可是回滚的速度会很慢 优点: 代码存放在单一的服务器上 便于项目的管理 缺点: 服务器宕机: 员工写的代码得不到保障 服务器炸了: 整个项目的历史记录都会丢失 分布式(git) git 每次存的都是
阅读全文
摘要:创建工具包项目 安装Node 创建项目 创建一个空的项目文件夹: kieron-fe 在文件夹下执行命令 npm init -y 下载依赖包 npm i webpack webpack-cli 配置 webpack //webpack.config.js const path = require('
阅读全文
摘要:函数节流 在函数需要频繁触发时: 函数执行一次后,只有大于设定的执行周期后才会执行第二次 适合多次事件按时间做平均分配触发 场景: 窗口调整(resize) 页面滚动(scroll) DOM 元素的拖拽功能实现(mousemove) 抢购疯狂点击(click) 函数防抖(debounce) 在函数需
阅读全文
摘要:模块化进化史 1.全局 functon 模式 //module1.js //数据 let data = 'atguigu.com' //操作数据的函数 function foo() { console.log(`foo() ${data}`) } <script type="text/javascr
阅读全文
摘要:### json-server http服务搭建 Promise based HTTP client for the browser and node.js Website • Documentation [![npm version](https://img.shields.io/npm/v/ax
阅读全文
摘要:Typescript 简介 1.TypeScript 是 JavaScript 的超集。 2.它对 JS 进行了扩展,向 JS 中引入了类型的概念,并添加了许多新的特性。 3.TS 代码需要通过编译器编译为 JS,然后再交由 JS 解析器执行。 4.TS 完全兼容 JS,换言之,任何的 TS 代码都
阅读全文
摘要:ES6 const let 变量不能重复声明 块级作用域 不存在变量提升 不影响作用域链 解构赋值 let obj = {a: {b: 1}} const {a: {b: newb}} = obj 模板字符串 对象简写方法 const person = { name: 'zhao', //函数简写
阅读全文
摘要:数据类型判断 typeof 返回数据类型的 字符串 表达 可以判断 undefined / 数值 / 字符串 / 布尔值 不能判断 null 与 object array 与 object instanceof 判断 对象 的具体类型 全等 可以判断 undefined / null 数据变量内存相
阅读全文