随笔分类 - 7_录播课
摘要：前端性能优化 2、图片响应式加载 一、总结 一句话总结： 图片响应式加载 就是根据不同的显示情况，在不太影响显示效果的情况下，加载最小的资源，以提高用户的响应速度。 二、图片响应式加载 博客对应课程的视频位置：2、图片响应式加载https://www.fanrenyi.com/video/22/18
阅读全文
摘要：前端性能优化 1、懒加载和复杂资源点击时再请求 一、总结 一句话总结： 懒加载和复杂资源点击时再请求 的原理和作用都是一样的，都是等到资源要用的时候再去请求，这样可以降低最初用户加载页面的响应时间，也可能可以在一定程度上降低服务器的负载 二、懒加载和资源点击时再请求 博客对应课程的视频位置：1、懒加
阅读全文
摘要：Javascript进阶课程 1、使用工厂模式创建对象 一、总结 一句话总结： 使用工厂模式创建对象 本质： 利用函数封装代码（创建对象的代码），方便对代码进行复用 function createPeople(name,age) { //创建字面量的方式 var people={ name:name
阅读全文
摘要：javascript疑难问题 14、js的字面量对象和JSON的区别 一、总结 一句话总结： json键值对中的键都要带上双引号 json键值对中的值只支持四种基本类型：数值、字符串、bool值、null，不支持函数和undefined 二、js的字面量对象和JSON的区别 博客对应课程的视频位置：
阅读全文
摘要：好用的js插件 2、懒加载库lazyload 一、总结 一句话总结： 懒加载就是延时加载，即当资源需要用到的时候再去加载，可以用来懒加载图片视频等资源，github上面有很多懒加载的库， 1、懒加载的好处？ 加快页面的响应速度，可能降低服务器的负载 2、懒加载最基本使用？ 图片的data-src属性
阅读全文
摘要：范仁义js课程 70、sort方法 一、总结 一句话总结： sort方法是对数组进行排序的，例如arr.sort()，不传递参数的话使用unicode编码的顺序排序，默认升序，我们也可以给sort方法传递一个作为排序规则的回调函数来指定sort方法的排序规则 1、不同浏览器sort方法的排序方法不一
阅读全文
摘要：CSS3疑难问题 7、实现元素水平垂直居中 一、总结 一句话总结： 方式一：绝对定位+margin: auto;：子元素绝对定位，并且偏移全为0，margin设置为auto 方式二：绝对定位+margin自身负偏移：子元素绝对定位且左（left）上（top）偏移50%，再margin负偏移左（lef
阅读全文
摘要：CSS3疑难问题 8、纯css实现三角形 一、总结 一句话总结： 纯css实现三角形：原理是通过边框来实现三角形：将内容区的宽高设置为0，然后将需要的部分设置为真实的颜色，不需要的部分设置为透明色transparent .box{ width: 0; height: 0; border: 200px
阅读全文
摘要：javascript疑难问题 13、函数防抖 一、总结 一句话总结： 防抖函数 就是 一个会频繁触发的函数，在规定的时间内，只让最后一次生效，前面的不生效。算法思路就是 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 1、防抖函数 的作用？ 防止用户的重复（手抖）操作 2、防抖函
阅读全文
摘要：javascript疑难问题 12、函数节流 一、总结 一句话总结： 函数节流就是 一个函数执行一次后，只有大于设定的执行周期后，才会执行第二次，这样可以防止函数过于频繁的执行，起到节约性能的作用 //2、需求：滚动条事件 每隔200ms才触发一次 /** * 1、函数节流 * @param fn
阅读全文
摘要：javascript疑难问题 11、回调函数 一、总结 一句话总结： 回调函数是你定义了的，但是你没有直接调用，但是 最终它执行了(在特定条件或时刻)的函数 1、常见的回调函数有哪些？ 比如DOM事件函数、定时器函数、ajax回调函数等等 二、回调函数 博客对应课程的视频位置：11、回调函数http
阅读全文
摘要：算法疑难(js实现) 1、快速排序 一、总结 一句话总结： 快排就是将数列按照基准数分成左（左区间都比基准数小）右（右区间都比基准数大）两个区间，对左右区间递归快排，直到区间只有一个数，这样区间就全部有序了，然后将全部有序的区间合并起来就得到排序好的结果 1 function quickSort(a
阅读全文
摘要：javascript疑难问题 10、call和apply 一、总结 一句话总结： call和apply方法 不仅可以执行函数（方法），更重要的是他们在执行函数（方法）的时候可以改变函数（方法）里面this的指向 1、函数（方法）中this的指向？ 就是谁调用函数（方法），函数（方法）里面的this就
阅读全文
摘要：范仁义js课程 69、forEach 一、总结 一句话总结： forEach方法的作用是用于遍历数组的每个元素，使用的话直接 数组名.forEach()即可，forEach的参数是回调函数：function(currentValue, index, arr) 1、forEach方法的参数回调函数：f
阅读全文
摘要：JS回调函数实例 一、总结 一句话总结： 回调，回调，就是回头调用的意思。主函数的事先干完，回头再调用传进来的那个函数。 //定义主函数，回调函数作为参数 function A(callback) { callback(); console.log('我是主函数'); } 1、回调函数英文定义？ A
阅读全文
摘要：范仁义js课程 68、数组的遍历的练习 一、总结 一句话总结： 数组的遍历的练习中，我们是遍历数组，找出得分不及格的对象，对其它数组的操作一般也是遍历数组，找出满足条件的数组中的元素。 二、数组的遍历的练习 博客对应课程的视频位置：68、数组的遍历的练习https://www.fanrenyi.co
阅读全文
摘要：范仁义js课程 67、数组的遍历 一、总结 一句话总结： 数组的遍历也就是依次访问数组中的每个元素，我们可以用循环来实现数组的遍历，例如：for(var i=0;i<arr.length;i++){} var arr=['猪八戒','白骨精','嫦娥','孙悟空','小白龙']; //console
阅读全文
摘要：范仁义js课程 65、栈的方法 一、总结 一句话总结： 栈是一种先进后出的数据结构，有两个主要的方法：入栈和出栈，入栈方法可以用push()来模拟，出栈方法可以用pop()来模拟 1、栈的入栈操作和出栈操作对应的js中的数组中的方法分别是什么？ 入栈：数组的结尾添加元素：push()：向数组的末尾添
阅读全文
摘要：范仁义js课程 66、队列的方法 一、总结 一句话总结： 队列就是先进先出的数据结构，有两个主要方法：入队和出队，入队方法可以用push()来模拟，出队方法可以用shift()来模拟 1、队列的入队操作和出队操作对应的js中的数组中的方法分别是什么？ 入队：在数组的末尾添加元素：push()：向数组
阅读全文
摘要：范仁义js课程 64、多维数组 一、总结 一句话总结： 数组中也可以放数组，这种数组我们称为二维数组，例如 var arr=[[1,2,3],[4,5,6]]; 如果二维数组中的元素也是数组，那么就是三维数组，多维数组以此类推 1、如何访问二维数组中的元素？ 比如访问arr=[[1,2,3],[4,
阅读全文
浙公网安备 33010602011771号