随笔档案「2019年2月」 - Web引领者

jQuery的html和css

摘要：jQuery每次返回的都是当前的集合对象；每个方法用的时候都会把他的元素对象返回，他每次返回的都是最近的那个元素； 1.addclass() 备选元素添加一个类名 2.removeclass() 移除被选元素的类名 3.after() 在被选元素的后面插入内容（html,jquery,css） 4 阅读全文

posted @ 2019-02-28 17:14 Web引领者阅读(228) 评论(0) 推荐(0)

jQuery事件

摘要：jQuery的事件 1.bind() 通过bind绑定事件的方法 2.on() 通过on绑定事件的方法 3.hover() 两个回调函数当参数，用于鼠标悬浮，和鼠标离开的两个事件 4.keydown() 键盘按下 5.keyup() 键盘抬起 6.mouseover() 鼠标悬浮 7.mouseou 阅读全文

posted @ 2019-02-28 16:53 Web引领者阅读(95) 评论(0) 推荐(0)

jQuery的效果

摘要：jQuery的效果也是极其强大的学习方法的三要素功能参数返回值 fadeout() 由可见过渡到隐藏三个参数第一个参数：毫秒（过渡的周期）第二个参数：匀速（过渡的效果）第三个参数：callback（回调函数） fadein() 由隐藏过渡到可见三个参数第一个参数：毫秒（过渡的周期阅读全文

posted @ 2019-02-28 16:45 Web引领者阅读(138) 评论(0) 推荐(0)

jQuery 选择器

摘要：css选择器 Id选择器 class选择器标签选择器后代选择器交级选择器并级选择器通配符选择器结构选择器伪类选择器属性选择器相邻选择器兄弟选择器而jQuery完美的兼容了css的选择器让我们通过更简单的方式，去获取到标签； https://code.jquery.com/jq 阅读全文

posted @ 2019-02-27 16:36 Web引领者阅读(143) 评论(0) 推荐(0)

中级 jQuery 了解

摘要：初级阶段的知识已经结束；中级要接触的东西：jQuery php css3 移动端； get Context("2d") 2d画布； draw Image() 绘制图像，画布或视频，也能够绘制图像的具体部分，以及增加或减少图片的尺寸； jQuery (库) 他的内部封装了一个$的方法； API 接口的阅读全文

posted @ 2019-02-27 14:17 Web引领者阅读(172) 评论(0) 推荐(0)

回调函数 callback()

摘要：CALLBACK，即回调函数，是一个通过函数指针调用的函数。如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用为调用它所指向的函数时，我们就说这是回调函数。回调函数不是由该函数的实现方直接调用，而是在特定的事件或条件发生时由另外的一方调用的，用于对该事件或条件进行响应阅读全文

posted @ 2019-02-26 15:16 Web引领者阅读(305) 评论(0) 推荐(0)

预加载

