- 博客(13)
- 收藏
- 关注
RSS订阅原创 防抖与节流
防抖与节流多用于表单提交、滚动条等频繁多次触发事件。通过定时器、时间间隔等方式限制频繁触发绑定事件防抖document.body.innerHtml = '<input type="button" value="提交" id="submit">';//创建按钮var btn = document.getElementById('submit');//获取按钮btn.addEventListener('click',debounce(submit,1000),false);//绑定点击事件
2022-01-06 15:53:45
716
翻译 用户代理检测：检测呈现引擎、浏览器及版本、平台和设备及操作系统
var client = function () { //呈现引擎 var engine = { ie: 0, gecko: 0, webkit: 0, khtml: 0, opera: 0, //完整的版本号 ver: null
2021-08-16 17:41:13
114
原创 原型、原型链
原型我们创建的每个函数都有一个 prototype（原型）属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。 function Dog(){ } Dog.prototype.name = "旺旺"; Dog.prototype.getAge = function(){ return 3 }; var animalOne = new
2021-08-16 11:25:41
68
原创 创建对象的模式和继承的模式
原型原型链继承创建对象的模式1.工厂模式 function createPerson(name, age, job) { var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function () { alert(this.name);
2021-08-16 10:19:54
67
原创 媒体查询的基本用法
媒体获取基本定义1.使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。 //语法 <style> @media mediatype and|not|only (media feature) { CSS-Code; } </style>mediatype：媒体类型，包含（all，print，screen，speech）1.all–所有设备2.print–打印机和打印预览3.scre
2021-08-10 15:36:10
15203
1
原创 em rem解析 rem适配 及1px适配
显示器像素1.物理像素（设备像素）–显示器上最小的物理单元，由主机控制，显示不同的色值和亮度。2.设备独立像素（css像素）–每个css像素属于虚拟像素，由系统转换控制不定数量的物理像素响应。3.设备像素比（dpr）–物理像素 / 设备独立像素像素关系Iphone6为例：图中所示，css的2px，在普通屏幕中占据4个格子，在高清屏幕中占据16个格子，总面积相等，所以高清屏幕中显示的更加清楚。emem是css2时推出的相对单位，相对于父级元素的字体大小比值，浏览器默认font-size:
2021-08-05 16:56:02
503
原创 canvas 验证码
canvas做的一个验证码function getvtfCode(obj) { // obj参数对象 // { // id:""//承载验证码canvas的容器id（必传）; // isNum:true//验证码是否包含数字（非必传，默认true）; // isEng:false//验证码是否包含字母（非必传，默认false）; /
2021-08-02 17:39:28
534
原创 call，apply，bind又来了
定义及区别定义可以用来调用所有者对象作为参数的方法，能够使用属于另一个对象的方法。PS：晦涩难懂,先上代码 function Animal(food1,food2){ console.log(this.name+"爱吃"+food1+"和"+food2) } let cat = { name:"小猫" } let dog = { name:"小狗"
2021-07-29 10:27:12
65
原创 闭包原理与应用
一.闭包了解闭包需要先了解执行上下文与作用域链。1.执行上下文执行上下文又叫执行环境，我们关注的主要有两种执行环境，全局环境与函数环境。PS：还有Eval环境----执行在 eval 函数内部的代码也会有它属于自己的执行上下文。暂时不详细表述。（主要是我也不懂）代码1：var All = "全局"function a() { var A = "(全局+函数a)" b(); function b() { var B = "(全局+函数a+函数b)" c();
2021-07-27 18:56:12
251
原创 Array方法回顾
Array的那些方法pushpush()方法可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。poppop()方法从数组末尾移除最后一项，减少数组的 length 值，然后返回移除的项。List item...
2021-04-12 15:17:29
108
原创 回调地狱及解决办法（Promise，async/await）
回调地狱及解决办法（Promise，async/await）回调地狱Promiseasync/await回调地狱由多层嵌套的回调函数组成的代码称为回调地狱，多数在写阻塞执行代码的时候会产生。回调地狱的代码可读性差，很难让人弄清楚业务逻辑。下面便是回调地狱的代码：function callbackFn(callback){ setTimeout(function(){ call...
2019-10-10 15:12:43
599
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人