摘要： 正则生成形如xxx xxxx xxxx格式的手机号码（中间数字自动追加空格）： 监听输入事件，对输入的值用正则处理： 1.过滤输入的字符，去掉非数字 var a = '13177wsdrfs778888sdfasdf999asdfasdfasdf9' a.replace(/\D+/g, '') // 阅读全文

摘要： 本篇将实现vue2在css中使用js变量。 下图是el-tab组件，由上面的tab头和下面的内容区构成，当内容区过长的时候，外层固定高度的盒子会出现滚动条（设置了overflow: auto;），tab头部会向上滚动而消失： 滚动前： 滚动后： 现在的需求是，tab头部需要固定在最上方，不随滚动条滚 阅读全文

摘要： 本篇主要封装防抖、节流方法，并简述它们的使用场景： 防抖： /** * 如果短时间内触发多次同一事件，只执行一次 * @param {*} callback callback: 需要处理的回调函数 * @param {*} delay delay：期限 * @returns */ export fu 阅读全文

摘要： 常见的数组去重主要有俩方面： 由基本类型组成的数组去重 由对象组成的数组根据对象某个属性去重 基本类型去重： export function unique(array) { const arr = [] const contain = {} array.forEach(item => { if (! 阅读全文

摘要： 前言 本篇主要针对nuxtjs中的一些重要概念整理和代码实现！ 在学习vue服务端渲染之前，先搞清楚几个概念： 什么是客户端渲染(CSR) 什么是服务端渲染(SSR) CSR和SSR有什么异同 客户端渲染(CSR):当用户在浏览器中输入网址，打开网页，此时的页面只有样式和一些html代码构成的空壳页 阅读全文

摘要： 引用类型的深拷贝、浅拷贝在前端领域一直是个很重要的知识点，不仅在业务中频繁使用，也是面试官们喜欢考的的知识点之一。本篇将封装引用类型的深拷贝、浅拷贝方法，并解决在封装过程中出现的问题。 一、浅拷贝 浅拷贝一般比较简单，缺点也很明显，引用类型的属性并不是真正的拷贝，而是拷贝的引用地址，改变一个当中的属 阅读全文

摘要： js中的类数组对象，它具有数组的下标和length，但是没有数组相关的方法（push、slice、map、、、），现将数组的方法强行给它，会发生什么呢？ var obj = { '2': 3, '3': 4, 'length': 2, 'splice': Array.prototype.splice 阅读全文

摘要： 原题：以下代码在浏览器环境和node环境中分别输出什么？ var a = 1, b = 2; function test() { var b = 3; return new Function('c ', 'console.log(a + b + c)'); } var t = test(); t(4 阅读全文

摘要： 本篇主要介绍非单文件组件（ Vue.component创建的组件其中包括函数式组件）在项目中的使用，会用到以下api：Vue.component()、Vue.extend()、$createElement、patch()。 单文件组件：文件扩展名为 .vue 的 single-file compon 阅读全文

摘要： 前端面试题中有这样一道比较经典的题目： 找出一串字符串中出现(或者连续出现)最多的字符。 这种题的解法有很多，这里介绍一种思路：巧用正则。 /*@params {string} s 字符串 */function findSameStrs(s) { if(typeof s !== "string") 阅读全文