2018 年 12月随笔档案 - 依旧那片天

函数作用域和块作用域《你不知道的JavaScript（上）》

摘要：函数中的作用域 1.无论标识符声明出现在作用域中的何处，这个标识符所代表的变量或函数都将附属于所处作用域的气泡。 2.这些标识符全都无法从全局作用域中进行访问，因此会导致ReferenceError 错误。隐藏内部实现 1.从所写的代码中挑选出一个任意的片段，然后用函数声明对它进行包装，实际阅读全文

posted @ 2018-12-26 14:44 依旧那片天阅读(113) 评论(0) 推荐(0)

词法作用域《你不知道的JavaScript（上）》

摘要：词法阶段简单地说，词法作用域就是定义在词法阶段的作用域。换句话说，词法作用域是由你在写代码时将变量和块作用域写在哪里来决定的，因此当词法分析器处理代码时会保持作用域不变。 window.a 通过这种技术可以访问那些被同名变量所遮蔽的全局变量。但非全局的变量如果被遮蔽了，无论如何都无法被阅读全文

posted @ 2018-12-26 09:14 依旧那片天阅读(97) 评论(0) 推荐(0)

函数的扩展《ES6标准入门（第3版）》

摘要：函数参数的默认值 function log(x, y) { y = y || 'World'; console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', '') 阅读全文

posted @ 2018-12-25 16:47 依旧那片天阅读(99) 评论(0) 推荐(0)

【CSS】环形进度条

摘要：效果图原理剖析 1.先完成这样一个会旋转半圆（这个很简单吧）。 2.overflow: hidden; 在这个半圆所在的地方加上一个包容块。 3.在中间定位一个白色的圆形做遮挡。 4.接着以同样的方式完成另一半圆。 5.使用animate配合时间完成衔接。其他逻辑可能需要你通过角度进行 js 编阅读全文

posted @ 2018-12-19 10:24 依旧那片天阅读(999) 评论(0) 推荐(0)

Module 的语法《ES6标准入门（第3版）》

摘要：概述 1.ES6 模块的设计思想是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量。 2.CommonJS 和 AMD 模块，都只能在运行时确定这些东西。 // ES6模块 import { stat, exists, readFile } from 'fs'; 3.上面代码的实阅读全文

posted @ 2018-12-18 11:41 依旧那片天阅读(210) 评论(0) 推荐(0)

变量的结构赋值《ES6标准入门（第3版）》

摘要：数组的解构赋值 let [a, b, c] = [1, 2, 3]; 1.ES6 允许写成这样。 let [foo, [[bar], baz]] = [1, [[2], 3]]; foo // 1 bar // 2 baz // 3 let [ , , third] = ["foo", "bar", 阅读全文

posted @ 2018-12-17 16:06 依旧那片天阅读(163) 评论(0) 推荐(0)

【CSS】Sticky Footer 布局

摘要：什么是 Sticky Footer 布局？ Sticky Footer 布局是一种将 footer 吸附在底部的CSS布局。 footer 可以是任意的元素，该布局会形成一种当内容不足，footer 会定位在视口的最低部，当内容充足，footer 会紧跟在内容后面的效果。 position实现效果阅读全文

posted @ 2018-12-07 11:40 依旧那片天阅读(377) 评论(0) 推荐(0)

HTTP 报文及首部字段《图解HTTP》

摘要：报文 HTTP协议交互的信息叫做报文。报文又分为请求报文和响应报文。报文 = 报文首部 + 空行（CR+LF） + 报文主体。首部内容为客户端和服务器分别处理请求和响应提供所需要的信息。请求报文的报文首部 = 请求行 + 请求首部字段 + 通用首部字段 + 实体首部字段 + 其他。请求行阅读全文

posted @ 2018-12-06 10:17 依旧那片天阅读(549) 评论(0) 推荐(0)

let 和 const 命令《ES6标准入门（第3版）》

摘要：let命令 { let a = 10; var b = 1; } a // ReferenceError b // 1 1.ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 for (let i=0; i<10; i++) { ... 阅读全文

posted @ 2018-12-05 15:30 依旧那片天阅读(153) 评论(0) 推荐(0)

Class 继承《ES6标准入门（第3版）》

摘要：继承 class Point { } class ColorPoint extends Point { } 1.Class可以通过extends关键字实现继承。继承类的所有属性和方法。 class ColorPoint extends Point { constructor(x, y, color 阅读全文

posted @ 2018-12-04 16:20 依旧那片天阅读(193) 评论(0) 推荐(0)

Class 基本语法《ES6标准入门（第3版）》

摘要：Class constructor() 实例对象表达式提升私有方法和私有属性 this name属性取值函数和存值函数 Generator方法静态方法静态属性和实例属性 new.target属性 class Point { constructor(x, y) { this.x = x; 阅读全文

posted @ 2018-12-01 11:35 依旧那片天阅读(215) 评论(0) 推荐(0)