08 2017 档案
摘要:# 事件基础 ### 绑定事件 * 把事件当做HTML元素的属性 `<button onclick="code...">` * 把事件当做dom对象的方法 `dom.onclick = function(){code....}` * 事件监听方式 * addEventListener(eventNa
阅读全文
摘要:# BOM(浏览器对象模型) ## window #### 定义 * window是js在浏览器环境中 全局变量 * 函数就是window的方法 * 全局变量就是window的属性 #### 属性 * document * location * history * screen * navigato
阅读全文
摘要:08.29 # 全局对象 * escape/unescape() 对特殊字符编码/解码 * encodeURI / decodeURL 对url进行编码/解码 * encodeURIComponent / decodeURIComponent 对URL解码/解码 * eval() 把字符串当做代码执
阅读全文
摘要:required 必须填写 pattern 只能包含n个字母的文本字段(数字或特殊字符) # 全局对象 * escape/unescape() 对特殊字符编码/解码 * encodeURI / decodeURL 对url进行编码/解码 * encodeURIComponent / decodeUR
阅读全文
摘要:#### 边界的修饰 * \b 单词边界 * \B 不是单词边界 * ^ 字符串开始边界 * $ 字符串结束边界 * 先行断言(正向预查) (?=) * 负向先行断言(负向预查) (?!) #### 选择修饰符 * | #### 模式单元 () * 改变优先级 * 把多个原子当做一个原子 * 把模式
阅读全文
摘要:# 正则表达式 ### 定义 * 对字符串进行描述的 ### 作用 * 表单验证 * 验证 邮箱/电话/邮编 .... * WEB编辑器 * 爬虫、数据抓取、小偷程序 ### 定义正则表达式 * 直接量 * 函数 * 构造函数 # 正则表达式基础 ### 原子 * 正则表达式的最小组成单位 * 普通
阅读全文
摘要:倒计时 # 内置对象 Function ### 属性 * length 形参的数量 ### 方法 * apply() * call() * bind() ECMA5新增
阅读全文
摘要:Math random:随机数 # 定时函数 ### 多次定时 * setInterval() * clearInterval() ### 单次定时 * setTimeout() * clearTimeout() # Array ### 属性 * length ### 方法 * concat() *
阅读全文
摘要:# 原型 ### 定义 * 每一个对象都有原型 * 原型仍然是一个对象 * 模拟实现面向对象的继承性 ### 原型链 * 对象的原型还有原型 * 对象除了可以使用自有属性还可以继承原型上的属性 ### 获取原型 * 对象.__proto__ * 构造函数.prototype ### 操作原型的属性
阅读全文
摘要:# Object ###Object 的概念 * 对象可以看做是属性的无序集合 ### 创建对象Object * 直接量 {} * 构造函数 new Object() ### 对象属性的操作 * 运算符 . * 运算符 [] * 属性检测 in console.log(“name”in obj)tr
阅读全文
摘要:# 数组 ### 数组的概念 * 数组是值的有序集合 * 数组中的每个值 称之为 元素 * 每个元素可以是任意数据类型的值 * 每个元素都有索引(下标) * 元素的索引从0开始,按照顺序递增。 元素最大的索引 2^32-2 ### 创建数组 * 直接量 `[]` * 构造函方式 `new Array
阅读全文
摘要:# 函数 ### 函数的优势 * 提高代码重用性 * 代码可读性 * 程序的可维护性 ### 函数的组成 * 函数名 * 函数体 * 参数 (形参 和 实参) * 返回值 (结束函数, 作为函数调用表达式整体的值) ### 函数的声明方式 * 关键字方式 function 函数名([参数列表]) {
阅读全文
摘要:# 分支结构 条件语句 ### 单向分支 if (){ } ### 双向分支 if () { } else { } ### 嵌套分支 if (){ if (){ } } else { } ### 多项分支 if else if if (){ } else if (){ } else if (){ }
阅读全文
摘要:08.11 # JavaScript 基础 ### 编程语言 * 机器语言 * 汇编语言 * 高级语言 * 编译型 * 解释型 ### JavaScript 发展 * ECMA3 确定了地位 * ECMA5 * ECMA6 (ECMA2015 ECMA2016 ECMA2017) ###客户端 Ja
阅读全文
摘要:# 数据类型转换 ### 自动转换(在某种运算环境下) * Number环境 * String环境 * Boolean环境 ### 强制类型转换 * Number() * 字符串: 纯数字字符和空字符转为正常数字,其他NaN * 布尔值: ture:1 false:0 * String() * Bo
阅读全文
摘要:# JavaScript 基础 ### 编程语言 * 机器语言 * 汇编语言 * 高级语言 * 编译型 * 解释型 ### JavaScript 发展 * ECMA3 确定了地位 * ECMA5 * ECMA6 (ECMA2015 ECMA2016 ECMA2017) ###客户端 JavaScri
阅读全文
摘要:响应式图片 给img的宽度 设置为100% 使用background-image 配合padding-top 使用 `<picture>` 标签。 * 使用 pricturefill.js 插件 <link rel="stylesheet" href="./grid.css"> stylesheet
阅读全文
摘要:伸缩盒适合手机 # 响应式设计 ### 响应式设计的概念(三要素) * 流体网格 * 响应式图片 * 媒体查询 ### 相关概念 * 分辨率 * 像素密度 dpi/ppi 每平方英寸的像素数 * 设备像素比 dip/dpr # viewport ### 定义 * 可视区域 * 移动端: 布局视口(大
阅读全文
摘要:# CSS 层叠样式表### CSS的使用方式* 在元素的style属性内 行内式 内联式* 写在 `<style>` 标签内* 写到外部css文件中,用`<link>`关联到HTML中, * `@import`可以引入css,用于css中引入css ### CSS的格式 选择器{ 属性:值; 属性
阅读全文
摘要:# HTML基本语法### HTML标签* 单标签 `<标签名>内容<标签名/>`* 双标签 `<标签名>` 或 `</标签名>`* 也叫 元素### 属性* 属性属于标签* 一个标签可以有多个属性,每个属性有不同的意义* 属性值最好写在双引号中### 代码规范* 缩进 Tab或4个空格### 注释
阅读全文
摘要:# WEB字体### 语法 @font-face{ font-family:"";命名 src:url() format(turetype) (format是为了帮助浏览器识别字体格式,浏览器不会根据后缀名去自动识别字体格式的 引用名称类似别名 因为不是所有格式都被浏览器识别所以不识别的时候加上备用
阅读全文
摘要:css3动画相关属性 关键帧# CSS3 变形/变换### 相关属性* transform* transform-origin 起点 等同于center center* transform-style: flat/preserve-3d指定某元素的子元素是(看起来)位于三维空间内,还是在该元素所在的
阅读全文
摘要:恢复内容开始 ### 边框图片 * border-image-source 图片地址 * border-image-slice 图片截取方式 值 浮点数/百分比 * border-iamge-width 边框图片厚度 值 长度单位 * border-image-outset 外延 值 长度单位 *
阅读全文
摘要:#CSS3 选择器 ### 基础选择器 * 通配符/全局选择器 * * ID选择器 #Id * class选择器 .classname * 元素选择器 tagName * 群组选择器 slecter,selecter 一起选 ### 层次选择器 * 后代选择器 selecter selecter *
阅读全文
摘要:# CSS3 盒子模型 * box-sizing 值 content-box 默认值 包括所有的值 / border-box 只算边框的长与宽 * resize(调节框的大小) * 值 none不允许 / horizontal调节宽度 / vertical调节高度 / both都可以 * outli
阅读全文
摘要:# H5智能表单 ### input 新增 type值 * email * url * number * range * tel * search * color * date * month * week * time * datetime-lcoal
阅读全文

浙公网安备 33010602011771号