- 博客(11)
- 收藏
- 关注
RSS订阅原创 vue插槽的用法（slot）
vue中的插槽，指的是子组件中提供给父组件使用的一个占位符，用标签表示，父组件可以在这个占位符中填充任何模板代码，比如HTML、组件等，填充的内容会替换掉子组件的标签（替换占位符）。vue中的插槽大致可以分为默认插槽、具名插槽和作用域插槽三种。
2022-09-05 10:26:19
883
2
原创 vue-全局拦截-判断用户是否登录
为了保护网站的安全性，所以需要做全局路由拦截处理。路由部分：这里的login:true是指是否要验证用户的token。export default new Router({ routes: [ { path: '/homepage', name: 'Homepage', component: Homepage, meta:...
2019-10-30 16:14:18
598
1
原创 vue 项目性能优化
代码层面：合理适用 v-if 和 v-show 区分 computed 和 watch 的使用 v-for 遍历为 item 添加 key v-for 遍历避免同时使用 v-if 通过 addEventListener 添加的事件在组件销毁时要用 removeEventListener 手动移除这些事件的监听 图片懒加载 路由懒加载 第三方插件按需引入 SSR服务端渲染，首屏加...
2019-10-19 17:00:18
193
原创 Vue 中的 key 有什么用
带上唯一标识的 key 可以提高 diff 算法的效率，并且在一些复杂场景下的列表组件，可以更加准确的进行更新渲染 在渲染简单的无状态列表组件的场景下，不带 key 实际上性能要比带 key 要好，因为不带 key 的情况下，vue 默认会对节点进行复用，省去了销毁/创建组件的开销。推荐使用唯一标识作为 key 的原因：带上唯一的 key 可以保证更新组件的状态是正确的，避免了一些场景下会...
2019-10-19 16:57:55
177
原创 Proxy与Object.defineProperty的优劣势对比
Proxy的优势：可以直接监听对象而非属性 可以直接监听数组的变化 拦截方式较多 Proxy返回一个新对象，可以只操作新对象达到目的，而Object.defineProperty只能遍历对象属性直接修改 Proxy作为新标准将受到浏览器厂商重点持续的性能优化Object.defineProperty的优势如下:兼容性好,支持IE9...
2019-10-19 16:56:47
1982
原创 理解 requestAnimationFrame
与setTimeout相比，requestAnimationFrame最大的优势是由系统来决定回调函数的执行时机。具体一点讲，如果屏幕刷新率是60Hz,那么回调函数就每16.7ms被执行一次，如果刷新率是75Hz，那么这个时间间隔就变成了1000/75=13.3ms，换句话说就是，requestAnimationFrame的步伐跟着系统的刷新步伐走。它能保证回调函数在屏幕每一次的刷新间隔中只被执行...
2019-10-14 16:42:53
167
原创 简单的理解token机制
什么是tokentoken的意思是“令牌”，是服务端生成的一串字符串，作为客户端进行请求的一个标识。当用户第一次登录后，服务器生成一个token并将此token返回给客户端，以后客户端只需带上这个token前来请求数据即可，无需再次带上用户名和密码。简单token的组成；uid(用户唯一的身份标识)、time(当前时间的时间戳)、sign（签名，token的前几位以哈希算法压缩成的一定...
2019-09-26 21:06:44
209
原创 TCP的三次握手
TCP握手协议 在TCP/IP协议中,TCP协议提供可靠的连接服务,采用三次握手建立一个连接.第一次握手：建立连接时,客户端发送syn包(syn=j)到服务器,并进入SYN_SEND状态,等待服务器确认； SYN：同步序列编号(Synchronize Sequence Numbers)第二次握手：服务器收到syn包,必须确认客户的SYN（ack=j+1）,同时自己也发送一个SYN包（sy...
2019-09-25 21:27:45
73
原创 清晰思路的用git命令把本地文件推到Github仓库
1. 先在github上创建一个项目：例如 vue-demo2. 在本地vue-demo 项目中使用 git init 把其变成git可以管理的仓库git init3. 若要忽略本地的文件或文件夹不被提交到github ，则需要在项目根目录下创建 .gitignore 文件touch .gitignore4. 打开文件，编辑内容，例如：node_modules/update.txt...
2019-09-24 21:14:11
339
原创 面向对象编程思想的认识
面向对象的编程产生的历史原因：由于面向过程编程在构造系统时，无法解决重用，维护，扩展的问题，而且逻辑过于复杂，代码晦涩难懂，因此，人们开始想能不能让计算机直接模拟现实的环境，以人类解决问题的方法，思路，习惯和步骤来设计相应的应用程序。于是，面向对象的编程思想就产生了。面向对象的编程的主要思想是把构成问题的各个事物分解成各个对象，建立对象的目的不是为了完成一个步骤，而是为了描述一个事物在解决问题...
2019-09-11 20:06:17
538
转载 前端路由的介绍
路由这个概念最先是后端出现的。在以前用模板引擎开发页面时，经常会看到这样http://www.xxx.com/login大致流程可以看成这样：浏览器发出请求服务器监听到80端口（或443）有请求过来，并解析url路径根据服务器的路由配置，返回相应信息（可以是 html 字串，也可以是 json 数据，图片等）浏览器根据数据包的 Content-Type 来决定如何解析数据简单来说路由...
2019-09-05 21:27:03
124
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人