随笔档案「2018年11月」 - Web引领者

事件冒泡与事件铺获的解析

摘要：面向对象： 1.单例模式 2.工厂模式 3.构造函数（1，2，3的目的都是生成对象） js天生自带的类 object（基类）子类：function（函数） array（数组） number（数字） math（数字） string（字符串） RegExp（正则） Boolean（布尔） date（阅读全文

posted @ 2018-11-30 15:08 Web引领者阅读(318) 评论(0) 推荐(0)

浏览器内核

摘要：几大热门浏览器内核谷歌：webkit 欧朋：blink IE：trident 火狐：gecko 阅读全文

posted @ 2018-11-29 14:32 Web引领者阅读(129) 评论(0) 推荐(0)

js中级总结

摘要：this问题； this是JavaScript的关键字用途：指向某一个对象如何判断this的指向函数内：两种情况：1.以函数形式调用（不带 . 指向window ） 2.以方法形式调用（带 . this指向 . 前面的）函数外：this指向window 1.自调用函数内this都是windo 阅读全文

posted @ 2018-11-22 19:17 Web引领者阅读(482) 评论(0) 推荐(0)

BOM及改变this指向

摘要：bom ( browser object model 浏览器对象模型) 定义js操作浏览器的属性和方法 window.open(url way()) 中有两个参数 url代表打开的网页地址 way() 打开时方式 window.close() 关闭浏览器注意事项：1.火狐不会关闭 2.谷歌直接关闭阅读全文

posted @ 2018-11-20 19:13 Web引领者阅读(178) 评论(0) 推荐(0)

js轮播插件

摘要：// Tween算法 var Tween = { // t:当前步数 // b:初始位置 // c:总距离 // d:总步数 // Linear:匀速 Linear: function(t,b,c,d){ return c*t/d + b; }, // 平方缓动动画 Quad: { // 加速 ea 阅读全文

posted @ 2018-11-19 19:45 Web引领者阅读(567) 评论(0) 推荐(0)

动画js版本

摘要：动画： 1）css样式提供运动 2）js提供的运动过渡的属性：transition 从一种情况到另一种情况叫过渡 transition：变化的属性（attr） transition：花费的时间（time） transition：变化的速度（ linear） transition：delay （阅读全文

posted @ 2018-11-19 19:35 Web引领者阅读(173) 评论(0) 推荐(0)

提高网页性能优化

摘要：1.多采用雪碧图将很多图片合成一张图片，需要多次请求，只需要一次就请求过来了，减少向服务器的请求次数 2.阻止超链接的默认行为点击超链接，会向后台发送请求，刷新页面，所以要以<a href="javascript:;"></a> 取消刷新页面的功能 3.减少dom回流 dom回流：添加一个，对阅读全文

posted @ 2018-11-15 19:06 Web引领者阅读(173) 评论(0) 推荐(0)

字符串拼接和dom回流

摘要：以对象的角度分析对象的两方面属性和方法研究对象，主要是研究对象的属性和方法案例： <ul id="list"> <li></li> <li></li> </ul> 兼容性：如果元素没有子节点，ie低版本读取不到，而标准浏览器会把文本节点当作子节点 list.children[0] 需要处理阅读全文

posted @ 2018-11-15 18:57 Web引领者阅读(532) 评论(0) 推荐(0)

节点元素的获取

摘要：用dir展开一个元素上面的都是属性方法都在__proto__中 1.dom节点（document object model 文档对象模型） document>documentElement>body>TagName clidNodes (获取子节点列表的集合) （白话：孩子节点的总数） fir 阅读全文

posted @ 2018-11-14 16:50 Web引领者阅读(269) 评论(0) 推荐(0)

js操作css样式

摘要：div.style.width="100px" (行间样式) 相当于标签内我们添加一个style属性，设定了width值，这种写法会给标签大量的style属性，以实际项目不符，我们没有css和HTML分离；所以如果为了获取css样式获取计算机计算的所有属性 window.getcomputeds 阅读全文

posted @ 2018-11-13 19:18 Web引领者阅读(3484) 评论(0) 推荐(0)

元素的属性

摘要：标签元素节点对象所有标签的集合元素属性 client系列 offset系列 scroll系列案列： <div id="divs" class="aa bb cc"> </div> 脚本代码： var div=document.getElementById("divs")； console. 阅读全文

posted @ 2018-11-12 19:12 Web引领者阅读(223) 评论(0) 推荐(0)

表单

摘要：针对表单： form input select texarea type（表单类型） text（文本） password（密码） radio（单选） checkbox（多选） button（普通按钮） submit（提交） reset（重置）表单事件： onchang 改变表单时触发 onfocu 阅读全文

posted @ 2018-11-07 18:44 Web引领者阅读(141) 评论(0) 推荐(0)

面对对象

摘要：面对对象：通过函数封装得到的一个类，通过类实例出对象，对象有属性和方法在封装函数类写私有属性；公有的写在prototype（原型）上；实例出来的对象也有私有和公有，私有的互不影响，公有的通过__proto__属性继承二维数组：数组里面套数组（数组里面套几次层，叫几维数组）数据渲染：本质字阅读全文

posted @ 2018-11-06 13:49 Web引领者阅读(172) 评论(0) 推荐(0)

定义字符串的方法和定义数组的方法

摘要：但凡有返回结果的，要对其进行重新赋值 Object(基类) 他下面的子类有：Function(函数) Array(数组) Number(数字) Boolean(布尔) String(字符串) Date(日期) Math(算术) RegExp(正则) 他们的本质都是函数 String类定义字符串的方阅读全文

posted @ 2018-11-05 17:22 Web引领者阅读(4402) 评论(0) 推荐(0)

闭包

摘要：封装：减少代码的冗余，提高代码的重复利用率继承：本来需要开辟多个空间，只需要开辟一个空间，减少内存的消耗，提高性能函数归属：函数归属谁，跟他在哪调用没有关系，而跟他在哪定义有关闭包的定义：函数在调用的时候，会形成一个私有作用域，内部的变量不能被外部访问，这种保护机制叫闭包（这就意味着函数调用完阅读全文

posted @ 2018-11-05 16:40 Web引领者阅读(141) 评论(0) 推荐(0)

原型链

摘要：每个元素的事件都是天然存在的，不能给元素绑定事件，可以给元素绑定事件的方法， 1.面对对象的由来 js一开始就是写网页特效，面向过程，作者发现这样写不好，代码的重复利用率太高，计算机内存消耗大，网页性能很差，所以作者受到java和c的影响，往面向对象靠齐，js天生有一个object。但他没有面对对象阅读全文

posted @ 2018-11-02 15:36 Web引领者阅读(190) 评论(0) 推荐(0)

javascript对象讲解

摘要：js的数据类型基本数据类型：string undefined null boolean number 引用数据类型：object 二者的区别：基本数据类型就是简单的赋值，引用数据类型就是把内存地址赋值给变量案例 var a=123 var b={ "name":"zhang" } var c= 阅读全文

posted @ 2018-11-01 11:31 Web引领者阅读(244) 评论(0) 推荐(0)