随笔分类 - 十年灯
1
学习笔记及心得体会
摘要：1. 函数参数的默认值 在ES6之前不能为函数的参数制定默认值，只能用变通的方法（ y = y || '默认值'；）。但这种方法在参数的布尔值为false时（如空字符串）会误把默认值赋上。所以对应的还需要加上一个if语句判定是否是undefined来避免这个问题。而ES6允许直接使用“=”来设置默认
阅读全文
摘要：ES6提供了二进制和八进制的新写法，分别用前缀0B（0b）和0O（0o）表示。如果要将二进制和八进制转为对应的十进制，要使用 Number() 方法。 ES6 在Number对象上，新提供了 Number.isFinite() 和 Number.isNaN() 两个方法。前者检查一个数是否有限，无限
阅读全文
摘要：1. 数组的结构赋值 ES6允许从数组中题取值，按照对应位置，为变量赋值。数组的解构赋值存在一些特殊的情况： 解构不成功，变量的值等于undefined； 不完全解构，即等号左边的模式，只匹配一部分的等号右边的数组（右边比左边多）。这时解构依然可以成功； 等号右边是不可遍历的结构（转化为对象之后不具
阅读全文
摘要：1. let命令 let命令声明的变量只在所在的代码块中有效。for循环中很适合使用let，如果使用var则会创建一个全局变量，且for循环中声明的函数如果涉及i，指向的是同一个i值。在循环外调用永远是同一个值。 var a = []; for (var i = 0; i < 10; i++){ a
阅读全文
摘要：最小差 给定两个整数数组a和b，计算具有最小差绝对值的一对数值（每个数组中取一个值），并返回该对数值的差。 //利用双指针的方法 var smallestDifference = function(a, b) { //先给两个数组排序 a.sort((a,b) => a-b); b.sort((a,
阅读全文
摘要：什么是DOM？ DOM（Document Object Model），直译为文档对象模型。 D, O, M分别是什么？ D - document（文档）：DOM的作用就是把你的网页文档转换成一个文档对象。这个过程发生在你创建的网页加载到Web浏览器的时候。 O - object（对象）：正如同win
阅读全文
摘要：1. 第三大的数 找到一个数组第三大的数并返回这个数，如果没有就返回最大的数。 /** * @param {number[]} nums * @return {number} */ var thirdMax = function(nums) { for (i = 0; i < nums.length
阅读全文
摘要：简单点说，Web Worker就是一个运行在后台的JavaScript线程，不会影响页面的响应。 我们知道，JavaScript是单线程的脚本语言，即同一时刻只能做一件事情，否则会带来极其复杂的同步问题。比如JavaScript同时有两个线程，一个线程负责给某个DOM节点添加内容，另一个线程删除这个
阅读全文
摘要：ECMAScript数组的数据类型不单一 数组的大小是可以动态调整的 创建数组的方式： 1. Array构造函数 var colors = new Array(); //这里括号里可以填写数字表示数组长度length，也可以直接写入包含的项 *new操作符是可以省略的哟 2. 数组字面量 var c
阅读全文
摘要：【面试 · 回看】 ♥HTML&CSS面试高频考点（一） ♥HTML&CSS面试高频考点（二） ♥HTML&CSS面试高频考点（三） 16. CSS动画 @keyframes规则用于创建动画 为兼容有的浏览器，需要加上前缀： @keyframes myfirst { from {background
阅读全文
摘要：【面试 · 回看】 ♥HTML&CSS面试高频考点（一） ♥HTML&CSS面试高频考点（二） 11. CSS隐藏元素的方式 /*占据空间，无法点击*/ visibility: hidden; position: relative; top: -999em; /* 不占据空间，无法点击 */ pos
阅读全文
摘要：HTML&CSS面试高频考点(一) ♥ 6. W3C盒模型与怪异盒模型 标准盒模型（W3C标准） 怪异盒模型（IE标准） 怪异盒模型下盒子的大小=width（content + border + padding） + margin，即真实大小。 *参考标准模式与兼容模式的区别，兼容模式下为怪异盒模型
阅读全文
摘要：DOM（文档对象模型）是针对HTML和XML文档的一个API（应用程序接口）。他描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。 10.1 节点层次 DOM将任何HTML和XML文档描绘成一个由多层节点构成的结构。 文档节点(Document)是每个文档的根节点。文档节点只有一
阅读全文
摘要：1. 行内元素/块级元素 非替换元素/替换元素 行内元素(内联元素)：a, abbr(缩写), acronym(只取首字母缩写), b, bdo(文本方向), big, br, cite(引用), code, em(强调), i, img, input, label, q(短引用), select,
阅读全文
摘要：BOM（浏览器对象模型）：提供用于访问浏览器的对象。 8.1 window对象 window是BOM的核心对象，表示浏览器的一个实例。 JavaScript访问浏览器窗口的接口 ECMAScript规定的Global对象 8.1.1 全局作用域 全局变量会成为window的属性，但是定义全局变量和直
阅读全文
摘要：1. 定位 1.1 文档流 单个元素： 块级元素：内容宽度是其父元素的宽度的100％，并且与其内容一样高。 内联（行内）元素：高宽与他们的内容高宽一样。（所以不能为他们设置宽高） 元素之间的交互： 块级元素：在视口中垂直布局——每个都将显示在上一个元素下面的新行上。 内联元素：它们互相之间以及任何相
阅读全文
摘要：ECMAScript虽然是一种面向对象的语言，但是他没有类的概念。所以他的对象也与其他语言中的对象有所不同。 ECMA-262定义对象：一组没有特定顺序的值。 6.1 理解对象 创建对象的方法： 1. 最简单直接的方式——Object构造函数 var person = new Object(); p
阅读全文
摘要：1. 盒模型 1.1 内容区 content 默认情况下，width和height只包括内容区域的宽和高，不包括border、padding、margin使用box-sizing可以使其包含content、padding、border //width和height属性包括content、paddin
阅读全文
摘要：函数表达式 函数定义的两种方式： 函数声明（函数声明提升，非标准name属性可访问给函数指定的名字） 函数声明提升：执行代码前先读取函数声明 function functionName(arg0, arg1, arg2){ //函数体 } 函数表达式（name属性为空字符串，匿名函数） var fu
阅读全文
摘要：1. 背景 背景指的是元素内容、内边距和边界下层的区域(可用background-clip修改) background-color 背景色 background-image 背景图片（url） background-repeat 背景重复 repeat 在水平垂直方向上都平铺 repeat-x /
阅读全文
1
浙公网安备 33010602011771号