09 2020 档案
摘要：第一次接触到websocket是跟着b站上做项目的时候，需要实现实时聊天的功能，用websocket实现的，那么到底是如何实现的呢？ websocket最大的特点就是能主动从服务端推送消息到客户端。HTTP1.x需要keep-alive才能实现长连接，且一个request只能对应一个response
阅读全文
摘要：在之前，vue是通过Object.defineProperty来实现响应式的，但在vue3.0中，改为使用proxy实现 在我看来，Object.defineProperty有以下几个问题： 不能监听对象属性的新增和删除。只对获取和更改进行了处理。 通过索引更改数组对象不能被监听，如arr[1] =
阅读全文
摘要：ECMAScript 5的严格模式是采用具有限制性JavaScript变体的一种方式，从而使代码显示地 脱离“马虎模式/稀松模式/懒散模式“（sloppy）模式。 严格模式不仅仅是一个子集：它的产生是为了形成与正常代码不同的语义。 不支持严格模式与支持严格模式的浏览器在执行严格模式代码时会采用不同行
阅读全文
摘要：vue和react已然是目前最受欢迎的前端开发框架，但公司依然有个项目使用的是jQuery开发。之前面试的时候，也有面试官问，什么项目适合使用jQuery开发呢？ jQuery jQuery无疑是将web开发带向标准化的领路人，兼容了各大浏览器，且包含了各种好用的插件。 但是jQuery体积大，不太
阅读全文
摘要：在vue中，默认通过template编写静态template来实现dom和state的关系。而react中使用JSX实现动态编译。各自有各自的好处与弊端。 template 使用静态模板的方式，很容易迁移到任何可以解析html结构的模板中。也可以很迅速地根据设计稿编写代码。 并且更易优化 JSX 使
阅读全文
摘要：插件的核心是install函数，第一个参数是Vue对象，第二个参数是options配置参数。当通过vue.use()调用插件时，即执行install方法 通过mixins创建全局插件 以下封装了一个数据验证的插件rules。通过在vue实例的$options中添加rules，实现对实例中data的监
阅读全文
摘要：一、减少网络请求数量 1. 图片处理 使用精灵图，但首次渲染时，加载一张大图较慢。 base64编码，但会扩大大小 字体图标代替图片 2. 合并文件 合并公共包文件、不同页面单独合并 3. 减少重定向 如果一定要使用重定向，则使用301永久重定向。 4. 使用缓存 5. 避免使用
阅读全文
