而开发 团队里的前端 全能型人才/全栈神话 前端面试 前端开发职位公示 前端开发薪资 前端开发者是如何诞生的 第二部分：学习前端开发 自学 关于互联网／WEB 学习 Web 浏览器 学习域名系统（又叫 DNS） 学习 HTTP/Networks（包括 CORS 和 WebSockets） 学习网页寄存（通称虚拟主机） 学习前端开发 学习用户界面／交互设计 学习 HTML 1.37 1.6.1.38 1.6.2 1.6.2.1 1.6.3 1.6.4 1.7 1.7.1 1.7.2 1.7.3 1.7.4 学习可访问性相关知识 学习 web／浏览器 API 学习 JSON (JavaScript 对象表示法) 学习 JS 模板 学习静态网页生成器 通过JS学习计算机科学 学习前端应用架构 学习数据（例如，JSON）API 的设计 学习 Node.js 学习 JS 模块系统 学习模块加载和打包工具 学习包管理工具 学习版本控制 学习构建及任务自动化技术 学习网站性能优化 学习测试 学习无头浏览器 学习离线开发 学习网络／浏览器／应用的安全 多平台开发学习 导向学习 前端课程 前端开发学习的起点 前端资讯、新闻站和播客 第三部分：前端开发工具 Doc/API 浏览工具 SEO 工具 原型设计和线框图工具

6 箭头函数 3.7 generator 4 标准对象 4.1 Date 4.2 RegExp 4.3 JSON 5 面向对象编程 5.1 创建对象 5.2 原型继承 6 浏览器 6.1 浏览器对象 6.2 操作DOM 6.2.1 更新DOM 6.2.2 插入DOM - 2 - 本文档使用 书栈(BookStack.CN) 构建 6.2.3 删除DOM 6.3 操作表单 由JavaScript驱动的。 简单地说，JavaScript是一种运行在浏览器中的解释型的编程语言。 那么问题来了，为什么我们要学JavaScript？尤其是当你已经掌握了某些其他编程语言如Java、 C++的情况下。 简单粗暴的回答就是：因为你没有选择。在Web世界里，只有JavaScript能跨平台、跨浏览器驱动网 页，与用户交互。 Flash背后的ActionScript曾经流 书栈(BookStack.CN) 构建 1 JavaScript简介 要了解JavaScript，我们首先要回顾一下JavaScript的诞生。 在上个世纪的1995年，当时的网景公司正凭借其Navigator浏览器成为Web时代开启时最著名的第一 代互联网公司。 由于网景公司希望能在静态HTML页面上添加一些动态效果，于是叫Brendan Eich这哥们在两周之内 设计出了JavaScript语言。你没看错，这哥们只用了10天时间。

document.write("Hello EcmaScript!"); // 向浏览器输出字符串"Hello EcmaScript!" 22 15 天学会 JavaScript（视频教学版） 2. ECMAScript 代码多行注释 多行注释以“/*”开头、并以“*/”结束，例如： /* * 向浏览器输出字符串"Hello EcmaScript!" */ document 行代码中定义的，表达式运算的结果则会保存在变量“s”中； 第 05 行代码通过 console.log()函数向浏览器控制台输出调试信息（表达式变量“s”的运 算结果）。 运行测试【代码 2-1】所指定的 HTML 页面，并使用浏览器控制台查看调试信息，页面效 果如图 2.1 所示。在浏览器控制台中输出了【代码 2-1】中第 05 行 JS 代码所定义的调试信息。 图 2.1 ECMAScript s），并进行了初始化 赋值操作。注意，ECMAScript 语法规定可以在一行内定义多个变量，并允许初始化操作，数 据类型也可以不同； 第 03～04 行代码分别通过 console.log()函数向浏览器控制台输出调试信息（变量初始化的 数据内容）； 第 05 行代码通过表达式将变量“s”的数据内容赋给了变量“i”。注意这里的数据类型是 不一致的，如果是变量强类型的编程语言（C 语言和 Java

