最近在学习一些底层方面的知识。所以想做个系列尝试去聊聊这些比较复杂又很重要的知识点。学习就好比是座大山，只有自己去登山，才能看到不一样的风景，体会更加深刻。今天我们就来聊聊Vue中比较重要的异步更新策略及 nextTick 原理。 在聊话题之前我们可以看下下面这道面试题： setTimeout(() => { console.lo

代码优化 Webpack配置优化 其它优化 代码 v-show 和 v-if 区分使用 v-show 根据表达式之正假值，切换元素 display CSS property。当条件变化时该指令触发过渡效果。适用于频繁操作，不会触发浏览器的重排。 v-if 根据表达式的值 truthiness 来有条件地渲染元素。在切换时元素及它的数据绑定/组件被销毁并

2、创建项目（vue create vue3test ） 选择default（直接回车enter）,初始化项目 3、进入项目文件夹，更新vue版本（vue add vue-next） 4、运行项目（npm run serve） 5、浏览器上访问（ http://localhost:8081 ），初始化页面展示 二、Vue3AP

最近看到Nodejs的事件循环，发现网上的一些文档和描述都不够清晰。 所以今天来和大家一起从源码出发了解下Nodejs的事件循环机制。 官网描述 我们先看下nodejs的官网对事件循环的描述。 ┌───────────────────────────┐ ┌─>│ timers │ │ └─────────────┬─────────────┘ │ ┌─────────────┴

const vm = new Vue(options) 其中 vm 对象 封装 了对视图的所有操作，包括 数据读写、事件绑定、DOM 更新 vm 的 构造函数 是 Vue，按照 ES6 的说法，vm 所属的 类 是 Vue options 是 new Vue 的参数，一般称之为 选项 或者 构造选项 2、options 里面有什么 五类属性 数据： da

作者：Paula Hu 博客：掘金主页、 知乎主页 、 GitHub主页 点赞是对原创者最大的肯定，我希望在这里看到你努力的身影~~~:kissing_heart::kissing_heart::kissing_heart: 写在前面 我相信很多同学对Vue的数据响应式是通过 Vue.js文档 来了解的，但毕竟文档的篇幅有限，你能知道自己理解了多少吗？先来看看下

路由的基本功能是为了保证视图和URL的同步，而视图可以看成是资源的一种表现。 目前，前端的主流Vue、React、Angular这些，他们都提供了有关路由的插件，一般来说，这些路由插件总是提供两种不同方式的路由方式： Hash 和 History。具体内容将会在下文中提到，下面就让我们围绕这两种方式来简单手写一个路由： 1、Ha

理解 js 深复制与浅复制，我们首先需要理解的概念有：堆，栈，数据类型，引用类型 堆与栈的特点 堆： 存储引用类型数据 按引用访问 存储空间动态分配 无序存储，可以通过引用直接获取 存储空间大，但是运行效率相对较低 栈: 存储基础数据类型 按值访问 存储空间固定 由系统自

1. 阿里巴巴矢量图 选择需要的字体修改参数 选择SVG下载 2. IcoMoon 点击右上角"icoMoon App" 点击左上角"Import Icons" 选择下载的 svg 文件,点击"打开"按钮 页面上会多一个"Untitled Set"选项,下面的小图标就是导入的本地 svg 文件

点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西

导图要表达的内容用文字来表述的话： 1.同步和异步任务分别进入不同的执行"场所"，同步的进入主线程，异步的进入Event Table（事件表）并注册函数。 2.当指定的事情完成时，Event Table会将这个函数移入Event Queue。 3.主线程内的任务执行完毕为空，会去Event Queue读取对应的函数，进入主线程执行。 4.

阿里妹导读：本文将系统分享 Git 底层知识：对象生命周期变化，底层数据结构，数据包文件结构，数据包文件索引，以及详细分析对象查询流程和算法。 文末福利：程序员需要哪些软技能？ 状态模型 上图描述了 git 对象的在不同的生命周期中不同的存储位置，通过不

README.md flask-restful This is a web backend project based on theflask-restful, coding inpython3.8. You can treat it as a template to learn web-framework or just simply a start to use python writing w

基本数据类型 number string boolean null undefined Symbol Symbol 是es6新增的基本数据类型，可以用来表示 唯一性 ，使用时候不需要new，直接声明即可 let a = Symbol() 即可，由于声明的

在js中，如何复制一个对象？ 大家的第一反应是直接使用赋值语句赋值嘛，比如 let a = {a: 1}; let b = a; 复制代码 看看打印结果 console.log(a) // {a: 1} console.log(b) // {a: 1} 复制代码 打印出来都是{a: 1}，很不错，但是这样真的是拷贝出来一份了吗？ 我们再试下一下的操作： a.b = 1; console.log(a) /

构建一个由 typescript 编写的库，并打包出es模块、 CommonJS 、 AMD 三种模块。 安装 npm i rollup -D 复制代码 新建文件 src/index.js import {a, b} from './test' export default b 复制代码 src/test export const a = () => { console.log('a') } export const b = () => { console.log('b

因为 promise.then 必须是微任务，但是浏览器又没有除了 then 的微任务了。 function nextTick(fn) { if (process !== undefined && typeof process.nextTick === "function") { let counter = 1; let observe = new MutationObserver(fn); let node = document.createTextNode(String(counter

在使用 angular 的过程中，rxjs的强大方便毋庸置疑，但是在初学的时候它的各种操作符是真的让人是查的心累。把使用及查到的各种操作符记录下来，方便查找。 过滤符 startWith: 在开头添加要发送的元素 filter: 传入function 过滤发送的元素(类似数组 filter) scan： 传入function (类似数据reduce 函数第一参

Vue 3尚未正式发布，但是维护者已经发布了Beta版本，供我们的参与者尝试并提供反馈。 如果你想知道Vue 3的主要功能和主要变化是什么，那么我将在这篇文章中重点介绍一下，告诉你使用Vue 3 beta 9创建一个简单的应用程序。 我将介绍尽可能多的新内容，包括fragments，teleport，Composition API以及其他一些晦涩的更

近日，Pug 3.0.0 正式发布，Pug 原名 Jade，是由 TJHolowaychuk 开发的一款模板引擎，也是 Haml 的 JavaScript 实现版本。Pug 3.0.0 增加了一些新功能，除此之外新版本将不再支持 Node.js 6 和 Node.js 8。 重大变化 如果想使用支持 renderBuffer 的过滤器，read 插件必须返回到 Buffer。如果开发者不希望使用这一