摘要：预加载的方式 function loadImages(sources, callback){ var count = 0, images ={}, imgNum = 0; for(src in sources){ imgNum++; } for(src in sources){ images[src 阅读全文

posted @ 2019-02-26 15:10 Web引领者阅读(261) 评论(0) 推荐(0)

表格对象的方法

摘要：表格对象有一个insertRow()方法，在表格中输入行，行对象中有一个insertCell(）方法，可以在表格中输入列； classList:用class构成的列表集合中有一个add()的方法可以追加class的方法；阅读全文

posted @ 2019-02-22 08:17 Web引领者阅读(252) 评论(0) 推荐(0)

script中type属性讲解

摘要：js的代码是由type决定的； <script type='javascript'> 默认的 <script type="text/html" > 就是html文件 <script type="text/template"> 模板文件模板文件是写在HTML中的模板中尽量套一层顶级div，只能有一阅读全文

posted @ 2019-02-19 18:48 Web引领者阅读(2035) 评论(0) 推荐(0)

将数据渲染到页面的方式：模版

摘要：模板中所列举的命名，都是下面的案例的命名，大家可看具体信息 1.模板写法应注意的3个地方 1.申明的膜版类型：type="text/template"; 2.js代码应写在<% js代码 %> 里面；html里面的内容该怎么写，怎么写； 3.js读取值的时候在 <%= date %> 等号左边不能有阅读全文

posted @ 2019-02-18 19:54 Web引领者阅读(1806) 评论(0) 推荐(0)

将数据渲染到页面的几种方式

摘要：将数据渲染到页面的几种方式： 1.字符串拼接； 2.dom回流 3.文档碎片（文档碎片节点：documentFragment） 4.模板（下章会详细介绍模板）阅读全文

posted @ 2019-02-18 19:29 Web引领者阅读(1553) 评论(0) 推荐(0)

Underscore.js部分讲解

摘要：underscore是非常好用的封装库，大小只有4KB，大多插件都是以underscore为基础； underscore分5大部分；集合；数组；函数；对象；工具集合：集合就是伪数组，虽然长的和数组一样，但是不存在数组的属性和方法；假设我们需要数组的方法，他们没有，就需要人为的封装，还需要考虑兼容阅读全文

posted @ 2019-02-18 19:26 Web引领者阅读(259) 评论(0) 推荐(0)

Underscore.js(1.9.1) 封装库

posted @ 2019-02-18 18:40 Web引领者阅读(205) 评论(0) 推荐(0)

碰撞检测插件

摘要：//碰撞检测 //碰撞返回true 没碰撞返回false function isHited(a,b){ if(a.offsetLeft+a.offsetWidth<=b.offsetLeft||a.offsetTop+a.offsetHeight<=b.offsetTop||a.offsetLeft 阅读全文

posted @ 2019-02-15 14:43 Web引领者阅读(211) 评论(0) 推荐(0)

有关对象的总结

摘要：1.什么是对象？对象：任何事物都是对象，拥有属性和方法两大特征；属性：描述事物的特征；方法：事物拥有的行为； 2.在js中区分构造对象属性和方法； Person.age=10 属性 Person.fn=function(){} 方法属性=右边是基本值；方法=右边是函数； 3.在js中如何生阅读全文

posted @ 2019-02-14 19:39 Web引领者阅读(153) 评论(0) 推荐(0)

倒计时案例

摘要：var mf=11; //倒计时写法 function mm(bb,q,d){ var s=new Date(); var i=new Date("2150/12/"+mf+" 00:00:00"); var cc=i-s; var e=parseInt(cc/86400000); var h=pa 阅读全文

posted @ 2019-02-14 16:36 Web引领者阅读(153) 评论(0) 推荐(0)

抖动案例及放大镜案例及离他最近的交互案例

摘要：//抖动案例 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #div{ width:100px; height:200px; background:red; position:absolute; 阅读全文

posted @ 2019-02-14 16:34 Web引领者阅读(171) 评论(0) 推荐(0)

圆周运动

摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin:0; padding:0; } #ha{ width:500px; height:500px; border:red 1px s 阅读全文

posted @ 2019-02-14 16:27 Web引领者阅读(110) 评论(0) 推荐(0)

钢琴快案例及手风琴案例

摘要：//钢琴快案例 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #ha{ width:600px; height:200px; border:red 1px solid; margin:100px 阅读全文

posted @ 2019-02-14 16:25 Web引领者阅读(130) 评论(0) 推荐(0)

只能在方块内拖拽的案例

摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #aa{ width:500px; height:500px; border:red 1px solid; margin:100px auto; p 阅读全文

posted @ 2019-02-14 16:19 Web引领者阅读(103) 评论(0) 推荐(0)

贪吃蛇面向对象完整版

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> <script> var t=null; //地图系统 function Map(){ this.w 阅读全文

posted @ 2019-02-14 16:10 Web引领者阅读(354) 评论(0) 推荐(0)

深拷贝案例

摘要：3.深拷贝：如果对象中的属性值又是一个引用数据类型，浅拷贝也能实现，浅拷贝还是把引用数据类型的内存地址赋值给空的对象的一个属性，深拷贝将属性值也一个一个遍历赋值；冒充对象继承就是拷贝继承案例： var obj={ name:"张三", arr=[12,20,36] sex:{ y:12, x:24 阅读全文

posted @ 2019-02-14 15:54 Web引领者阅读(323) 评论(0) 推荐(0)