2021年9月22日
摘要: 平时业务中下载文件方式常见的有俩种: 第一种,直接访问服务器的文件地址,自动下载文件; 第二种 ,服务器返回blob文件流,再对文件流进行处理和下载。 一般小文件适用于第一种下载方案,不占用过多服务器资源,而对于体积庞大的文件,常常使用文件流的方式进行传输,如图: 文件流传输成功后通过代码可以立即发 阅读全文
posted @ 2021-09-22 16:46 coder__wang 阅读(505) 评论(2) 推荐(3) 编辑
  2021年9月13日
摘要: 谷歌调试工具的使用是每一名前端开发者必备技能之一,其中有些比较有意思的小彩蛋,因为并不常用,所以很多人可能并不知道,下面一起来涨姿势吧! 打开调试工具面板: 1.更改调试工具的主题色 ctrl + shift + p 在出现的输入框中输入dark,选中第一个: 点击Reload DevTools按钮 阅读全文
posted @ 2021-09-13 14:32 coder__wang 阅读(17) 评论(0) 推荐(1) 编辑
  2021年9月1日
摘要: 正则生成形如xxx xxxx xxxx格式的手机号码(中间数字自动追加空格): 监听输入事件,对输入的值用正则处理: 1.过滤输入的字符,去掉非数字 var a = '13177wsdrfs778888sdfasdf999asdfasdfasdf9' a.replace(/\D+/g, '') // 阅读全文
posted @ 2021-09-01 14:26 coder__wang 阅读(20) 评论(0) 推荐(0) 编辑
  2021年8月24日
摘要: 本篇将实现vue2在css中使用js变量。 下图是el-tab组件,由上面的tab头和下面的内容区构成,当内容区过长的时候,外层固定高度的盒子会出现滚动条(设置了overflow: auto;),tab头部会向上滚动而消失: 滚动前: 滚动后: 现在的需求是,tab头部需要固定在最上方,不随滚动条滚 阅读全文
posted @ 2021-08-24 12:21 coder__wang 阅读(178) 评论(0) 推荐(0) 编辑
  2021年8月23日
摘要: 本篇主要封装防抖、节流方法,并简述它们的使用场景: 防抖: /** * 如果短时间内触发多次同一事件,只执行一次 * @param {*} callback callback: 需要处理的回调函数 * @param {*} delay delay:期限 * @returns */ export fu 阅读全文
posted @ 2021-08-23 16:50 coder__wang 阅读(6) 评论(0) 推荐(0) 编辑
  2021年8月20日
摘要: 常见的数组去重主要有俩方面: 由基本类型组成的数组去重 由对象组成的数组根据对象某个属性去重 基本类型去重: export function unique(array) { const arr = [] const contain = {} array.forEach(item => { if (! 阅读全文
posted @ 2021-08-20 18:28 coder__wang 阅读(10) 评论(0) 推荐(0) 编辑
  2021年8月16日
摘要: 前言 本篇主要针对nuxtjs中的一些重要概念整理和代码实现! 在学习vue服务端渲染之前,先搞清楚几个概念: 什么是客户端渲染(CSR) 什么是服务端渲染(SSR) CSR和SSR有什么异同 客户端渲染(CSR):当用户在浏览器中输入网址,打开网页,此时的页面只有样式和一些html代码构成的空壳页 阅读全文
posted @ 2021-08-16 15:59 coder__wang 阅读(215) 评论(0) 推荐(0) 编辑
  2021年8月13日
摘要: 引用类型的深拷贝、浅拷贝在前端领域一直是个很重要的知识点,不仅在业务中频繁使用,也是面试官们喜欢考的的知识点之一。本篇将封装引用类型的深拷贝、浅拷贝方法,并解决在封装过程中出现的问题。 一、浅拷贝 浅拷贝一般比较简单,缺点也很明显,引用类型的属性并不是真正的拷贝,而是拷贝的引用地址,改变一个当中的属 阅读全文
posted @ 2021-08-13 19:16 coder__wang 阅读(33) 评论(0) 推荐(0) 编辑
  2021年8月10日
摘要: js中的类数组对象,它具有数组的下标和length,但是没有数组相关的方法(push、slice、map、、、),现将数组的方法强行给它,会发生什么呢? var obj = { '2': 3, '3': 4, 'length': 2, 'splice': Array.prototype.splice 阅读全文
posted @ 2021-08-10 20:18 coder__wang 阅读(15) 评论(0) 推荐(0) 编辑
  2021年8月8日
摘要: 原题:以下代码在浏览器环境和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 阅读全文
posted @ 2021-08-08 14:25 coder__wang 阅读(10) 评论(0) 推荐(0) 编辑