《单页Web应用--温故JavaScrpt》学习笔记整理
摘要： 变量作用域，函数提升和执行环境对象 1. 变量作用域 在 JavaScript 中， 的 由 限定，即：唯一能定义变量作用域的语块就是 。 要么是全局的，要么是局部的。 全局变量：在函数外部定义，处处可以访问； 局部变量：在函数内部定义，只有在声明它的地方才能访问。 ES6 引入块级作用
阅读全文
posted @ 2016-05-28 18:16
05 2016 档案
html 和 body详解
摘要：1.背景色 当不设置html的时候，html的属性不生效，浏览器会捕获body的颜色作为浏览器背景颜色，如果html生效了，则会捕获html的颜色作为浏览器背景颜色。 [例1：不设置 ] body { background color: 069; margin: 50px; border: 30px
阅读全文
posted @ 2016-05-25 11:21
《JavaScript Ninja》之正则表达式
摘要：`正则表达式` 是一个拆分字符串并查询相关信息的过程。 练习网站： "JS Bin" 正则表达式测试网站： "Regular Expression Test Page for JavaScript" 正则表达式进修 通常被称为 ，是一个用简单方式描述或匹配一系列符合某个句法规则的字符串。 创建正则表
阅读全文
posted @ 2016-05-22 20:09
《JS高程》实现继承的6种方式（完整版）
摘要：许多OO语言都支持 两种继承方式 ： （1）接口继承：只继承方法签名； （2）实现继承：继承实际的方法。 由于函数没有签名，无法实现接口继承，因此 只支持实现继承 ，而且主要是 依靠原型链 来实现的。 1. 原型链 —— 实现继承的主要方法，但是由于其问题，实践中很少会单独使用 基本思想：利用原型让
阅读全文
posted @ 2016-05-21 10:56
《JS高程》创建对象的7种方式（完整版）
摘要：一、理解对象 ECMA 262定义对象：无序属性的集合，其属性可以包含基本值、对象或者属性。 我们可以把 ECMAScript 的对象想象成 ：无非就是一组 ，其中值可以是数据或函数。 创建自定义对象的2种方式： （1）创建一个 的实例，然后为其添加属性和方法 &
阅读全文
posted @ 2016-05-19 15:28
CSS 实现：checkbox
摘要：性别： <! 整体为一个checkbox，用div包裹 <! 需要隐藏，置于最上层 <! 加伪元素，模拟checkbox样式 男 <! 当选中时，字体颜色也得改变 女 css实现： .wrap { label { display: inline block; width: 50px; text al
阅读全文
posted @ 2016-05-14 10:10
CSS 实现：元素相对于文档水平垂直居中
摘要：【要求】：如何用 CSS 实现水平/垂直居中一个元素（相对于文档） 【实现】： ① margin + 相对定位（relative) // html 和 body 的高度默认为0，因此要先设置为100%，并且清除默认样式（margin:0; padding:0） html, body { height
阅读全文
posted @ 2016-05-13 18:05
Git工作常用
摘要：工作时，最好每次都创建一个本地分支，这样就会减少错误修改远程代码的机会。 基于远程dev分支创建分支并切到本地分支： 把本地分支推送到远程分支： 把远程分支更新到本地仓库（不同于 ）： 或者： 创建远程分支（直接把本地分支 到远程分支）： 删除远程分支： // 不成功，发现只是删除的本地对该远程分支
阅读全文
posted @ 2016-05-13 16:54
CSS 实现：两栏布局（一边固定，一边自适应）
摘要：☊【实现要求】：CSS实现左边固定，右边自适应父容器宽度的两栏布局。 √【实现】： // html 和 body 的高度默认为0，因此要先设置为100%，并且清除默认样式（margin:0; padding:0） html,body { / width: 100%; / height: 100%;
阅读全文
posted @ 2016-05-11 15:33
《JavaScript Ninja》之闭包
摘要：闭包 闭包是什么，它们是如何工作的 闭包 是一个函数在创建时允许该自身函数访问并操作该自身函数之外的变量时所创建的 作用域 。 即：闭包可以让函数访问所有的变量和函数，只要这些变量和函数存在于该函数声明时的作用域内就行。 一个简单的闭包： / 分析：在同一个作用域内声明一个变量和函数， 可以看到并访
阅读全文
posted @ 2016-05-07 19:09
《JavaScript Ninja》之挥舞函数
摘要：挥舞函数 匿名函数为什么如此重要 通常使用匿名函数的情况是，创建一个供以后使用的函数。例如，将匿名函数保存在一个变量里，将其作为一个对象的方法，或者是将匿名函数作为一个回调。—— 在这些情况下，该函数并不需要名称进行引用。 JavaScript 的强大威力依赖于是否将其作为函数式语言进行使用。函数式
阅读全文
posted @ 2016-05-07 17:43
《JavaScript Ninja》之函数是根基
摘要：函数是根基 理解函数为什么如此重要 JavaScript 是一门 。 函数为什么是第一型对象 在 JavaScript 中，函数可以共处，可以将其视为其他任意类型的 JavaScript 对象而进行使用，除此之外，函数还有一个特殊的功能，它们可以 （通常以 进行调用）。 对象在 JavaScript
阅读全文
posted @ 2016-05-07 17:38
CSS 实现：父元素包含子元素，子元素垂直居中布局
摘要：☊【实现要求】：父元素包含子元素，子元素垂直居中布局 A √【实现】： ♪ 子元素 A 宽高已知，相对于父元素水平垂直居中 ① 布局 基于自身高度/宽度偏移的缺点：若宽度/高度改变，则偏移会改变，不会持续保持居中 .demo5 { width: $px; height: $px; position:
阅读全文
posted @ 2016-05-06 10:48
CSS 实现：文字水平垂直居中
摘要：☊ 【实现要求】： 标题1111 √ 【实现】： 方案一 ：普通布局 .demo1 { text align: center; //水平居中 line height: $height; //垂直居中 } 方案二 ： 布局 .demo1 { display: flex; display: webkit
阅读全文
posted @ 2016-05-05 17:30
浙公网安备 33010602011771号