javascript
文章平均质量分 94
shyyly
毕业于黄淮学院,是一位前端开发工程师
展开
-
项目打包和自动化部署
在传统的开发模式中,开发的整个过程是按部就班就行:但是这种模式存在很大的弊端:DevOps是Development和Operations两个词的结合,将开发和运维结合起来的模式:伴随着DevOps一起出现的两个词就是持续集成和持续交付(部署):持续集成CI:持续交付和持续部署:云服务器我们可以有很多的选择:阿里云、腾讯云、华为云。但是在我们的课程中,我选择目前使用更加广泛的阿里云来讲解:我们需要注册阿里云账号https://aliyun.com/注册即可,非常简单购买云服务器其实是购买一个实例。1.来到控制原创 2022-08-07 15:44:57 · 268 阅读 · 0 评论 -
分享两种常见的解决if-else嵌套的方法
分享两种常见的解决if-else嵌套的方法1.三目运算符-比较适合嵌套层数少而且没有太多逻辑的判断语句2.利用逆向思维逻辑语句“!”来减少嵌套层次注意解释一下1.三目运算符-比较适合嵌套层数少而且没有太多逻辑的判断语句// 立交交易使用if-else嵌套的方法 gotoTrade() { let isApp = true if (isApp) { window.location = 'https://www.baidu.c原创 2020-12-04 15:29:32 · 1663 阅读 · 0 评论 -
js中的事件处理模型 - 事件冒泡,捕获
事件冒泡A结构上(非视觉上)嵌套关系的元素,会存在事件冒泡的功能,即同一事件,自子元素冒泡向父元素。(自底向上)事件捕获A 结构上(非视觉上)嵌套关系的元素,会存在事件捕获的功能,即同一事件,自父元素捕获至子元素。(自顶向下)B IE没有事件捕获触发顺序:先捕获,后冒泡focus, blur, change, submit, reset, select等事件没有冒泡取消冒泡A: w3c标准event.stopPropagation()但不支持ie9一下B: IE独有event.can.原创 2020-07-27 13:24:32 · 125 阅读 · 0 评论 -
js中的常见事件
ele.onxxx = function(event){}兼容性很好,但是只能绑定一个事件基本等同于写在html行间程序this指向domobj.addEventListener(type,function(){},false)IE9以下不兼容,可以绑定多个事件程序this指向domobj.attachEven(on+type,fn)IE独有,一个事件可以绑定多个处理程序程序this指向window封装一个方法解决绑定兼容性问题function addEvent(elem,type.原创 2020-07-27 13:02:54 · 88 阅读 · 0 评论 -
js中的定时器
setIntervalvar delay = 1000var timer = setInterval(function(){console.log(a)//会每隔1秒打印一次a},delay)//当delay改变时没有用,定时器只有第一次timer有效clearInterval(1)//清除定时器的方法setTimeoutvar delay = 1000var timer = setTimeout(function(){console.log(a)//只打印一次a},delay.原创 2020-07-27 12:34:10 · 95 阅读 · 0 评论 -
js中常见的报错类型和“use strict“模式兼容问题
js常见的六种报错类型EvalError: eval()的使用与定义不一致RangeError: 数值越界ReferenceError: 非法或不能识别的引用值SyntaxError: 发生语法解析错误TypeError: 操作数类型错误URLError: url处理函数使用不当可以利用try{}catch(){}进行错误捕捉使用try。。catch后如果报错不会影响代码执行es5严格模式(’use strict’)1.‘use strict’不在兼容es3的一些不规则语法,使用全原创 2020-07-14 20:41:35 · 788 阅读 · 0 评论 -
js中的数组和数组类
数组数组的定义·//new Array()var a = new Array(10)console.log(a) // [empty*10]//字面量的方式var arr = [10]console.log(arr) //10数组的读写var arr = [1,2,3,4]//不可以溢出读console.log(arr[11]) //arr[5] = 5 //可以溢出写数组常用的方法会改变原数组push//在数组的最后一位添加一个var arr = [1,2原创 2020-07-14 16:05:25 · 139 阅读 · 0 评论 -
js如何实现深度克隆
如何实现深度克隆遍历对象for(var prop in obj)判断是不是原始值 typeof(obj[prop]) == object判断引用值是数组还是对象instanceof toString constructor递归function deepClone(origin,target){var traget = target || {},toStr = Object.prototype.toString,arrStr = '[object Array]'for(var prop原创 2020-07-13 20:47:08 · 159 阅读 · 0 评论 -
如何确定js中this指向谁
this函数预编译过程 this --> windowfunction test(c){//var this = Object.create(test.prototype)//{//__proto__:test.prototype//}var a = 234;function b() {}}//预编译AO {arguments:[1],this: window,c: 1,a: undefined,b: function(){}}test(1)全局作用域里原创 2020-07-13 20:21:16 · 225 阅读 · 0 评论 -
js中的继承模式,命名空间,对象枚举
继承模式传统模式 -->原型链(过多的继承了没用的属性)Grand.prototype.lastName = 'wu'function Grand() {}var grand = new Grand()Father.prototype = grandfunction Father(){this.name = 'hehe'}var father = new Father()Son.prototype = fatherfunction Son() {}var son = new原创 2020-07-13 16:46:39 · 99 阅读 · 0 评论