- 博客(12)
- 收藏
- 关注
RSS订阅原创 模块化开发
模块化开发是一种思想 是一种代码组织方式｜演变｜模块化规范｜常用打包工具 ｜举例：基于模块化工具构建的现代web 应用｜打包工具的优化技巧演变演变1. 基于文件划分（原始方式）： 功能/模块数据 - 单独存放到一个文件中 - <script> 引入 ...
2021-09-13 11:07:51
215
原创 webpack 5
web 1.0 : static websiteweb 2.0 : AJAXweb 3.0 : modern front-end | module | framework | sass | es 6 .....问题： 模块开发支持问题 ｜ 实时监听 热更新 ｜ 打包 压缩 ｜ 新特新使用 ｜=>webpack上手webpack 5.45.1webpack cli 4.7.2live server...
2021-09-10 10:19:32
189
原创 前端工程化
第一章： 概述前端工程化： 提高效率， 降低成本， 保证质量解决的问题：颜色代表不同问题分类使用es6 兼容， lass sass 等无法直接运行， 模块化方式无法直接运行， 手动重复性动作（部署/压缩），团队风格统一，github 拉的代码质量不可保证。 开发/整体依赖后端接口。涉及领域：（对照下图）1. 脚手架创建项目结构，创建特定文件类型2. 格式化，校验， 编译， 构建， 打包3. 预览 / 热更新， sourceMap，Mock api...
2021-08-18 10:24:12
212
原创 JavaScript 内存管理
内存： 可读写单元组成内存管理： 开发者 => 申请 使用 释放模拟申请： 变量定义是自动分配 let obj = {}使用： obj.name ="guohai"释放： obj = null垃圾： JavaScript 内存管理是自动的， 对象不再被引用， 非可达可达对象：从根 EC（G）> VO（G）出发可以访问到的对象 // 引用 作用域链GC算法 ： 垃圾回收机制， 找垃圾，释放/回收空间引用计数：设置对象引用数,引用关系改变时改变. 判...
2021-08-11 13:31:24
104
原创 Proxy Class - object
// proxy : 访问代理 const person = { name: 'foo', age: 20, } const personProxy = new Proxy(person, { get(target, property) { console.log('get', target, property) return target[property] }, set(target, property, value) { console.log(.
2021-08-04 10:05:36
50
原创 TypeScript 初识
什么是TypeScript： Basedo on javascript , + 类型系统 + es6+ => Javascipt(编译结果)特点： 类似 Flow ， 渐进式，学习成本， 新概念引入上手： 模块（开发依赖）安装 以及 tsc 编译出 js文件配置文件： tsconfig.js...
2021-08-03 16:16:40
2281
原创 block scope 和 block 的区别
block is aslo compound statement// block = compound statement 组合声明{ var a = 10; console.log(a);}// {} is a blockif(true) { // if() 只接受一个statement声明 var a = 10; console.log(a);}// block scope// 包括在{}中定义的 let const 变量/..
2021-08-02 13:09:09
206
原创 Facebook Flow
类型安全角度： 实参 和 行参 是否需要类型相同弱类型： 可以随意隐式转换 （运行阶段报错）代码层面强类型 ： 不可随意隐式转换，（编译阶段报错）语法层面类型检查角度静态语言类型：变量声明时类型就明确，且不可变动态语言类型： 运行阶段才能明确类型，类型随时可变总结： 变量没有类型， 变量中的值时有类型的 （变量是个空盒子），薛定谔的????？强类型的优势总结：更早暴露错误 代码更智能，准确 重构更牢靠 减少不必要的类型判断Flow- depency类型注解 ，
2021-08-02 09:23:59
161
原创 ECMAScript 新特性
1. ECMAScript 与Javascript的关系2.ECMAScript的发展过程3. ECMAScript 2015 (ES6) 的新特性关于ECMAScript 以及 它 和Javasctipt的关系：ECMAScript 是脚本语言 、缩写为ES, 是Javascript 的标准化规范. Javascript 是ECMAScript 的扩展语言. ECMAScript 提供最基本的语法，约定编写规则。 （语言层面）不能直接完成实际应用开发Javascript 实现了...
2021-07-29 18:40:46
143
原创 函子functor笔记
Functor 函子1. 作用控制副作用，异常处理，异步操作副作用是指： 让函数变得不纯的因素2. 什么是函子：函子是一个对象函子是一个容器： 值（对内） + 处理值的函数map（fn）（对外）map（fn）参数：一个对值进行操作的函数3. 手写 Functor#3.1 ’new‘关键词class Container { constructor(value){ // 函子内部维护的值， 只有函子自己知道
2021-07-29 12:09:43
85
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人