CSS

渲染机制 1. 浏览器如何渲染网页 概述：浏览器渲染一共有五步 处理 HTML 并构建 DOM 树。 处理 CSS构建 CSSOM 树。 将 DOM 与 CSSOM 合并成一个渲染…

11 指令v-el的作用是什么? 提供一个在页面上已存在的 DOM元素作为 Vue实例的挂载目标.可以是 CSS 选择器，也可以是一个 HTMLElement 实例, 12 在Vu…

31 scoped样式穿透 scoped虽然避免了组件间样式污染，但是很多时候我们需要修改组件中的某个样式，但是又不想去除scoped属性 使用/deep/ //Parent&lt…

61 vuex 是什么？ 有哪几种属性？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 有 5 种，分别是 state、getter、mutation、acti…

网络篇 2：图片优化——质量与性能的博弈 《高性能网站建设指南》的作者 Steve Souders 曾在 2013 年的一篇 博客 (opens new window) (open…

存储篇 2：本地存储——从 Cookie 到 Web Storage、IndexDB 随着移动网络的发展与演化，我们手机上现在除了有原生 App，还能跑“WebApp”——它即开即…

CDN 的缓存与回源机制解析 CDN的缓存与回源机制解析 CDN （Content Delivery Network，即内容分发网络）指的是一组分布在各个地区的服务器。这些服务器存…

渲染篇 4：千方百计——Event Loop 与异步更新策略 Vue 和 React 都实现了异步更新策略。虽然实现的方式不尽相同，但都达到了减少 DOM 操作、避免过度渲染的目的…

应用篇 1：优化首屏体验——Lazy-Load 初探 首先要告诉大家的是，截止到上个章节，我们需要大家绞尽脑汁去理解的“硬核”操作基本告一段落了。从本节开始，我们会一起去实现一些必…

webpack 热更新原理 img 当修改了一个或多个文件； 文件系统接收更改并通知 webpack； webpack 重新编译构建一个或多个模块，并通知 HMR 服务器进行更新；…

为什么要做适配 为了适应各种移动端设备，完美呈现应有的布局效果 各个移动端设备，分辨率大小不一致，网页想铺满整个屏幕，并在各种分辨下等比缩放 适配方案 固定高度，宽度百分比适配-布…

在移动端开发的时候，我们有时候会遇到这样一个 bug：点击关闭遮罩层的时候，遮罩层下面的带有点击的元素也会被触发，给人一种击穿了页面的感觉，这是为什么呢？ 点击“打开弹框”按钮，显…

1 生命周期钩子函数 在 beforeCreate 钩子函数调用的时候，是获取不到 props 或者 data 中的数据的，因为这些数据的初始化都在 initState 中。 然后…

点击上方蓝字关注我们 GET和POST的请求的区别 传递的参数不同，POST传递的参数在request body中，GET传递的参数在url后拼接 GET请求一般用于查询，POST…

CSS弹性盒子模型( Flexible Box 或者 Flexbox ) 先来看看它的定义：弹性布局是指通过调整其内元素的宽高，从而在任何显示设备上实现对可用显示空间最佳填充的能力…

俗话说：“工欲善其事，必先利其器”。想要高效的编写代码，自然要先熟练的使用一款工具。 vscode设置简体中文 使用国外的工具，头等大事自然是必不可少的汉化。 vscode实用插件…