前端杂货铺

那怎么才能将属性传递到内部的 el-input 组件中呢，直接给 el-input 加一个 v-bind="$attrs" 即可。 虽然上面可以解决了大部分的问题了，但同事发现并不能满足场景，主要是他用了动态组件 component。他的想法是通过 JSON Schema 的方…

概念：HTTP 是一种能够获取像 HTML、图片等网络资源的通讯协议（protocol）。它是在 web 上进行数据交换的基础，是一种 client-server 协议 HTTP——因特网的多媒体信使 ——《HTTP权威指南》。 HTTP 在因特网的角色：充当一个信使的角色，干…

第一，whistle 是一个 web 调试代理工具，它的功能十分强大。作为一名前端，我们需要经常跟协议中的应用层打交道，Mock 数据、跨域问题、cookie 的修改、移动端调试等等，都是我们必备的技能，而 whistle 就能解决其中 90% 的问题 ... 第四，基于 No…

Vue 是一个惊人的，轻量的渐进式前端框架。因为 Vue 是灵活的，所以用户不需要使用 Typescript。但是不像 Angular，老版本的 Vue 并没有很好的支持 Typescript。因为这点，大多数 Vue 应用程序都是直接使用 JavaScript 写的。 现在随…

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

项目中遇到一个 bug，一个组件为了保留一份 JSON 对象，使用 JSON.stringify 将其转换成字符串，这样做当然是为了避免对象是引用类型造成数据源的污染。 但发现后面使用 JSON.parse 方法之后，发现数据有所变化。 可以看到，Infinity 变成了 nu…

背景：移动端的设备会越来越多，而且会有不同的分辨率。那如何在不同的手机中显示相同的效果呢？也就是我们常说的移动端适配是怎么做到的呢？ 常见的方法有很多，比如百分比、flex 布局等。但现在更加常见的是采用 rem 布局的方式 在 webpack 的配置中配置 px2rem-lo…

之前写了一篇关于前端模拟面试的文章——前端模拟面试【一面】 今天咱们接着进行前端模拟面试二面。因为有很多是一面中提及了的问题，这边不再写相关答案，会简单过一下。 1. 有哪些常用的 标签 （3）vieport，移动端控制视口的大小和比例。 1. 有哪些居中的方法 2. 响应式布…

又到了金三银四的时候，很多朋友想着换工作。我个人认为面试有时候有点像应试教育【虽然不想承认，但现实就是如此】，就类似我们的高考，我们得刷题等。那竟然有《五年高考三年模拟》，那模拟面试我觉得也是一个很好的准备过程。 还有一个优点，就是有别人能够指点你一下，所以建议模拟面试官最好也…

于前端而言，不管是开发还是生产阶段，异常的捕获和定位都是至关重要的。 开发阶段，通过详细的报错信息，我们可以快速定位并解决问题。在生产，通过异常监控，根据异常埋点信息，我们可以第一时间知道异常信息，不至于造成严重后果。 借鉴下 MDN 的说明，当 JavaScript 运行时错…

一直以为对象赋值和对象浅拷贝是一样的，但实际上它们还是有很大差异。 先看赋值，将一个对象赋值给一个新的对象的时候，赋的其实是该对象在栈中的地址，而不是堆中的数据。 也就是一个对象的改变就会改变另外一个对象。 再看浅拷贝，浅拷贝会创建一个对象，再去遍历原始对象，如果原对象的属性值…

当我们在一个 team 中开发的时候，每个人的本地环境都是有所不同的，比如 node 版本，windows 系统和 Mac 有所区别等等，Jenkins 就可以解决这个问题。Jenkins 就相当于大家的一个统一环境，不会有所差异。 另外，我们平时在部署的之前需要 npm ru…

给定一个包含 n 个整数的数组 nums，判断 nums 中是否存在三个元素 a，b，c ，使得 a + b + c = 0 ？找出所有满足条件且不重复的三元组。 注意：答案中不可以包含重复的三元组。

JSX 指定属性的时候，不要在 JavaScript 表达式的大括号外面再加上引号。引号（对于字符串）或者大括号（对于表达式）应该取其中的一个，对同一个属性不能同时使用两个 与浏览器的 DOM 元素不同，React 元素是创建开销极小的普通对象。通过 React DOM 保持 …

首先要明白操作 DOM 的含义，指的是我们会对 DOM 做一些修改或者遍历（遍历 DOM 节点下的子节点），在 Vue 中我们对 DOM 的一些修改，可以通过 v-show 和 v-if 等的操作进行了，还有双向数据绑定的操作，所以不需要修改 DOM。

如果我们的需求需要跳转到其他的小程序的 APPID，则需要配置该选项。 需要判断设备，使用 wx.getSystemInfoSync()，获取设备信息，判断是否为 iPhoneX，设置一个全局变量（APP 实例下面）进行存储。根据是否为 iPhone X设置不同的样式即可。 p…

零食如何手动触发滚动事件将一个数组拍平方法一：使a==1&&a==2&&a==3的值为true方法一：使用隐式类型转换的时候调用toString方法的特性方法二：使用Object.defineProp

前阵子刚好遇到几个关于 webpack 方面的需求，特意找了一下这方面的书籍，阅读了一下，收益还是有一点，特此笔记记录一下。 很多小伙伴估计会说 webpack 这种快速变化的技术，书籍难免会过时了，还不如直接看官方文档。我对此保持中立态度，因为这本书除了实践外，还提到了很多关…

Plugin: 扩展插件。在 webpack 运行的各个阶段，都会广播出去相对应的事件，插件可以监听到这些事件的发生，在特定的时机做相对应的事情 如图所示，我们可以看到 webpack 的整一个编译流程。在这个过程中，我们上面提到的各个核心概念都发挥着重要的作用 上面我们提到，…

Error: webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead. Error: Plugin could not be…