学习笔记
文章平均质量分 86
Tommy·Yang
No matter how hard the past is , you can always begin again.
展开
-
九、vue3.0
1.vue3.0介绍新增composition apivue3.0新增compositon api的形式,相比vue2.0options api形式,更容易将相同功能的逻辑组织到一起方便使用性能提升响应式系统升级编译优化源码体积的优化原创 2021-03-16 21:14:46 · 84 阅读 · 0 评论 -
八、开发组件的流程
这是一个开发组组件的基本流程原创 2021-03-05 22:39:33 · 1360 阅读 · 0 评论 -
七、服务端渲染ssr
1原创 2021-02-04 13:01:13 · 169 阅读 · 0 评论 -
vue源码分析
一、Vue 源码解析 - 响应式原理1.1 准备工作源码目录结构src├─compiler 编译相关├─core Vue 核心库├─platforms 平台相关代码├─server SSR,服务端渲染├─sfc .vue 文件编译为 js 对象└─shared 公共的代码vue采用flow静态类型检查器调试, vue 采用rollup打包工具,设置 sourcemap,package.json 文件中的 dev 脚本中添加参数 --sourcemap"dev": "原创 2021-01-27 00:01:05 · 1602 阅读 · 0 评论 -
六、vue-router、响应式、snabbdom原理
一、vue-router1.1 动态路由传参路由组价传参通过path中带有:id routes: [ { path: '/user/:id', component: User,}, ]通过props属性,让路由和组件解耦const User = { props: ['id'], template: '<div>User {{ id }}</div>'} const router = new VueRouter({ routes:原创 2021-01-06 10:36:30 · 330 阅读 · 0 评论 -
webpack打包练习与思考
一、简答题1、Webpack 的构建流程主要有哪些环节?如果可以请尽可能详尽的描述 Webpack 打包的整个过程。主要环节安装webpack ,yarn add [email protected] [email protected] -D配置webpack.config.js文件在webpack.config.js中配置entry, output以及mode根据要加载的文件类型,安装配置不同的loader加载器根据项目的需求,实现非loader的功能,安装相应的plugins原创 2020-12-19 21:58:39 · 414 阅读 · 1 评论 -
五、模块化开发与规范化标准
模块化标准原创 2020-12-19 18:10:09 · 529 阅读 · 0 评论 -
四、前端工程化
工程化不等于某个工具,工具只是帮助我们落实工程化的方式或者手段。1.脚手架工具原创 2020-12-11 21:37:51 · 164 阅读 · 0 评论 -
三、ECAMScript新特性、Typescript、性能优化、v8垃圾回收机制(笔记)
1.let、const1)块级作用域2)不能进行变量提升const定义常量,一开始就要有初始值,不能修改const obj = {}obj.name = ‘hhh’上述并没有修改obj的内存地址,所以是可以修改对象中的属性的。2.数组的解构3.对象的解构4.模板字符串可以直接换行可以插入值通过 \ 转译const str = `name is \`hahha\``// 输出name is `hahha`...原创 2020-12-05 21:49:59 · 1153 阅读 · 0 评论 -
二、异步编程笔记
web浏览器中有js线程,异步调用线程原创 2020-11-29 22:28:52 · 84 阅读 · 0 评论 -
一、函数式编程
1.为什么要学习函数式编程函数式编程是随着React的流行收到越来越多的关注Vue 3 也开始拥抱函数式编程函数式编程可以抛弃this打包过程中可以更好的利用tree shaking过滤无用代码方便测试、方便并行处理很多库可以帮助我们进行函数式开发:lodash、underscore、ramda2.函数式编程的定义(functional programming)简称FP,函数式编程就是把程序抽象到一起,做数据(函数)之间的映射,本质上是通过某种输入获得某种输出。纯函数:相同的输入要得到原创 2020-11-27 22:49:22 · 186 阅读 · 0 评论