优雅的博客

为什么说一般情况下，我们对于this，更喜欢先用一个变量定义，如 var that = this.   原因如下：     1 2 3 4 点击 window.onload = function(){ var btn = document.getElementsByTagName("button")[0]; btn.onclick = funct

完美适口： 移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域 就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域，但viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域要大，也可能比浏览器的可视区域要小。在默认情况下，一般来讲，移动设备上的viewport都是要大于浏览器可视区域的，这是因为考虑...

                                                                                         原始界面                展示界面                          非图片格式界面为了实现上图的功能，点击“请选择商品图片”，然后就能选择电脑里的图片并在方框里显示出来，如果不是图片格式，提...

浮动元素会生成一个块级框，而不论它本身是何种元素。如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。 注释：假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。 属性 解释 left 元素向左浮动 right 元素向右浮动 none 默认值，元素不浮动 inh...

正则表达式是由一个字符序列形成的搜索模式。可以是一个简单的字符，或一个更复杂的模式。 语法 /正则表达式主体/修饰符 修饰符为可选项修饰符i : 搜索不区分大小写g :执行全局匹配（查找所有的匹配项，非找到第一个匹配后停止）m :执行多行匹配正则表达式主体方括号（查找某个范围的字符） 表达式 描述...

Ecma 国际公布了第八版的 ECMAScript 语言规范 ECMAScript 2017(或 ES8)。ECMAScript 是标准化的 JavaScript 语言，1997 年发布了第一版，1998 年和 1999 年发布了第二和第三个版本，之后沉寂了许多年，直到 Ajax 流行起来后标准工作才再次起步，2009 年发布了第五个版本，自 2015 年起每年发布一个版本。ECMAScript ...

边框border-radius 圆角边框box-shadow 盒子阴影border-image 用图片做边框 Internet Explorer 9+ 支持 border-radius 和 box-shadow 属性。 IE11才支持border-image属性。 Firefox、Chrome 以及 Safari 支持所有新的边框属性。 注释：对于 border-ima...

由于JS编译器的作用，函数声明和变量声明都会被提升，但是一个值得注意的细节是函数会首先被提升，然后才是变量。 提升变量和函数声明从它们在代码中出现的位置被“移动”到了最上面，这叫变量的提升。分为两个部分，第一部分是将所有的变量声明和函数声明放在了代码的最上方，第二部分的代码运行到指定位置时再执行。变量的提升 ...

相关知识点1.javascript变量包含两种不同数据类型的值：基本类型和引用类型。基本类型值指的是简单的数据段，包括es6里面新增的一共是有6种，具体如下：number、string、boolean、null、undefined、symbol。引用类型值指那些可能由多个值构成的对象，只有一种如下：object。 在将一个值赋给变量时，解析器必须确定这个值是基本类型值还是引用类型值。...

利用 vue-cli 搭建的项目平台 利用stylus写的css样式 有 css-loader 依赖包x 下图是 webpack.base.conf.js 关于字体文件的配置 有人这里会有重复的字体文件的配置，删除一项即可出现的问题：引入字体图标出现问题1.报错将字体引入的相对路径改成绝对路径 相对路径 绝对路径 2.不报错，但是出现的字体图标是小方框...

简单类型，主要是2种参数传递方式，就是值传递和引用传递。复杂类型，实际上有3种传递方式，是值传递、引用复制传递和引用传递。值传递 在向参数传递基本类型的值时，被传递的值会被复制给一个局部变量。例子var count = 20;var result = addTen(count);alert(count); //结果：20alert(result);

filterfilter()方法：用于把Array中的某些元素过滤掉，然后返回剩下的元素filter()也接受一个函数，把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素。arr.filter(function(ele,index,arr){ });filter()接收的回调函数，其实可以有多个参数。通常我们仅使用第一个参数ele，表示

function animate(obj,json){ //timer是在主函数里面定义的控制定时器的变量 var timer=null clearInterval(obj.timer); obj.timer = setInterval(function(){ var flag = true;

display:inline           inline元素不会独占一行，多个相邻的行内元素会排列在同一行里，直到一行排列不下，才会新换一行，其宽度随元素的内容而变化。inline元素设置width,height属性无效。inline元素的margin和padding属性，水平方向的padding-left, padding-right, margin-left, margi

W3C对DOM（文档对象模型）的定义是：一个与系统平台和编程语言无关的接口，程序和脚本可以通过这个接口动态地访问和修改文档的内容、结构和样式。        W3C的出现是为了解决浏览器制造商之间的战争制定的新标准。简单的来说DOM是一种API，API就是一组得到有关各方共同认可的基本约定。在现实世界中，就像动物、植物都有都有他们的标准。W3C推出的标准化DOM，在独立性和使用范围等诸多方面，

基本概念事件： 事件是可以被 JavaScript 侦测到的行为，如onclick()。事件驱动：只有当事件发生时候才会调用回调函数，这种函数执行的方式叫做事件驱动。基于事件驱动的回调：通过事件驱动方式实现的回调叫做基于事件驱动的回调。如果和io有关就可以叫做基于异步回调的io。事件循环：Event loop有大量的异步操作完成时需要调用相应回调函数，需要一种机制来管理执行先后，这种机...

事件处理程序之间的处理，支持DOM Level 2 的浏览器的方法addEventListener()和早期IE的attachEvent()方法

ECMA-262定义了内部才用的特性是为了实现JavaScript引擎用的，因此在JS中不能直接访问它们。数据属性可以获取和设置值的属性 数据属性包含了一个数据值的位置，在这个位置可以读取和写入值。也就是说，数据属性可以通过 对象.属性 访问，就是我么平常接触的用户赋什么值，它们就返回什么，不会做额外的事情。数据属性有4个描述其行为的特性（为了表示内部值，把属性放在两对方括号中），

JavaScript中的闭包，无非就是变量解析的过程。闭包的相关定义1.什么是闭包闭包是值能够读取其他函数内部变量的函数。也就是连接函数内部和函数外部的桥梁。2.闭包有什么用处 ①.读取函数变量 ②.让这些变量的值始终存在内存中。由于闭包会携带包含它的函数的作用域，因此会比其他函数占用更多的内存。过度使用闭包可能会导致内存占用过多，因此要慎重使用

mapmap() 方法：原数组中的每个元素调用一个指定方法后，返回返回值组成的新数组。arr.map(function)例子： 有一个数组x=[1, 2, 3, 4, 5, 6, 7, 8, 9],求x^2function pow(x){ //定义一个平方函数 return x*x;}var arr=[1,2,3,4,5,6,7,8,9];var r

作用域引擎从头到尾负责整个JavaScript程序的编译及执行过程编译器负责语法分析及代码生成（拆分语法）作用域负责收集并维护由所声明的标识符（变量）组成的一系列查询，并实施一套严格的规则，确定当前执行的代码对这些标识符的访问权限使用步骤变量的赋值操作会执行两个动作：首先编译器会在当前作用域中声明一个变量（如果之前没有声明过，会声明；如果有会忽略这个声明）运行时，引擎会在...