08 2021 档案
vue2在css中使用js变量
摘要：本篇将实现vue2在css中使用js变量。 下图是el-tab组件，由上面的tab头和下面的内容区构成，当内容区过长的时候，外层固定高度的盒子会出现滚动条（设置了overflow: auto;），tab头部会向上滚动而消失： 滚动前： 滚动后： 现在的需求是，tab头部需要固定在最上方，不随滚动条滚
阅读全文
前端性能优化之防抖、节流
摘要：本篇主要封装防抖、节流方法，并简述它们的使用场景： 防抖： /** * 如果短时间内触发多次同一事件，只执行一次 * @param {*} callback callback: 需要处理的回调函数 * @param {*} delay delay：期限 * @returns */ export fu
阅读全文
js数组元素为基本类型和对象的去重
摘要：常见的数组去重主要有俩方面： 由基本类型组成的数组去重 由对象组成的数组根据对象某个属性去重 基本类型去重： export function unique(array) { const arr = [] const contain = {} array.forEach(item => { if (!
阅读全文
vue服务端渲染之nuxtjs
摘要：前言 本篇主要针对nuxtjs中的一些重要概念整理和代码实现！ 在学习vue服务端渲染之前，先搞清楚几个概念： 什么是客户端渲染(CSR) 什么是服务端渲染(SSR) CSR和SSR有什么异同 客户端渲染(CSR):当用户在浏览器中输入网址，打开网页，此时的页面只有样式和一些html代码构成的空壳页
阅读全文
js引用类型深拷贝、浅拷贝方法封装
摘要：引用类型的深拷贝、浅拷贝在前端领域一直是个很重要的知识点，不仅在业务中频繁使用，也是面试官们喜欢考的的知识点之一。本篇将封装引用类型的深拷贝、浅拷贝方法，并解决在封装过程中出现的问题。 一、浅拷贝 浅拷贝一般比较简单，缺点也很明显，引用类型的属性并不是真正的拷贝，而是拷贝的引用地址，改变一个当中的属
阅读全文
前端面试题之类数组的push
摘要：js中的类数组对象，它具有数组的下标和length，但是没有数组相关的方法（push、slice、map、、、），现将数组的方法强行给它，会发生什么呢？ var obj = { '2': 3, '3': 4, 'length': 2, 'splice': Array.prototype.splice
阅读全文
前端面试题之浏览器环境和node环境下的函数执行
摘要：原题：以下代码在浏览器环境和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
阅读全文