2.1.3 安装 Git...............................6 2.1.4 安装编辑器..........................7 2.1.5 安装浏览器..........................7 2.2 创建并准备项目.........................8 2.2.1 创建项目................. .................740 第 1 章 ■ ■ ■ 准 备 工 作 Angular 将服务器端开发领域的一些最佳实践用于增强浏览器 HTML，为更加简单方 便地构建富应用程序(rich application)打下了良好的基础。Angular 应用程序围绕模型-视图- 控制器(Model-View-Controller，MV 应用程序易于调试和修复，这意味着长期维护工作得以简化。 ● 可测试：Angular 对单元测试和端到端测试的支持都非常好，这意味着可以先于用 户发现并修复缺陷。 ● 兼容标准：Angular 建立在 Web 浏览器的固有功能上，但是能够实现的功能并未 受到这些固有功能的限制，从而能够创建可兼容标准的 Web 应用程序，并且能够 利用最新功能(如 HTML5 API)和流行的工具与框架。 Angular 是由

交换量，节约大量时间。 1 JavaScript 简史 JavaScript 简史 3 Netscape Navigator 2, 1995 人类首个支持 JavaScript 和 gif 动图的浏览器 VCG JavaScript 2020/4/28 4 1. JavaScript 简史 发展过程 1995：LiveScript/JavaScript 始于网景 网景通信公司（Netscape）开发 作为标准 浏览器开发商开始致力于将 ECMAScript 作为各自 JavaScript 实现基础。 JavaScript 简史 4 VCG JavaScript 2020/4/28 5 2. JavaScript 和脚本语言 JavaScript 一种高级的，面向对象的脚本语言。 JavaScript 代码可直接嵌入 HTML 文件或使用外部文件，随网页一起传送到客户端浏览器，然 后通过浏览器的解释器来解释执行。 后通过浏览器的解释器来解释执行。 JavaScript 不支持 I/O（如网络、存储和图形），但可以由宿主环境（如浏览器）提供支持。 脚本语言（Scripting language） 是为了缩短传统的“编写、编译、链接、运行”（edit-compile-link-run）过程而创建的计算 机编程语言。 可直接用任何的文本编辑器开发完成。是一种不必事先编译，只要利用适当的解释器 (I

考书，应该简明易懂，一目了然，告诉我有哪些注意点，提供代码范 例。如果涉及重要概念，还应该适当讲解。可是大多数时候，现实都不 是如此。找到的资料冗长难懂，抓不住重点，有时还很陈旧，跟不上语 言标准和浏览器的快速发展，且大多数是英文资料。 学习过程中，我做了很多 JavaScript 笔记。多年累积，数量相当庞 大。遇到问题，我首先查自己的笔记，如果笔记里没有，再到网上查， 最后回过头把笔记补全 JavaScript 语言？ 为什么学习 JavaScript？ 操控浏览器的能力 广泛的使用领域 易学性 强大的性能 开放性 社区支持和就业机会 实验环境 JavaScript 是一种轻量级的脚本语言。所谓“脚本语言”（script language），指的是它不具备开发操作系统的能力，而是只用来编写 控制其他大型应用程序（比如浏览器）的“脚本”。 JavaScript 也是一种嵌入式（embedded）语言。它本身提供的核 （host）提供，所以 JavaScript 只合适嵌入更大型的应用程序环 境，去调用宿主环境提供的底层 API。 目前，已经嵌入 JavaScript 的宿主环境有多种，最常见的环境就是 浏览器，另外还有服务器环境，也就是 Node 项目。 导论 什么是 JavaScript 语言？ 导论 - 9 - 本文档使用 书栈(BookStack.CN) 构建 从语法角度看，JavaScript

的 headers 的下载地址 —arch=x64 设置了该模块为适配64位操作系统而编译 使用 Node 原生模块 - 19 - 本文档使用 书栈(BookStack.CN) 构建 浏览器窗口的开发工具仅能调试渲染器的进程脚本（比如 web 页面）。为了提供一个可以调试主进程的方法， Electron 提供了 —debug 和 —debug-brk 开关。 使用如下的命令行开关来调试 主进程调试 - 21 - 本文档使用 书栈(BookStack.CN) 构建 引自ChromeDriver - WebDriver for Chrome: WebDriver 是一款开源的支持多浏览器的自动化测试工具。它提供了操作网页、用户输入、JavaScript 执行等能力。ChromeDriver 是一个实现了 WebDriver 与 Chromium 联接协议的独立服务。它也是由开发了 WebDriver 的团队开发的。 为了能够使 chromedriver 和 Electron 一起正常工作，我们需要告诉它 Electron 在哪，并且让它相信 Electron 就是 Chrome 浏览器。 WebDriverJs 是一个可以配合 WebDriver 做测试的 node 模块，我们会用它来做个演示。 首先，你要下载 chromedriver ，然后运行以下命令： 1. $

JavaScript极速入门 —— 内核与引擎 主讲人与课程设计：耕耕 浏览器内核 主流浏览器内核 JavaScript 引擎 主流浏览器JavaScript 引擎 浏览器内核与JavaScript 引擎关系 最初内核的概念包括渲染引擎与JS引擎，目前习惯直接称渲染引擎为内核，JS引擎独立。 浏览器内核 渲染引擎 JavaScript引擎 最初状态 浏览器内核 渲染引擎 JavaScript引擎 目前状态 渲染引擎：Rendering Engine，一般习惯将之称为“浏览器内核”，主要功能是解析HTML/CSS进 行渲染页面，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。 JavaScript 引擎：专门处理JavaScript脚本的虚拟机、解释器，用来解释执行js代码。在早期内 核也是包含js引擎的，而现在js引擎越来独立了，可以把它单独提出来。 总结：渲染引擎（浏览器内核）处理html/css，JavaS cript引擎处理JavaScript代码，有js引擎的 地方就能解析js代码 浏览器 渲染引擎（内核） 解析html/css JavaScript引擎 解析JavaScript代码 JavaScript和java什么关系 JavaScript 在刚诞生的时候，它的名字叫 “LiveScript”。但是因为当时 Java 很流行，所以决定将一种新语 言定位为 Java 的“弟弟”会有助于它的流行。

每个版本的详细发行说明可在 GitHub (opens new window) 上找到。 当前是 Beta 版——Vuex 和 Router 的集成仍然是 WIP 在使用 Vue 时，我们推荐在你的浏览器上安装 Vue Devtools (opens new window)，它允许 你在一个更友好的界面中审查和调试 Vue 应用。 获取 Chrome Extension (opens new npm 包的 dist/ 目录 (opens new window)你将会找到很多不同的 Vue.js 构建版本。这 里列出了它们之间的差别： 若要通过浏览器中的