weixin_50212969-CSDN博客

原创正则表达式

正则表达式创建方式字面量 var reg = /abc/ 构造方法 var reg = new RegExp('abc','igm') var reg = /abc/m; var reg1 = new RegExp(reg) reg.abc = 123; console.log(reg1.abc)//undefined var reg = /abc/m; var reg1 = RegExp(reg) reg.abc = 123; console.log(reg1.abc)//12

2021-08-11 16:20:41 72

原创 js异步加载、时间线

json格式，键名也为字符串异步加载js defer 异步加载，但要等到dom文档全部解析完才会被执行。IE浏览器，defer="defer" async 异步加载，加载完就执行，async只能加载外部脚本，不能把js写在script标签里 async = "async" 创建script，插入到DOM中，加载完毕后callbackfunction loadScript(url,callback){ var script = document.createElement('script'); scr

2021-08-10 17:02:10 91

原创 js函数封装

//获取滚动条滚动的距离 function getScrollOffset(){ if(window.pageXOffset){ return { x : window.pageXOffset, y : window.pageYOffset } }else{ return { x : document.body.scrollLeft + document.documentElement.scrollLeft, y : document.body.scrollTop +

2021-08-09 18:00:23 60

原创事件绑定、事件处理模型、事件委托

如何绑定事件处理函数 ele.onXXX = functon (event){} 兼容性很好，一个元素的同一个事件上只能绑定一个处理函数基本等同于写在HTML行间上 obj.addEventListener(type,fn,false); IE9以下不兼容，可以为同一个事件绑定多个处理程序，同一个函数绑定多次只执行一次 obj.attachEvent('on'+type,fn); IE独有，一个事件同样可以绑定多个处理程序，并且同一个函数绑定多次就执行多次事件绑定中的this指向问

2021-08-09 16:29:08 70

原创 DOM(document object model)

遍历节点树 parentNode-----------------父节点（最顶层：#document） childNodes------------------子节点们 firstChild---------------------第一个子节点 lastChild---------------------最后一个子节点 nextSibling------------------后一个兄弟节点 previousSibling-------------前一个兄弟节点遍历元素节点 parentElemen

2021-08-05 11:51:27 46

原创 array数组

创建方法 var arr = [1,2,3]字面量形式创建 var arr = new Array() 构造函数方法创建 var arr = new Array(1,2,3)//arr == [1,2,3] var arr1 = new Array(3)//arr == [undefined*3] var arr2 = []; arr2[10] = 10; console.log(arr2)//[undefined*10,10] arr2.length==11 数组方法改变原

2021-07-30 17:24:58 127

原创 es5严格模式

浏览器：基于es3.0 + es5.0新增的方法执行的 es5.0严格模式那么es3.0和es5.0产生冲突的部分就是用es5.0否则会用es3.0 "use strict";//启用es5.0严格模式 “use strict” 不再兼容es3的一些不规则语法。使用全新的es5规范两种方法：全局严格模式局部函数内严格模式（推荐）就是一行字符串，不会对不兼容严格模式的浏览器产生影响不支持with、arguments.callee、func.caller，变量赋值前必须声明，局部thi

2021-07-30 17:23:21 63

原创 try..catch、错误消息类型

try … catch 在try里面发生的错误，不会执行错误后的try里面的代码 try{ console.log('a') console.log(b) console.log(c) }catch(e) { console.log(e.name + ':' + e.message); } console.log('d') ctach没有捕捉到的错误会在控制台输出错误消息类型 EvalError: eval() 的使用与定义不一致 RangeError: 数值越界 ReferenceError

2021-07-30 16:24:41 165

原创对象、原型、原型链、this

对象的创建方法 var obj = {} 对象字面量/对象直接量构造函数 1）系统自带的构造函数 new Object() 自定义构造函数的内部原理在函数体最前面隐式的加上this = {}; 执行 this.xxx = xxx; 隐式的返回this function Person(){ //var this={} 隐式声明一个空对象 this.name = name; this.height = height; this.say = function () {

2021-07-23 13:18:20 52

原创作用域、作用域链、闭包、call、apply、arguments.callee、caller

函数定义的方法函数声明 function fn(){} 函数表达式 var fn = function(){} 匿名函数表达式 var fn = function test(){} 命名函数表达式函数声明 function fn(){} 函数表达式 var fn = function(){} 匿名函数表达式 var fn = function test(){} 命名函数表达式参数获取实参 arguments 获取形参长度函数名.length 函数的形参和arguments有映射关系，

2021-07-23 13:16:48 68

原创继承模式、命名空间

继承模式传统形式 (原型链----实例作为原型) 过多的继承了没用的属性借用构造函数不能继承借用构造函数的原型每次构造函数都要多走一个函数（节省代码，影响效率） function Person(name,age,sex){ this.name = name; this.age = age; this.sex = sex; } function Student(name,age,sex,grade){ Person.call(this,name,age,sex); this.g

2021-07-23 13:15:42 245

原创 ios中的iframe滚动条失效

<div class="mark-content"> <iframe src="xxxxx" width="100%" height="100%" frameborder="0" style="overflow-y: auto;" ref="iframe" ></iframe> </div> <style> .mark-content{ background-color: #fff;

2021-07-16 18:00:12 150

原创数据类型转换

typeof typeof两种书写形式 typeof(123) typeof 123 typeof返回的数据类型为string 显示类型转换 Number(mix) Number(null) => 0 Number(undefined) => NaN Number("123abc") => NaN parseInt(string,redix) redix可有可无，redix存在则将当前数以redix为基底转为十进制 parseInt(null)=>NaN 从第一个字符开始截取

2021-06-30 13:53:29 44

原创动态设置important样式

vue中动态设置带important的样式设置字体颜色： document.getElementsByClassName("sm-txt")[0].style.cssText="color:#FFFFFF !important" 设置背景图片 let bg=require("../../assets/safetyVerification.png"); document.getElementsByClassName("sm-ico")[0].style.cssText="background-image:

2021-06-22 17:25:02 660

weixin_50212969的博客