JavaScript
呦不错哦
安于此,还算好
展开
-
js Dom事件
Dom事件模型:就是指事件捕获和事件冒泡。事件流:就是当用户点击触发了事件是怎样传递到压面上的过程就是事件流,事件流分为捕获、目标阶段、冒泡三个阶段,当用户点击按钮就是捕获阶段,事件通过捕获到达目标元素的时候就是目标阶段,冒泡阶段就是从目标阶段上传到window对象。为什么没有Dom1级事件:因为Dom设计的时候没有设计到事件的部分,所以没有Dom1级事件。Ele.addEventListener...原创 2018-03-30 10:30:45 · 890 阅读 · 0 评论 -
JavaScript 数据类型转换
数据类型转换分为隐式类型转换和显式类型转换隐式类型是程序内部自动完成的显示类型转换是程序员手动完成的隐式类型转换:JavaScript的取值非常灵活,我们已经从布尔值看到这一点:当JavaScript期望使用一个布尔值的时候,你可以提供任意类型值。JavaScript会根据需要自行转换类型。一些值会转换为true,另一些值会转换为false。这在其他类型中同样适用:如果JavaScrip...原创 2019-05-01 09:26:45 · 731 阅读 · 1 评论 -
跨域的几种方式
前后端如何通信:AjaxWebSocketCORS跨域通信的几种方式:jsonp:jsonp是利用了script标签不受同源策略限制的特性来实现跨域通信的。js代码:function jsonhandle(data){ alert("age:" + data.age + "name:" + data.name);}var url = "correspo...原创 2018-04-16 18:58:59 · 183 阅读 · 0 评论 -
向父元素内添加其中的子元素会覆盖当前子元素及不覆盖原本子元素的解决方法
首先显示初始状态:<body> <div class="parent"> <div class="child">0</div> <div class="child">1</div> <div class="child"&a原创 2018-05-05 13:22:21 · 2176 阅读 · 0 评论 -
js获取元素的宽高的方法
HTML代码:<section class="sec" style="width: 400px;"><style type="text/css"> .sec { background-color: red; overflow: hidden; /*width: 500px;*/ } .child { background-color: yellow...原创 2018-04-14 01:24:36 · 3020 阅读 · 0 评论 -
前端错误监控
前端错误分类: 即时运行错误:代码错误 资源加载错误错误的捕获方式: 即时运行错误的捕获方式: try.catch window.onerror 资源加载错误: object.onerror 这个错误不会冒泡,需要以捕获的模式监听 performance.getEntries 获取已加载资源的加载市场,可以间接的得到没有加载资...原创 2018-04-17 23:03:13 · 399 阅读 · 0 评论 -
JavaScript运行机制
单线程:JavaScript是单线程的,什么是单线程,单线程就是在同一时刻只能执行一个任务,只有等到这个任务完成时才会执行下一个任务。任务队列:什么是任务队列:所有的任务无非就两种,要么是同步任务,要么是异步任务。什么时候会开启异步任务:setTimeout()、setInterval()、Dom事件、es6中的 Promise。执行顺序:同步任务优先执行,遇到异步任务时先挂起...原创 2018-04-17 17:23:15 · 454 阅读 · 0 评论 -
.contains() 判断一个元素内是否包含另一个元素
<div id="parent"> parent <div id="children">children</div></div>js代码:let parent = document.getElementById('parent')let children = document.getElementById('children'...原创 2018-04-04 09:02:03 · 30092 阅读 · 0 评论 -
JavaScript 面向对象 -- 继承
继承:继承的本质就是原型链。实现继承了几种方式:1.构造函数继承:function Parent1(){ this.name = 'parent1';}...原创 2018-04-16 00:54:05 · 227 阅读 · 0 评论 -
原型链
创建对象的几种方式:通过字面量的方式来创建:var o1 = { name: 'song'};字面量创建会默认调用下面的 new Object()来创建对象var o2 = new Object({ name: 'song'});通过构造函数的方式来创建:var Person = function(){ name: 'song'};var o3 = new Per...原创 2018-04-15 17:16:53 · 141 阅读 · 0 评论 -
判断用户输入的是否是数字
function isValueNumber(val){ let value = val.replace('/(^\s*)|(\s*$)','') //去除字符串前后空格 let num = Number(value) //将字符串转换为数字 if(isNaN(num)){ //判断是否是非数字 return false }else if(value === ''||...原创 2018-04-02 20:52:50 · 4839 阅读 · 0 评论 -
module.exports、exports require()和default export、export、import
在node中使用 module.exports = {} 或者 exports向外暴露对象,使用require()接收对象在es6 中使用 export default {} 和 export {} 来暴露成员,使用import接收成员。export default 只能向外暴露一个成员,export 可以向外暴露多个成员e.g.1 module.js export default ...原创 2019-06-27 12:19:59 · 279 阅读 · 0 评论