潘正

摘要： subscribe.js 1 (function(){ 2 class Subscribe { 3 constructor() { 4 // 事件池 5 this.$pond = [] 6 } 7 // 追加事件 8 add(func) { 9 // 事件去重 10 const flag = thi 阅读全文

摘要： 一、手机的分辨率和手机浏览器的分辨率 首先我们得清楚，手机的分辨率和手机浏览器分辨率不是一个东西。 一般来说，我们使用的手机的分辨率远大于手机浏览器的分辨率。因为手机分辨率大会让手机显示的内容更细腻，比如消除图片的颗粒感；而手机浏览器分辨率小则是为了让用户对某些内容更好辨认，比如更大的文字，同时，这 阅读全文

摘要： Web Components 是一套不同的技术，允许您创建可重用的定制元素（它们的功能封装在您的代码之外）并且在您的web应用中使用它们。 作为开发者，我们都知道尽可能多的重用代码是一个好主意。这对于自定义标记结构来说通常不是那么容易 — 想想复杂的HTML（以及相关的样式和脚本），有时您不得不写代 阅读全文

摘要： 有一些问题不限于 Vue，还适应于其他类型的 SPA 项目。本文是以Vue为例进行说明。 一、页面权限控制 页面权限控制是什么意思呢？ 就是一个网站有不同的角色，以博客园后端系统为例存在管理员（admin）和普通用户（user），要求不同的角色能访问的页面是不一样的。如果一个页面，有角色越权访问，这 阅读全文

摘要： 在Vue项目中用的比较多的就是组件，为了实现组件的样式模块化。我们通常会在style标签中添加一个scoped属性，这样css样式只能作用于当前的Vue组件。使组件之间的样式相互独立，当调用该组件的时候就不会影响其他组件样式或者被其他组件中的样式所干扰。 一、什么是scoped scoped是Vue 阅读全文

摘要： 大家都知道，对于网站来说，性能至关重要，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。因此，与其相关的性能优化是不容忽视的。对于性能优化我们常常在项目完成时才去考虑，经常在项目的末期，性能问题才会暴露出来，此时才进行一些相关的性能优化。其实，如果我们从一开始编码，就注意一些 阅读全文

摘要： Vue中允许你自定义过滤器，可被用于一些常见的数据文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式。 1 <template> 2 <div class="filters"> 3 <!-- 在Mustache语法中使用 --> 4 <p>{{ message | flip } 阅读全文

摘要： 一图解千愁： 先来试个一句话解释仨，当浏览器碰到 script 脚本的时候： <script src="外部.js"></script> 没有 defer 或 async，浏览器会立即加载并执行指定的脚本，“立即”指的是在渲染该 script 标签之下的文档元素之前，也就是说不等待后续载入的文档元素 阅读全文

摘要： 分享目标： 了解 Vue.js 的组件化机制 了解 Vue.js 的响应式系统原理 了解 Vue.js 中的 Virtual DOM 及 Diff 原理 Vue.js概述 Vue 是一套用于构建用户界面的渐进式MVVM框架。那怎么理解渐进式呢？渐进式含义：强制主张最少。 Vue.js包含了声明式渲染 阅读全文

摘要： TCP协议 TCP（Transmission Control Protocol 传输控制协议）是一种面向连接的、可靠的、基于字节流的传输层通信协议，由IETF的RFC 793定义。在简化的计算机网络OSI模型中，它完成第四层传输层所指定的功能，用户数据报协议（UDP）是同一层内另一个重要的传输协议。 阅读全文