ZcBob的博客

安装： 1.下载引入css和js 2.通过npm去安装 3.通过bower安装 Bower？什么东西？ 包管理工具 可以通过bower 去搜索、下载安装、卸载所有发布在github里面的插件 在安装bower之前 需要安装node 和git Bower的安装 跟使用npm 安装其他插件 一模一样 cnpm(npm) i bower -g Bower的使用： 1.搜索

dom0级事件 ? 1 2 3 4 5 6 7 8 9 10 <a href="#" id="hash" onclick="fn();fn();"> <button type="button">返回上面进行开通 var btn=$('

概述：万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改； 主要组成部分：   1，语义化标签   2，多媒体          3，设备访问  4，样式 5，离线&存储 6，连通性 7，性能&集成 语义化标签： header： 头部 nav： 导航 aside： 除了主题内容不太重要 广告、小文章、推荐 section；

函数节流的目的     从字面上就可以理解，函数节流就是用来节流函数从而一定程度上优化性能的。例如，DOM 操作比起非DOM 交互需要更多的内存和CPU 时间。连续尝试进行过多的DOM 相关操作可能会导致浏览器挂起，有时候甚至会崩溃。尤其在IE 中使用onresize 事件处理程序的时候容易发生，当调整浏览器大小的时候，该事件会连续触发。在onresize 事件处理程序内部如果尝试进行DOM

Ajax  -- Asynchronous Javascript And XML - 异步的js和xml 作用：与服务端交互 读取文件； 实现所使用到的类： XMLHttpRequest：不兼容IE5  IE6   ActiveXObject：IE5  IE6 客户端服务端通过HTTP协议进行通信 1) GET：传输的参数直接拼接到URL中，与HTML之间传值一样需要使用？来隔开传递

正则表达式   使用环境：（验证字符串是否符合我们设置的规则） 1) 登录：密码验证（字符串+数字）； 2) 注册：邮箱、手机号、账号； 3) 解析歌词（lrc）；   创建方式： 1)  new RegExp（）； 2) //；   -------★★★★★非常重要 可使用的测试方式： 1) text：function  --> Boolean  表示是否符合设置的

面向对象 关键字this：一个临时变量，不具体只代表谁；★★★★★★调用对象是谁就代表谁（动态指定）； 构造函数：★★★★★ 用来构造（创建）对象的函数 注意： ①　构造器的名字首字母一定要大写； ②　使用构造器创建对象的时候需要添加关键字new； 如： 构造函数function（）{} 通过构造函数实例化（创建、构造）一个对象 new P

webSQL： 是一个操作数据库的对象，里面封装了操作数据库的方法，是通过sql语句操作数据库的（创建数据库、建表、增删改查）的字符串，类似正则的规则，他不会自己执行； 在webSQL里面有执行sql语句的方法，就会去执行sql里面描述的功能； webSQL跟sql语句是完全独立的两个东西（webSQL是前端独有的API，后者只要是sqlite类型的数据库都可以使用）； 特点：

1. 打开数据库并且开始一个事务。（事务 一个平台 演员的舞台 是一个可以提供表演的地方） 2. 创建一个 object store。 1. 构建一个请求来执行一些数据库操作，像增加或提取数据等。 2. 通过监听正确类型的 DOM 事件以等待操作完成。 3. 在操作结果上进行一些操作（可以在 request 对象中找到） 查看IndexedDB中 存储的数据 使

应用缓存ApplicationCache： 在移动设备没有网络的情况下 不出现404并且可以基本的使用； 使用步骤： 1.需要有一个应用缓存的文件 .manifest尾缀的文件； a） 是用于配制需要缓存的文件的 b） 在不同情况下缓存的内容 2.在HTML中引入manifest文件； 应用缓存的详细使用 应用缓存-2使用应用缓存的两个步骤： 1. 创建应用缓存的文件

Canvas画布（拓展资料https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/drawImage） 做游戏：（白鹭引擎）、trees等 动画 图标、频谱 画图 html5不只是单纯的HTML canvas： 1.本身是一个标签是一个空白的画布，默认是300*

选择器： Ele~ele2：选择Ele后面的每一个ele2元素； Ele[key(^$*)=value] 选择对应的元素（以value开头结束或者包含）； :root:根元素（html） :empty：选择文档中的所有空元素； :target：选择激活的元素（#sss）；: background： background-origin：设置背景图

多列 column-count:设置列的个数，可以把一行文字分割成设置的列的个数。如果设置了列的宽度，当列的最小宽度和不够总宽度的时候，列的数量就会缩小； column-width:可以设置列的最小宽度； column-span：可以设置列的横跨数量（常用于设置标题，值为1或者all） column-rule:设置分割线，设置方式与边框的设置方式一样，是一个复合属性；