「本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！」 前言 招聘季节一般都在金三银四，或者金九银十。最近在这五六月份，陆陆续续面试了十几个高级前端。有一套考察算法的小题

前言 双向数据绑定每一个模块都负责什么? new Vue Observe函数 Dep类 Watcher类 Compile函数 双向数据绑定原理流程图 总结

毋庸置疑js是单线程的，通常我们所说的单线程指的是js的主线程（上节提到的js引擎线程），js引擎线程与渲染线程是互斥的，也就是执行代码时，渲染会被挂起，渲染DOM时，js代码不执行。js是单线程，但是渲染进程中是多线程的，在代码中遇到了像定时器setTimeout，DOM事件…

事件循环过程:js是单线程,执行时根据压入执行栈的顺序进行执行。首先执行同步代码,遇到任务源时,分配到相应的任务队列中(宏任务和微任务),执行完同步任务后,检查执行栈是否为空,如果为空,检查微任

作为一个程序员，代码能力毋庸置疑是非常非常重要的，就像现在为什么大厂面试基本都问什么 API 怎么实现可见其重要性。我想说的是居然手写这么重要，那我们就必须掌握它，所以文章标题用了死磕，一点也不过分，也希望不被认为是标题党。 作为一个普通前端，我是真的写不出 Promise A…

背景大部分web端业务系统都需要一个导入Excel功能，我们需要实现文件的上传，如果加上进度条，可以提升用户体验效果图如下：需要实现的功能点：选择文件上传、支持拖拽文件显示上传进度条文件上传使用<in

本文首发于我的个人博客：http://cherryblog.site/ 最近开启了阅读源码之旅，有兴趣的童靴可以持续关注，这几天再看 Zepto.js 的源码，估计博文过几天就会出来~另外，买的十几本书陆陆续续的在看，立志每本书都写一本读书笔记（相当于这本书的浓缩版 + 个人见…

Vuex 是一个专为 Vue.js 应用程序开发的状态管理插件。它采用集中式存储管理应用的所有组件的状态，而更改状态的唯一方法是提交mutation，例this.$store.commit('SET_VIDEO_PAUSE', video_pause，SET_VIDEO_PAU…

布局的传统解决方案是基于盒状模型，依赖 display + position + float 方式来实现，灵活性较差。2009年，W3C提出了一种新的方案-Flex，Flex是Flexible Box的缩写，意为”弹性布局”。Flex可以简便、完整、响应式地实现多种页面布局。下…