- 博客(6)
- 收藏
- 关注
RSS订阅原创 个人对前端的发展以及前端工程化构建的看法
个人对前端的发展以及前端工程化构建的看法前端发展的过程和原因：随着Web2.0时代的到来，堪称前端历史上的第二次工业革命????，也就是人们所说的ajax时代的来临，人们渐渐发现了例如从复杂庞大的后台管理系统到追求性能十分苛刻的移动网页，再到类似 ReactNative 的原生应用开发方案。直接编写 JavaScript、CSS、HTML 开发 Web 应用的方式已经无法应对当前 Web 应用的发展。因此，很多前端新思想和前端新框架就应运而生了。那么前端新思想和新框架又是指的哪些呢？那当然是非常的多
2021-07-04 15:18:29
169
原创 浅谈前端路由hash模式和history模式的区别
浅谈前端路由hash模式和history模式的区别hash模式：1.hash模式的路由中带有#号2.hash模式通过window.onhashchange 方法监听路由的改变3.hash模式刷新页面的时候，发送的url是不带#号后面的内容的4.hash模式可以兼容部分低版本的浏览器5.hash模式打包后，直接在浏览器中打开 /dist/index.html 可以正常的访问（原因是第 3 条指出的原因）histroy模式：1.histroy模式是指通过正常的url路径显示2.histroy模
2021-06-26 23:39:01
325
1
原创 Vue3.0响应式原理(Reactive)简单版实现
Vue3.0响应式原理(Reactive)简单版实现下班回家，抽空写了这篇一直想写的关于vue3的reactive的文章，我们都知道在vue2中对于数据的响应式是通过Object.defineProperty来实现的，但是这个方法对于数组是无法监听的，而且对于复杂结构的对象，需要深层次的遍历对象的属性来进行监听，十分耗费性能。相比之下proxy拥有更强大的功能。下面我简单介绍一下proxy属性的优势Proxy可以直接监听对象而非属性Proxy可以直接监听数组的变化Proxy有13中拦截方法，功能
2021-06-01 22:00:01
510
原创 使用husky6.x + commitlint 来规范代码的commit提交
如何在VUE项目中安装并使用husky6.x + commitlint 来规范代码的commit提交husky:官方文档：https://typicode.github.io/husky/#/官方的解释是：当我们在提交或者推送代码的时候，可以使用它验证提交信息、运行测试、格式化代码、触发 CI/CD 等。如何安装并使用1.安装huskyyarn add husky -D2.启用git hooksyarn husky install3.为了团队可以更好的一起使用husky,我们可以在 p
2021-05-23 11:52:39
813
1
原创 VUE3.0 + TS 中该如何引进mockjs进行开发
如何在VUE3+TS中引入Mockjs1.安装Mockjsyarn add mockjs -S2.创建mock文件夹，并在文件夹下创建index.ts typing.ts 以及你需要使用到的模块的.ts文件 例如：user.tsindex.ts里import Mock from 'mockjs';import user from './user';import { MockParams } from './typing';const mocks = [...user];//设置延时
2021-05-20 16:43:35
4698
8
原创 VUE中的虚拟DOM
VUE中的虚拟DOM1. 首先先讲一下什么是虚拟DOM，我们把组成一个DOM节点的必要的东西通过一个JS对象表示出来，那么这个JS对象就可以用来描述这个DOM对象，我们把这个JS对象称为这个DOM对象的虚拟DOM节点.2. 为什么要有虚拟DOM：直接操作真实DOM是非常消耗性能的，为了尽可能的在更新视图的时候减少DOM操作，我们可以通过JS的计算性能来判断数据变化前后的状态，只更新那些需要更新的部分。3. VUE中的虚拟DOM是怎么实现的：3.1.VNode类 :在VUE中存在一个VNode类，通
2021-03-29 16:59:44
363
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人