1. 库/框架选型 2. 简单构建优化 3. JS/CSS模块化开发 4. 组件化开发（本文重点） 1. Vue.js采用了JSON的方法描述一个组件 2. React.js发明了JSX，把CSS和HTML都塞进JS文件里 不要把分离容器组件和展示组件当做教条，如果你不确定该组…

设计模式代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。 设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经…

熟悉vue的小伙伴应该都知道，谈到vue的原理，最重要的莫过于：响应式，虚拟dom及diff算法，模版编译，今天，我们一起来深入vue的响应式，探讨vue2.x响应式的实现原理与不足，以及vue3.0版本如何重写响应式实现方案。 1. 什么是响应式 vue是一个MVVM框架，所…

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。

我们通常都会说为了解决回调地狱。 多层嵌套的问题。 每种任务的处理结果存在两种可能性（成功或失败），那么需要在每种任务执行结束后分别处理这两种可能性。 promise有内部会提供两个方法，注意不是原型对象上的，这两个方法会传给用户,可以更改promise的状态。 promise…

众所周知，Promise是ES6引入的新特性，旨在解决回调地狱。下面是一个简单的例子：控制接口调用顺序： apiA-->apiB-->apiC。复杂的业务，开发人员会裂开。后生在此向老前辈致敬。 因此Promise/A+规范应运而生，ES6的Promise就是遵循规范开发出来的…

最近部门分享，有同学提到了 Vue 响应式原理，大家在讨论时，发现一些同学对这一知识理解还不够深入，不能形成一个闭环，为了帮助大家理解这个问题，我重新过了一下 Vue 源码，并整理了多张流程图，便于大家理解。 从 Vue 初始化，到首次渲染生成 DOM 的流程。 从 Vue 数…

本文想分享的是如何准备阿里面试的以及面试过程的所想所得，希望能帮到你。 首先，可能要让你们失望的是，这篇文章不会有大篇幅的面试题答案。如果想要看这方面的内容，我相信社区里已经有很多优秀的文章了。 0. 招人！！！ 最重要的事当然要放在第一位。 作为阿里国际化进程中的核心技术力量…

v-if和v-for不要在一起使用。v-if的条件通过函数来处理 computed和watch注意区分使用场景。前者是有缓存的。后者是监听到数据变化后的回调无缓存 created中发起请求，mounted钩子中代表页面dom加载完成可以进行dom操作。 操作dom不要使用js原…