1、 面向对象编程（OOP）的特点 ： 抽象：抓住核心问题 封装：只能通过对象来访问方法 继承：从已有的对象下继承出新的对象 多态：多对象的不同形态 注：本文引用于 http://www.cnblogs.com/yuxingyoucan/p/5797142.html 一、创建对象的几种方式 javascript 创建对象简...

2018-06-24 00:16:38

1. 立即执行函数 立即执行函数，即Immediately Invoked Function Expression (IIFE)，正如它的名字，就是创建函数的同时立即执行。它没有绑定任何事件，也无需等待任何异步操作： (function() { // 代码 // ... })(); function(){}是一个匿名函数，包围它的一对括号将...

2018-06-24 00:16:43

图片预加载就是获取需要预加载的图片后，遍历所有图片路径通过创建 new Image() 预先把图片读取缓存好。 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"title/titlestyle type="text/css"*{margin: 0;padding: 0;}a{text-decoration: none;padding: 5px 10px;border: 1px...

2018-06-24 00:16:40

Javascript 库 Particles.js?一个用来在 web 中创建炫酷的浮动粒子的库 Three.js??一个用来在 web 中创建 3d 物体和 3d 空间的库 Fullpage.js?快速实现全屏滚动特性 Typed.js??打字机效果 Waypoints.js??滚动到某个元素位置时触发一个功能 Highlight.js??web 语法高亮...

2018-06-24 00:16:36

html: ! DOCTYPE html html lang ="en" head meta charset ="utf-8" / title 向上无缝滚动 / title link rel ="stylesheet" href ="style.css" / head body !-- 慕课网课程公告开始 -- div id ="mooc" !-- 头部 -- h3 id ="moocTitle" 最新课程 a href ="#" target ="_...

2018-06-24 00:16:23

ES6提供了entries()，keys()，values()方法返回数组的遍历器，对于遍历器（Iterator）可以使用for...of进行便利，也可是使用entries（）返回的遍历器Iterator.next()方法进行遍历。 1.使用keys()遍历。 keys()返回的是数组元素索引号的遍历器。 const arr1 = ['a', 'b'...

2018-06-24 00:16:28

一、转义与非转义 jade模板文件代码： 1 doctype html 2 html 3 head 4 meta(charset='utf-8') 5 title jade学习-by ghostwu 6 body 7 h3 转义与非转义 8 - var userName = 'ghostwu' 9 - var str = ' script alert( " ghostwu " ); / script ' 10 div #{userName} 11...

2018-06-24 00:16:26

/* *缺点* 1. 还需要我们自己手工维护dom状态，以数据的思想去思考*2. 数据改变后，还需要我们自己手动改变dom*3.* */ class LikeButton{ constructor(){ // 定义一个状态 this .state= { liked: false } } createDOMFromString(domStr){ let div =document.createElem...

2018-06-24 00:15:59

1.offsetTop： obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置。 2.clientTop: 这个返回的是元素周围边框的厚度,如果不指定一个边框或者不定位改元素,他的值就是0。 3.scrollTop: 设置或获取位于对象最顶端和窗口中可见内容的最顶...

2018-06-24 00:16:17

一、block 模块复用 把需要复用的模块用block定义 block后面跟上模块的名字，引用一次block 内容就会被复用一次 编译之后的结果： 二，继承模板(extends) 在实际开发中，网站的头部，尾部一般都是公用的，我们可以通过jade的模板继承( extends ) 功能，把公共部分抽象...

2018-06-24 00:16:19