在软件工程中，设计模式（Design Pattern）是对软件设计中普遍存在（反复出现）的各种问题，所提出的解决方案。根据模式的目的来划分的话，GoF（Gang of Four）设计模式可以分为以下 3 种类型： 1、创建型模式：用来描述 “如何创建对象”，它的主要特点是 “将…

在项目开发中，如果业务比较复杂，特别像中台或B端功能页面都不可避免的会用到第三方组件库，产品有时会想对这些组件进行一些UI方面的定制。如果这些组件采用的是有作用域的CSS，父组件想要定制第三方组件的样式就比较麻烦了。 深度作用选择器( >>> 操作符)可以助你一臂之力。 上面的…

在之前的总结中，我们详细分析了原型《JS 总结之原型》，原型很大作用用于模拟继承，这一次，我们来聊原型继承的几种方式。 组合 原型链继承 和 借用构造函数继承。 优点：不用手动设置原型。 缺点：新语法，只要部分浏览器支持，需要转为 ES5 代码。

父子组件之间的双向绑定非常简单，但是很多人因为是从Vue 2+开始使用的，可能不知道如何双向绑定，当然最简单的双向绑定（单文件中）就是表单元素的v-model了，例如<input type="text" />它会响应表单元素的value属性，当输入框文本改变时，会将v…

初入北京，人生地不熟的，找工作这种大事就直接到我脑袋上了。有幸小米的hr给我发了面试通知让我去快（bei）乐（shang）的面试。 4:请实现一个两边宽度固定中间自适应的三列布局。 从prototype、隐式的_proto_、constructor再到修改原型链的内容会导致的影…

了解基本的架构模式，比如mvc，mvp，mvvm，flux的基本特点。

flex布局具有便捷、灵活的特点，熟练的运用flex布局能解决大部分布局问题，这里对一些常用布局场景做一些总结。 flex:0 0 25%,相当于flex-basis:25%，使得每一个列表项的宽度占外层容器(本例中的ul元素)的25%，因此每行最多能够排开四个列表项。 各大U…

没有业务场景的功能都是耍流氓，那么我们先来模拟一个需要实现的业务场景。假设我们要做一个后台系统添加商品的页面，有一些商品名称、信息等字段，还有需要上传商品轮播图的需求。 我们就以Vue、Element-ui，封装组件为例子聊聊如何实现这个功能。其他框架或者不用框架实现的思路都差…

写下这篇文章后我想，要不以后就把这种基础的常见知识都归到这个“不要再问我XX的问题”，形成一系列内容，希望大家看完之后再有人问你这些问题，你心里会窃喜：“嘿嘿，是时候展现真正的技术了！” 一、不要再问我this的指向问题了 跨域这两个字就像一块狗皮膏药一样黏在每一个前端开发者身…