JavaScript
weixin_50212969
这个作者很懒,什么都没留下…
展开
-
正则表达式
正则表达式创建方式字面量 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 · 67 阅读 · 0 评论 -
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 · 80 阅读 · 0 评论 -
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 · 54 阅读 · 0 评论 -
事件绑定、事件处理模型、事件委托
如何绑定事件处理函数ele.onXXX = functon (event){}兼容性很好,一个元素的同一个事件上只能绑定一个处理函数基本等同于写在HTML行间上obj.addEventListener(type,fn,false);IE9以下不兼容,可以为同一个事件绑定多个处理程序,同一个函数绑定多次只执行一次obj.attachEvent('on'+type,fn);IE独有,一个事件同样可以绑定多个处理程序,并且同一个函数绑定多次就执行多次事件绑定中的this指向问原创 2021-08-09 16:29:08 · 62 阅读 · 0 评论 -
DOM(document object model)
遍历节点树parentNode-----------------父节点(最顶层:#document)childNodes------------------子节点们firstChild---------------------第一个子节点lastChild---------------------最后一个子节点nextSibling------------------后一个兄弟节点previousSibling-------------前一个兄弟节点遍历元素节点parentElemen原创 2021-08-05 11:51:27 · 40 阅读 · 0 评论 -
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 · 122 阅读 · 0 评论 -
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 · 39 阅读 · 0 评论 -
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 · 137 阅读 · 0 评论 -
对象、原型、原型链、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 · 47 阅读 · 0 评论 -
作用域、作用域链、闭包、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 · 64 阅读 · 0 评论 -
继承模式、命名空间
继承模式传统形式 (原型链----实例作为原型)过多的继承了没用的属性借用构造函数不能继承借用构造函数的原型每次构造函数都要多走一个函数 (节省代码,影响效率)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 · 219 阅读 · 0 评论 -
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 · 127 阅读 · 0 评论 -
数据类型转换
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 · 41 阅读 · 0 评论 -
动态设置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 · 651 阅读 · 0 评论 -
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 · 154 阅读 · 0 评论 -
jQuery常见方法
jQuery常用方法jQuery入口函数作用:等待文档中的标签加载完毕(不等待内容加载完毕),然后再执行入口函数中的代码语法:`$(document).ready(function(){});`完整写法`$(function(){});`简写DOM入口函数作用:等待文档中的标签和内容加载完毕,然后再执行入口函数中的代码语法:`window.onload=function(){}`区别 1.jQuery入口函数早于DOM入口函数执行 2.一个HTML文档中,最多只有一个DOM入口函数原创 2020-08-27 18:43:15 · 207 阅读 · 0 评论