摘要: reduce()方法可以搞定的东西,for循环,或者forEach方法有时候也可以搞定,那为啥要用reduce()?这个问题,之前我也想过,要说原因还真找不到,唯一能找到的是:通往成功的道路有很多,但是总有一条路是最捷径的,亦或许reduce()逼格更高... 1、语法 arr.reduce(cal 阅读全文
posted @ 2021-07-29 16:29 孙同学你好 阅读(90) 评论(0) 推荐(0) 编辑
摘要: 引入直接使用即可 components: { 'el-image-viewer':()=>import('element-ui/packages/image/src/image-viewer') }, <el-image-viewer v-if="isBig" :on-close="()=>{isB 阅读全文
posted @ 2021-07-26 19:01 孙同学你好 阅读(80) 评论(0) 推荐(0) 编辑
摘要: vue.use()的作用官方文档的解释: 安装 Vue.js 插件。如果插件是一个对象,必须提供 install 方法。如果插件是一个函数,它会被作为 install 方法。install 方法调用时,会将 Vue 作为参数传入。 vue.use()使用情景:可以在项目中使用vue.use()全局注 阅读全文
posted @ 2021-07-23 16:45 孙同学你好 阅读(1159) 评论(0) 推荐(0) 编辑
摘要: 我们知道垃圾回收机制是引擎来做的,JS引擎有很多种(各个浏览器都不同),其垃圾回收机制在一些细节及优化上略有不同,本文我们以一些通用的回收算法作为切入,再由 V8 引擎发展至今对该机制的优化为例(为什么以 V8 为例?因为它市场占有率大 😄 ),一步一步深入来助我们了解垃圾回收机制,因为只有真正了 阅读全文
posted @ 2021-07-08 16:55 孙同学你好 阅读(305) 评论(0) 推荐(0) 编辑
摘要: 平时大家认为性能优化是一种无序的应用场景,但在我看来它是一种有序的应用场景且很多性能优化都是互相铺垫甚至一带一路。从过程趋势来看,性能优化可分为网络层面和渲染层面;从结果趋势来看,性能优化可分为时间层面和体积层面。简单来说就是要在访问网站时使其快准狠地立马呈现在用户眼前。 所有的性能优化都围绕着两大 阅读全文
posted @ 2021-07-07 11:50 孙同学你好 阅读(1672) 评论(0) 推荐(0) 编辑
摘要: 解构赋值是javascript 语法,作用是将值从数组、或属性从对象,提取到不同的变量中。 1. 数组解构 1.1 声明变量并赋值: let hi = ['hello', 'world']; let [hello, world] = hi console.log(hello) => hello co 阅读全文
posted @ 2021-07-05 11:49 孙同学你好 阅读(1519) 评论(0) 推荐(0) 编辑
摘要: 数组的解构赋值 基本用法 ES6允许按照一定的模式,从数组和对象中提取值,对变量进行赋值,这被称之为解构(Destructuring) 1 2 3 4 5 6 // 以前为变量赋值,只能直接指定值 var a = 1; var b = 2; var c = 3; // ES6允许写成这样 var [ 阅读全文
posted @ 2021-07-05 11:46 孙同学你好 阅读(272) 评论(0) 推荐(0) 编辑
摘要: 当项目中遇到后端返回的数据带格式的字符串时,前端该怎么处理保留其空格和换行符的问题 方法一(css方法) 推荐使用 white-space: pre-wrap; // css保留空格和换行符 white-space: pre-line; // css保留换行符 方法二(标签方法) pre 元素可定义 阅读全文
posted @ 2021-06-18 11:11 孙同学你好 阅读(994) 评论(0) 推荐(0) 编辑
摘要: 基础用法 html2canvas(this.$refs.heihie, { backgroundColor: '#9A91F8', //背景色 useCORS: true //允许图片跨域 }).then(canvas => { //生成base64图片 this.imgData = canvas. 阅读全文
posted @ 2021-05-24 17:01 孙同学你好 阅读(1627) 评论(0) 推荐(0) 编辑
摘要: 【清除浮动】 在清除浮动之前,我们总得知道为什么要清除浮动吧?看下面这段代码: <div class="topDiv"> <div class="floatDiv"> float left </div> <div class="textDiv"> 不知曾几何时,随着智能机的成熟发展,防水性能无形之中 阅读全文
posted @ 2021-04-29 16:18 孙同学你好 阅读(161) 评论(0) 推荐(0) 编辑