摘要：
js触发页面resize事件 一、总结 一句话总结： 1、let myEvent = new Event('resize'); 2、window.dispatchEvent(myEvent); 二、js触发页面resize事件 博客对应课程的视频位置： 1、createEvent + dispatc 阅读全文
posted @ 2020-03-23 23:43
范仁义
阅读(1088)
评论(0)
推荐(1)
摘要：
原生js实现jquery中的trigger 一、总结 一句话总结： jquery中trigger什么的click事件，相当于js中new Event('click')，然后dispatchEvent <button id="btn-1">Button-1</button> <button id="b 阅读全文
posted @ 2020-03-23 23:41
范仁义
阅读(487)
评论(0)
推荐(0)
摘要：
ES6参考 模板字符串 一、总结 一句话总结： 模板字符串的作用是 简化字符串的拼接，和php的双引号很像，用 `` 包含，变化的部分使用${xxx} 1、模板字符串 要点？ 1、模板字符串必须用 `` 包含 2、变化的部分使用${xxx}定义 2、模板字符串 实例？ ``包含，变化的部分用${xx 阅读全文
posted @ 2020-03-23 23:33
范仁义
阅读(196)
评论(0)
推荐(0)
摘要：
ES6参考 解构赋值 一、总结 一句话总结： 1、解构赋值就是从对象或数组中提取数据, 并赋值给变量(多个) 2、对象的解构赋值：左边的全局变量放在对象中：let {n, a} = {n:'tom', a:12} 3、数组的解构赋值：左边的全局变量放在数组中：let [a,b] = [1, 'atg 阅读全文
posted @ 2020-03-23 23:24
范仁义
阅读(259)
评论(0)
推荐(0)
摘要：
ES6参考 const关键字 一、总结 一句话总结： const是定义一个常量，也就是不能修改的量（重新赋值会报错），作用域啥的和let一样 二、const关键字 博客对应课程的视频位置： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta c 阅读全文
posted @ 2020-03-23 22:56
范仁义
阅读(230)
评论(0)
推荐(0)
摘要：
ES6参考 let关键字 一、总结 一句话总结： let关键字是块级作用域，不会预处理, 不存在提升，let会取代var 1、let关键字特点？ a、块级作用域 b、不能重复声明 c、不会预处理, 不存在提升 2、let的一个应用？ 循环遍历加监听：let是块级作用域，块中回调函数如果用到变量，变量 阅读全文
posted @ 2020-03-23 22:49
范仁义
阅读(187)
评论(0)
推荐(0)
摘要：
ES6参考 call、apply和bind 一、总结 一句话总结： bind和call与apply的区别是不会立即调用函数，常用于改变回调函数的参数，bind的参数传递方式和call一样 <script type="text/javascript"> function fun(age) { this 阅读全文
posted @ 2020-03-23 21:40
范仁义
阅读(1173)
评论(1)
推荐(0)
摘要：
ES6参考 es5中数组方法 一、总结 一句话总结： a、值位置：indexOf(value) 或 lastIndexOf(value)：得到值在数组中的第一个（最后一个）下标 b、遍历回调型：forEach（遍历数组）、map（遍历返回加工之后的数组）、filter（遍历返回符合要求的数组） 1. 阅读全文
posted @ 2020-03-23 19:38
范仁义
阅读(184)
评论(0)
推荐(0)
摘要：
ES6参考 es5-对象本身的get和set方法 一、总结 一句话总结： 1、get propertyName(){}：调用值的时候自动调用：用来得到当前属性值的回调函数 2、set propertyName(){}：值变化的时候自动调用：用来监视当前属性值变化的回调函数 var obj = { f 阅读全文
posted @ 2020-03-23 18:49
范仁义
阅读(172)
评论(0)
推荐(0)
摘要：
ES6参考 es5-Object扩展 一、总结 一句话总结： 1、Object.create(prototype, [descriptors])：以指定对象为原型创建新的对象，并且为新的对象指定新的属性, 并对属性进行描述 2、Object.defineProperties(object, desc 阅读全文
posted @ 2020-03-23 18:37
范仁义
阅读(265)
评论(0)
推荐(0)
摘要：
ES6参考 es5-json对象扩展 一、总结 一句话总结： json就是字符串（用字符串方式表示对象），JSON.stringify(obj/arr)是将js对象(数组)转换为json对象(数组)，转换出来的json对象是个字符串， 1、json的两个方法？ 1、JSON.stringify(ob 阅读全文
posted @ 2020-03-23 17:13
范仁义
阅读(417)
评论(0)
推荐(0)
摘要：
ES6参考 es介绍 一、总结 一句话总结： es是ECMAScript，是标准，js是es的实现 1、ES的几个重要版本？ *、ES5 : 09年发布 *、ES6(ES2015) : 15年发布, 也称为ECMA2015 *、ES7(ES2016) : 16年发布, 也称为ECMA2016 (变化 阅读全文
posted @ 2020-03-23 16:41
范仁义
阅读(432)
评论(0)
推荐(0)
摘要：
ES6参考 es5-严格模式 一、总结 一句话总结： a、除了正常运行模式(混杂模式)，ES5添加了第二种运行模式："严格模式"（strict mode），这种模式使得Javascript在更严格的语法条件下运行 b、使用就是script前面加句话'use strict'; 1、严格模式 的作用？ 阅读全文
posted @ 2020-03-23 16:34
范仁义
阅读(153)
评论(0)
推荐(0)
摘要：
legend3 26、懒加载 或者 复杂资源点击的时候再请求 一、总结 一句话总结： 懒加载：无论是组件还是静态资源都可以懒加载，这样对用户和服务器都非常有帮助 复杂资源点击的时候再请求：这个原理和好处和懒加载一样，比如一些要经过复杂计算的资源 1、laravel将数据库查询出来的集合数据转化为数组 阅读全文
posted @ 2020-03-23 15:06
范仁义
阅读(122)
评论(0)
推荐(0)
摘要：
js插件 延迟加载库lazy load 一、总结 一句话总结： 使用插件的时候，把必要的东西都配上：使用lazy load，因为没写图片的src，造成部分图片显示，部分不显示的问题，所以下次使用这些插件，把必要的东西都配上 1、lazy load最好配上data-srcset（就算不是因为img的s 阅读全文
posted @ 2020-03-23 14:57
范仁义
阅读(636)
评论(0)
推荐(0)
浙公网安备 33010602011771号