前端开发进阶
文章平均质量分 81
「已注销」
先求知,然后求思,再而求变,进而求行。
展开
-
前端进阶-深入了解对象
如何创建、访问和修改对象?JavaScript 函数为什么是一级函数?JavaScript 对传统类和继承的抽象?前端入门回顾数组数组是 JavaScript 中最有用的数据结构之一。在本质上,数组就是一个由方括号(即 [ ])括起来的有序元素集合。数组可以存储许多不同类型的数据,而不仅仅是字符串!const mixedArray = [0, "hello", true, ['ap...原创 2018-11-13 20:26:29 · 288 阅读 · 0 评论 -
前端进阶-运行时函数
一级函数函数是一级函数在 JavaScript 中,函数是一级函数。这意味着,就像对象一样,你可以像处理其他元素(如数字、字符串、数组等)一样来处理函数。JavaScript 函数可以:存储在变量中从一个函数返回作为参数传递给另一个函数注意,虽然我们可以将函数当作对象来处理,但是函数和对象之间的一个主要区别是,函数可以被调用(即使用 () 执行),而常规对象则不能。在很多方面,J...原创 2018-11-15 19:28:54 · 538 阅读 · 0 评论 -
前端进阶-类和对象
对象可以表示数据和功能。构造函数构造函数:结构和语法function SoftwareDeveloper() { this.favoriteLanguage = 'JavaScript';}首先,构造函数并不声明局部变量,而是使用 this 关键字来保存数据。以上函数将为所创建的任何对象添加一个 favoriteLanguage 属性,并为其分配一个默认值 'JavaScript'...原创 2018-11-16 19:20:23 · 1187 阅读 · 0 评论 -
原型继承:子类
当在任何对象上调用任何属性时,JavaScript 引擎将首先在该对象中查找该属性(即该对象自己的、非继承的属性)。如果没有找到该属性,JavaScript 将查看该对象的原型。如果在对象原型中仍然找不到该属性,则 JavaScript 将在原型链上继续搜索。JavaScript 中的继承重点就是建立原型链。如果只继承原型呢?假设我们希望一个 Child 对象从一个 Parent 对象继承。...原创 2018-11-16 20:24:36 · 377 阅读 · 0 评论 -
前端进阶-ES6函数
箭头函数将函数转换为箭头函数const upperizedNames = ['Farrin', 'Kagure', 'Asser'].map(function(name) { return name.toUpperCase();});将现有的"普通"函数转换为箭头函数只需几步:删掉关键字 function删掉圆括号删掉左右花括号删掉关键字 return删掉分号在参数列...原创 2018-11-23 14:46:23 · 436 阅读 · 0 评论 -
前端进阶-ES6内置功能
SymbolSymbol 简介Symbol 是 JS 原始数据类型列表中(numbers、strings、booleans、null、undefined)的最新补充。Symbol 是一个唯一标识符,常用于唯一标识对象中的属性。碗这个对象中有几个水果属性(水果也是对象),当有两个相同的水果在碗里时,会出现混乱,我们不知道什么时候拿哪一个,这就是问题。我们需要一种方式来唯一的标识这这些香蕉。...原创 2018-11-27 11:44:28 · 390 阅读 · 0 评论 -
前端进阶-编写测试代码
Sublime Text 快捷键GulpGulp 是基于 node.js 的一个前端自动化构建工具,开发这可以使用它构建自动化工作流程(前端集成开发环境)。 使用 gulp 你可以简化工作量,让你把重点放在功能的开发上,从而提高你的开发效率和工作质量。安装 Gulp在安装 gulp 之前,需要先安装 Node.js 和 NPM。我们可以通过访问 Nodes官网 并下载最新版的 NodeJS...原创 2018-12-04 18:52:28 · 1073 阅读 · 0 评论 -
前端进阶-样式
创建聚焦样式:focus 伪类,表示获得焦点的元素(如表单输入)。当用户点击或触摸元素或通过键盘的 “tab” 键选择它时会被触发。outline CSS 属性,设置一个或多个单独的轮廓属性的简写属性 , 例如 outline-style, outline-width 和 outline-color。 多数情况下,简写属性更加可取和便捷。:hover 伪类,可以创建复杂的层叠机制。触摸屏非...原创 2018-11-27 15:18:11 · 381 阅读 · 0 评论