Coder-Li-wj Blog

我把梦想卖了，换成了柴米油盐

实现图片的懒加载

编写代码实现图片的懒加载

1.前端性能优化的重要方案通过图片或者数据的延迟加载，我们可以加快页面的渲染速度，让第一次打开页面的速度变快只有滑动到某个区域，我们才加载真实的图片，这样也可以节省加载的流量 2.懒加载原理一张图片就是一个<img>标签，浏览器是否发起请求图片是根据<img>的src属性，所以实现懒加载的关键就是，在图片没有进入可视区域时，先不给<im...

经典笔试题

一些经典的笔试编程题

1.如何把一个字符串的大小写取反？例如：‘Abc’变成‘aBC’ 解析：首先用split()方法将字符串分割成数组，再利用for循环遍历数组每一个元素，遍历每一项过程中使用if语句判断当前元素的ACSII码值（使用charCodeAt()方法可以得到ASCII码值）在大写（小写）的范围内，就使用toLowerCase()方法（toUpperCase()方法）转换成小写（大写），并把所得的...

箭头函数与普通函数的区别

箭头函数与普通函数的区别是什么？构造函数可以使用new生成实例，那么箭头函数可以吗？为什么？

箭头函数和普通函数的区别箭头函数语法上比普通函数更加简洁（ES6中每一种函数都可以使用形参赋默认值和剩余运算符）。箭头函数没有自己的this，它会捕获自己在定义时（注意，是定义时，而不是调用时）所处上下文的this，并继承这个值（使用call/apply等任何方式都无法改变this的指向）所以，箭头函数中的this指向在它被定义的时候就已经确定，之后永远也不会变。代码如下：...

在Number的原型上构建方法

JavaScript经典面试题

一、Number.prototype Number.prototype属性表示Number构造函数的原型。所有Number的实例都会继承Number.prototype，修改Number构造函数的原型对象都会影响到所有Number的实例。所以通过给Number.prototype增加方法可以让该方法对所有Number的实例都可用。二、Number方法我们通过谷歌...

call和apply的区别

JavaScript经典面试题

call和apply的区别是什么，哪个性能更好一些？区别： call和apply都是function原型上的方法，而每一个函数作为function这个类的实例，所以可以调用原型上的call和apply方法。 call和apply都是用来改变函数中this的指向，唯一的区别在于传给函数参数的方式不同，call是一个个传参，apply要求把所有参数以数组的形式传给函数。...

MarkDown的基本语法

介绍博客创建的基本方法和MarkDown的基本语法

vscode使用Markdown文档编写可以新建一个&nbsp.md文件 Visual Studio Code 原生就支持高亮Markdown的语法，想要一边编辑一遍预览，有两种方法： 1.Ctrl + Shift + P 调出主命令框，输入 Markdown，应该会匹配到几项 Markdown相关命令 2.先按Ctrl + K，然后放掉，紧接着再按 v，也能调出实时预览框。...

webpack的基础知识

介绍webpack的一些基本配置以及兼容性问题

webpack是前端一个项目构建工具，它是基于Node.js开发出来的一个前端工具。一、webpack的作用： 1.能够处理JS文件的相互依赖关系； 2.能够处理JS的兼容问题，把高级的浏览器不识别的语法，转为低级的，浏览器能正常识别的语法。 webpack.config.js 配置文件 1 2 3 4 5 6 7 8 const path = require('path') ...

-->