限于个人能力，如有错漏之处，烦请不吝赐教。 我在最近的工作中开始使用 Vue 进行开发，但是我在上一家公司积累了三年以上 React 开发经验。虽然在两种不同的前端框架之间进行切换确实需要学习很多，但是二者之间在很多基础概念、设计思路上是相通的。其中之一就是组件设计，包括组件层…

1. 背景 前端项目的组件化是为了追求高复用，高可维护性为目的的代码封装，它是前端工程化的一种表现形式。组件化的思想为前端提供了很好的分治策略，开发者们只需要关注以组件方式存在的代码片段，不需要再面对一堆复杂且难阅读的代码合集，单个组件即可以进行独立维护，也可以与其他组件自由组…

耗时了 5 个月，终于把设计模式一整个系列写完。其实设计模式这一系列文章网上已经有很多非常好、非常优秀的文章，为什么要写呢？ 一方面是为了学得更扎实，印象中设计模式学习了 2 遍，记得牢的基本就那几个众所周知的，反思前面 2 次学习过程，缺少了思考的过程，没有把知识消化掉转化成…

设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 我们在学习设计模式的时候会遇到很多种设计原则,其中一个设计原则就是单一职责原则,在组…

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

从 PC 时代、移动时代到万物互联的 IoT 时代，伴随终端设备的日趋多样化，跨端复用的种子自此落地，开始生根发芽。从业务角度出发，跨端技术演进更多是在不同阶段、不同时间段内业务效率上的选择

正则表达式对于前端来说是非常重要的，尤其是表单验证，本人是做活动开发的，经历过各种信息资料的填写，特意整理收集了若干个常用以及不常用的正则。

如今，许多工具可以在20个不同的文件夹中运行“npm install”和“npm run build”。但是，并不是所有的工具都能促进正确的monorepo。 促进一个正确的单体开发意味着要解决一些挑战，比如为分离的模块运行测试和构建过程，能够从项目中独立发布模块，以及管理变更…

本文将先从个人背景讲起，然后谈谈在字节跳动、虎牙、YY 以及 BIGO 的面试经过，最后讲一下关于计算机基础、算法与数据结构、JavaScript 等方面的学习经验，以及聊聊个人学习经验。 2016 年到 2017 年在网易互动娱乐从事游戏品牌宣传后期美术、CC 语音（现 CC…