![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习笔记
文章平均质量分 83
潘小盒
Keep Moving!
展开
-
Keep Moving
一个前端的年终总结: 拖延了多年的学习计划终于在今年年底提上了日程。。。笔记传送门:Part1-1...原创 2021-01-02 17:05:16 · 188 阅读 · 0 评论 -
Vue Router
文章目录Vue Router使用动态路由嵌套路由编程式导航Hash模式 和 History模式Hash模式History模式原理及实现思路实现Vue Router使用$route: 当前路由规则$router: 路由对象动态路由设置路由规则 props:true,通过组件的 props 获取URL参数嵌套路由编程式导航this.$router.push()可以传入path '/',也可以传入已命名的路由对象 {name:Index}this.router.push()路由传参‘t原创 2021-04-23 14:29:54 · 348 阅读 · 0 评论 -
Vue基础语法
文章目录概念指令过滤器全局过滤器私有过滤器特性refkeyslot事件修饰符按键修饰符构造器生命周期钩子(函数)实例创建期间:实例运行期间:实例销毁期间:其他钩子函数组件组件化和模块化的区别定义全局组件定义私有组件注意事项动态组件父子组件通信父组件用prop给子组件传值子组件直接获取父组件的数据和方法($parent)父组件直接获取子组件的数据和方法($refs)非父子组件通信动画单元素/组件的过渡使用场景过渡的类名自定义过渡类名使用 duration 属性控制动画持续时间动画的钩子函数多元素/组件的过渡列原创 2021-04-23 14:29:07 · 468 阅读 · 0 评论 -
Webpack
Webpack4.0Webpack配置文件打包结果运行原理资源模块加载 LoaderWebpack模块加载方式常用加载器分类Loader的工作原理Webpack插件机制 Plugin常用插件插件机制的工作原理增强webpack开发体验Webpack Dev ServerSource MapWebpack HMRHMR使用注意事项Webpack生产环境优化不同环境下的配置多配置文件production模式下的优化功能DefinePlug.原创 2021-04-14 10:28:36 · 226 阅读 · 1 评论 -
规范化标准
规范化标准为什么需要规范化哪里需要规范化标准实施规范化的方法ESLint使用配置文件配置注释ESLint结合自动化工具ESLint结合Webpack现代化项目集成ESLintESLint校验TypeScriptStyleLintPrettierESLint结合Git HooksGit Hooks工作机制HuskyLint Staged规范化标准为什么需要规范化不同开发者有不同的编码习惯和喜好,多人协作开发时需要明确统一的标准。哪里需要.原创 2021-04-14 10:27:26 · 150 阅读 · 0 评论 -
模块化打包
模块化开发演变过程模块化规范CommonJS in NodeRequire.js & AMDSea.js & CMDES Modules in Browser基本特性导入和导出注意事项动态加载模块直接导出导入模块浏览器环境PolyfillES Module in Node.jsESM和CommonJS差异模块化打包工具WebpackRollup使用Rollup插件Rollup代码拆分动态导入多入口打包选用.原创 2021-04-14 10:25:19 · 364 阅读 · 0 评论 -
前端工程化概述
文章目录脚手架工具开发常用的脚手架工具Yeoman 使用步骤自定义generatorgenerators/app/index.js根据模版生成文件接收用户输入数据发布generatorPlop使用步骤脚手架开发自动化构建Npm Scripts常用的自动化构建工具Grunt的基本使用标记任务失败Grunt配置方法多目标任务Grunt插件使用常用插件Gulp的基本使用创建组合任务异步任务的几种方式构建过程核心原理Gulp文件操作API基础案例将构建任务添加到package.json封装自动化构建工作流FIS的基原创 2021-01-25 10:44:59 · 223 阅读 · 0 评论 -
Flow入门教程
目录Flow安装使用类型注解flow开发工具插件移除类型注解运行环境APIFlowJS的类型检查器安装yarn init --yes 初始化package.jsonyarn add flow-bin --dev 安装flow使用以注释语句 @flow 标记// @flowfunction sum(a: number, b: number){ return a+b}yarn flow init 初始化flow的配置文件yarn flow 使用flow对代码进行类型检原创 2021-01-02 18:12:23 · 1325 阅读 · 0 评论 -
JS性能优化
目录概念内存管理JS中的垃圾可达对象GC常见GC算法引用计数算法标记清除算法标记整理算法V8引擎V8垃圾回收策略:分代回收思想常用GC算法V8内存分配V8回收新生代对象算法:空间复制+标记整理晋升V8回收老生代对象算法:标记清除+标记整理+标记增量标记增量如何优化垃圾回收与新生代对比Performance工具常见的内存问题监控内存的几种方式几种优化方式:慎用全局变量缓存全局变量通过原型添加方法避开闭包陷阱避免属性访问方法的使用For循环优化采用最优循环方式文档碎片优化节点添加克隆优化节点操作直接量(字面量)原创 2021-01-02 17:01:12 · 302 阅读 · 0 评论 -
TypeScript入门
目录概念强类型与弱类型静态类型与动态类型TypeScript安装运行编译单个文件(根目录下)编译整个项目:语法类型约束接口 Interface类 Class访问修饰符只读属性类与接口抽象类 Abstract泛型参数类型声明 Declare概念TS是基于JS的一门编程语言,用来解决JS自由的类型系统的不足,提高代码的可靠程度。TS是解决此类问题的其中一种方式。JS是弱类型和动态类型强类型与弱类型从类型安全维度区分编程语言非官方定义:强类型在语言层面限制了函数的实参类型必须与形参相同,原创 2021-01-02 16:54:59 · 140 阅读 · 0 评论 -
ES6新特性
ECMAScript新特性ECMAScript 和 Javascript 的关系ECMAScript2015的新特性1.声明变量2.数组的解构3.对象的扩展3.1 对象的解构3.2 对象字面量增强3.3 对象新增方法3.4 Proxy 对象代理3.5 Reflect4.字符串扩展4.1 模版字符串标签模版4.2 字符串新增方法5.函数的扩展5.1 参数的默认值和剩余参数5.2 箭头函数6.Class7.Set 集合8.Map 映射9.Symbol10.for...of循环11.Iterator 遍历器11.原创 2021-01-02 16:51:44 · 274 阅读 · 0 评论 -
Promise实现原理
目录:Promise原理及实现Promise实现原理Promise原理及实现Promise的使用let promise = new Promise((resolve, reject) => { result('success') reject('error')})<!--promise.then(value => {--><!-- console.log(value) //success--><!-- return 100--原创 2020-12-15 16:55:28 · 1622 阅读 · 0 评论 -
异步编程方案
目录:异步编程Promise异步编程方案常见使用误区链式调用异常处理静态方法Generator异步编程方案Generator 结合 Promise 的异步方案async / await 语法糖异步编程javascript是单线程执行方式,为了避免耗时的任务形成阻塞,需要使用异步编程方案来解决。回调函数,是js中异步编程方式的根基Promise异步编程方案使用回调函数来定义异步任务结束后的操作const promise = new Promise(function(resolve, r原创 2020-12-15 16:52:26 · 119 阅读 · 0 评论 -
函数式编程
目录:函数式编程知识回顾:函数是一等公民高阶函数闭包> 作用:可以在另一个作用域中调用一个函数(once)的内部函数(pay),并访问到该函数作用域中的成员(done)。纯函数副作用Lodash柯里化lodash中的柯里化函数函数组合 Composelodash中的组合函数模拟flowRight函数调试组合函数lodash-fp模块PointFree函子 FunctorMaybe函子Either函子IO函子Task函子Poin原创 2020-12-15 16:34:05 · 124 阅读 · 0 评论