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 64

原创 js异步加载、时间线

json格式，键名也为字符串异步加载jsdefer 异步加载，但要等到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 72

原创 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 52

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

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

2021-08-09 16:29:08 59

原创 DOM(document object model)

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

2021-08-05 11:51:27 37

原创 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 116

原创 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 36

原创 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 132

原创对象、原型、原型链、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 44

原创作用域、作用域链、闭包、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 62

原创继承模式、命名空间

继承模式传统形式 (原型链----实例作为原型)过多的继承了没用的属性借用构造函数不能继承借用构造函数的原型每次构造函数都要多走一个函数（节省代码，影响效率）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 196

原创 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 122

原创数据类型转换

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

2021-06-30 13:53:29 39

原创动态设置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 644

原创 es6中的变量声明

es6的六种变量声明方法varfunctionletconstimportclasslet命令块级作用域(避免污染全局变量)同一作用域不能声明一个存在的变量 { var a=10; let a=1;//error }for循环的循环条件和循环体属于不同的作用域 for(let i=0;i<10;i++){ let i='hello world'; }不存在变量提升，使用 let 或 const 声明的变量在声明前形成暂时性死区，调用报错，

2021-05-10 16:51:22 153

原创 HTTP常见状态码

常见的HTTP状态码2xx3xx4xx5xx2xx200 请求成功（可以进行强制缓存）3xx301 请求资源永久重定向，原域名已弃用302 临时跳转，访问某些页面没有权限被拦截时、电脑端与移动端切换时、页面需要自动刷新时303 请求方式改变，比如以post方式请求接口，后台以get方式返回数据304 发送一个带条件的get请求且请求被允许，而请求的内容并没有改变，则返回当前状态码（没有请求体和响应体）（协商缓存）4xx401 权限错误403 禁止访问404 资源不存在40

2021-05-08 09:13:51 48

原创 jQuery常见方法

jQuery常用方法jQuery入口函数作用:等待文档中的标签加载完毕(不等待内容加载完毕),然后再执行入口函数中的代码语法:`$(document).ready(function(){});`完整写法`$(function(){});`简写DOM入口函数作用:等待文档中的标签和内容加载完毕,然后再执行入口函数中的代码语法:`window.onload=function(){}`区别 1.jQuery入口函数早于DOM入口函数执行 2.一个HTML文档中,最多只有一个DOM入口函数

2020-08-27 18:43:15 204

weixin_50212969的博客