从Vue.js源码看nextTick机制
Vue源码详解之nextTick：MutationObserver只是浮云，microtask才是核心！ 可能会有理解存在偏差的地方，欢迎大神斧正，共同学习，共同进步。操作DOM在使用vue.js的时候，有时候因为一些特定的业务场景，不得不去操作DOM，比如这样： <template> ...
CSS网格布局（Grid）完全教程
发表于
CSS网格布局（Grid）完全教程
面试之Vue.$nextTick原理
发表于
面试官:Vue的nextTick是怎么监听DOM树更新完毕的？nextTick是全局vue的一个函数，在vue系统中，用于处理dom更新的操作。vue里面有一个watcher，用于观察数据的变化，然后更新dom，vue里面并不是每次数据改变都会触发更新dom，而是将这些操作都缓存在一个队列，在一个事 ...
vue-router浅析原理
发表于
近期被问到一个问题，在你们项目中使用的是Vue的SPA（单页面）还是Vue的多页面设计？ 这篇文章主要围绕Vue的SPA单页面设计展开。关于如何展开Vue多页面设计请点击查看。 vue-router是什么？首先我们需要知道vue-router是什么，它是干什么的？ 这里指的路由并不是指我们平时所说的 ...
19 个 JavaScript 有用的简写技术
发表于
1.三元操作符当想写if…else语句时，使用三元操作符来代替。 const x = 20; let answer; if (x > 10) { answer = 'is greater'; } else { answer = 'is lesser ...
React高阶组件HOC
发表于
什么是高阶组件？ 高阶部件是一种用于复用组件逻辑的高级技术，它并不是 React API的一部分，而是从React 演化而来的一种模式。 具体地说，高阶组件就是一个接收一个组件并返回另外一个新组件的函数！ 这是官方文档说的，我没有截全，因为后面的解释会造成误解，但简单讲高阶组件（函数）就好比一个加 ...
Event Loop 必知必会（六道题）
发表于
一直想写一篇关于 Event Loop 的文章，前不久发现 CNode 上有位同学写了一篇原理分析的文章很详细，这里我就不献丑了。本文就拿出六道题来补充一下，放出一张我认为非常直观的图。绿色小块是 macrotask（宏任务），macrotask 中间的粉红箭头是 microtask（微任务）。 题 ...
CSS如何实现文字两端对齐
发表于
最近在工作项目中接触到Web界面设计的问题，要实现文字两端对齐的效果。在网上搜索了一下，差不多都是互相转帖，用的都是类似的技巧： text-align:justify; text-justify:inter-ideograph; 但问题是，我怎么就看不到效果呢？无论是英文还是中文，在IE和chrom ...
React setState
发表于
面试官：“react中setState是同步的还是异步？” 我：“异步的，setState不能立马拿到结果。” 面试官：“那什么场景下是异步的，可不可能是同步，什么场景下又是同步的？” 我：“……” setState真的是异步的吗？这两天自己简单的看了下 setState 的部分实 ...