ECMAScript

【参考】 零基础 Vue 开发环境搭建 打开运行Vue项目 IDEA版本： IntelliJ IDEA 2017.2 Windows 7 X64 IntelliJ IDEA下载地址： https://www.jetbrains.com/idea/download/#section=windows IntelliJ IDEA 是 Java 开发利器，用社区版不爽，干催就用旗舰版，这个是收费的，需要licence。 如果你资金充足， 请自行购买收费版的Idea：https://www.jetbrains.com/idea/buy。 一、安装Vue.js插件 1.打开IntellIJ IDEA的File->Settings->Plugins 窗口, 点击 Browse repositories... 在Plugins查询框输入vue。 2.选中查询结果列点的Vue.js,击右边的安装按钮【Install】。 3.安装完成后出现【Restart IntelliJ IDEA】 按钮 点击重启IDEA 二、配置支持.vue后缀文件 　　 1.打开IntellIJ IDEA的File->Settings->Editor->File Types 窗口, 在右侧上部文件列表找到并选中HTML , 点击右侧下部列表的绿色+号 输入 *.vue , 点击Apply或OK。 三、配置支持

前言 我一直秉持这样的观点：从某种角度来看，人类一直生存在一个充满错误的世界里面。错误的环境污染，错误的城市设计（地下排污系统，道路设计），错误的功利社会，错误的攀比之风，错误的意识，错误的态度，错误的行动......总之，是人就会犯错，这个世界错误无处不在。这是一个基本事实。 把上面的观点套用在软件编程领域也是一样的。同样，在软件编程的世界里面，充满着各种错误。有些错误是外部环境造成的，有些错误是因为自己的疏忽而造成的。有一点跟现实世界不一样的是，我们开发者并害怕在软件世界里面犯错，准确来说，是不害怕犯小错误。因为我们总是能把这样的错误在运行时转移给用户，自己眼不见心不烦。显然，这种态度和做法是不专业的。在软件工程里面，保证软件的健壮性是其中的一个主题。所以说能够妥善地处理前端错误，是前端开发者软件工程水平的体现。我记得，我的一个后端开发的朋友曾跟我说：“sam，你们前端开发的都不处理异常的吗？这你们也太不专业了吧”。是啊，相比服务端应用对错误/异常处理的重视程度，前端应用肯定还远远没有到那个份上。所以，为了体现我们作为软件工程师的专业性，我们必须把前端错误/异常处理重视起来，并妥善处理好。 延续中文翻译界的说法，我后面都会在“错误”和“异常”两种措辞中切换，而这种表述都是同一个意思。 处理好前端异常，不单能体现我们作为软件工程师的专业性，更是为了能对接前端监控系统

计算机程序的运行需要对值进行操作，在编程语言中值的类型被称作数据类型，编程语言最基本的特性就是能够支持多种数据类型。当程序需要将值保存起来以备将来使用时，便将其赋值给一个变量。变量是一个值的符号名称，可以通过该名称来获得对值的引用。 JavaScript中除了数字、字符串、布尔值、null和undefined之外就是对象了，对象是属性的集合，每个属性都由“键：值”构成。 1、数字 和其它编程语言不同，JavaScript不区分整数值和浮点数值。JavaScript中的所有数字均用浮点数值表示。JavaScript采用IEEE754标准定义的64位浮点格式表示数字，这意味着它能表示的最大值是±1.7976931348623157x10的308次幂，最小值是±5x10的-324次幂。 整数能表示的范围是-9007199254740992-9007199254740992（-2的53次幂到2的53次幂），包含边界值，如果使用了超过此范围的整数，则无法保证低位数的精度。但需要注意的是数组的索引是基于32位的整数。 当一个数字直接出现在JavaScript程序中，称之为数字直接量，JavaScript支持多种格式的数字直接量，注意在任何数字直接量前添加符号（-）可以得到他们的负值。但负号是一元求反运算符，并不是数字直接量语法的组成部分。 1.1整形直接量 除了十进制的整形直接量

this .$nextTick(() => { window.scrollTop（x, y） }); 这是使用方法但却无效！ 后来发现是HTML对象的问题： 改为： this.$nextTick(() => { document.body.scrollTop（x, y） }); 原因分析： html、body、document、window的区别 html是一门超文本标记语言； document对象代表整个html文档,可用来访问页面中的所有元素； body代表document的主体子对象，除浏览器头部，页面中能够看到的内容都属于body中的内容； window代表浏览器中打开的窗口，代表运行环境。 在javascript中： window对象是一个虚拟的对象，浏览器在打开HTML文档时生成window对象，可以把它看作是你所使用的浏览器的窗口，其地位很高，因为它是浏览器脚本引擎中的globalobject。可以用window对象访问窗口中绘制的文档、窗口中发生的事件和影响窗口的浏览器特性。如果文档定义一组帧，则浏览器对原文档生成一个window对象，并对每个帧生成window对象。（ 关于globalobject，可以从javascript脚本引擎的概念中了解到。） BOM的核心对象是window，它表示一个实例。在浏览器中，window对象有双重角色

在阅读jQuery源码的时候，发现jQuery用到的是'use strict'严格模式。因此就去查阅了一些资料来补充自己对严格模式的认识。下面是参考【javascript高级程序设计(第三版)】的内容。 1.严格模式（strict mode） 1.1 什么是严格模式 ‘严格模式’最早引入是ECMAScript5。通过严格模式，可以在函数内部选择进行较为严格的全局或局部的错误条件检测。 ❝ 【补充】ECMAScript各版本的划分，推荐： 阮一峰老师中ECMAScript的历史介绍 ❞ 1.2 使用严格模式的好处 可以提早知道代码中存在的错误，及早捕获一些可能导致编程错误的ECMAScript行为。 1.3 支持严格模式的浏览器 理解严格模式的规则非常重要，支持严格模式的浏览器有 IE 10+ Firefox 4+ Safari 5.1+ Chrome 2. 如何使用严格模式 当我们想要让自己编写的代码处在严格模式的时候，可以使用严格模式的编译指示（pragma）,也就是一个不会赋给任何变量的字符串： 'use strict' 。 「 这就话需要放在想要处于严格模式的首句。 」 这种语法可以向后兼容那些不支持严格模式的javascript引擎。 支持严格模式的引擎会启动这种模式 不支持该模式的引擎就当遇到一个未赋值的字符串字面量，会忽略这个编译指示

1.我们先看一下这个经典题目 从代码量上看是非常的简洁，但是知识点可是一点都不少，下面我就这道题做一个简单的解析本人水平有限，仅供各位掘友参考，如有错误，欢迎大家给我指正 let arr = [1, 2, 3, 4]; arr = arr.map(parseInt); console.log(arr);//=> 1,NAN,NAN,NAN 复制代码 2.解题前置知识了解 我第一次看到答案的时候也是一脸懵逼，冥思苦想而不得其解，后来经过多方查找资料才得以理解，首先我们需要了解一些前置知识，才能理解这一道题目的重点 2.1数组中的map函数理解 map是数组原型上的一个方法 //所有的数组实例都可以调用它 Array.prototype.map === [].map; 复制代码 map函数语法 /* *params: * callback生成新数组元素的函数，使用三个参数： * currentValue：callback 中正在处理的当前元素。 * index：callback 数组中正在处理的当前元素的索引。(可选) * array: map 方法调用的数组。（可选） * return 返回值是回调函数的结果组成了新数组的每一个元素 */ var new_array = arr.map( function callback(currentValue, index, array) {

JavaScript 基础入门 　 JavaScript 的组成 　　　　 JS 由三部分组成，它们分别是：ECMAScript、DOM、BOM. 　　　　 ECMAScript 　　　　 因为网景开发了JavaScript，一年后微软又模仿JavaScript开发了JScript，为了让JavaScript成为全球标准，几个公司联合ECMA（European Computer Manufacturers Association）组织定制了JavaScript语言的标准，被称为ECMAScript标准。 　　　　 DOM 　　　　 文档对象模型（Document Object Model）。DOM把整个页面映射成一个多层节点结构。HTML 页面组成都是某种类型的节点，这些及节点又包含着不同类型的数据。 　　　　 BOM 　　　　 浏览器对象模型（Browser Object Model）。可以访问浏览器窗口的 BOM，对浏览器窗口进行操作。 　　　　 ECMAScript、DOM、BOM 之间的关系 　　　　 ECMAScript 是用来操作平台或者运行平台上页面的工具， 它构成了 JS 核心的语法基础。 　　　　　 DOM 是运行在平台上的页面， 用来操作网页中的元素。 　　　　　 BOM 是运行平台，BOM 的规则(语法)是建立在 ECMAScript 的规则之上，

写在最前面 3.8 添加了几个有趣的特性，对 ECMAScript 的模块部分做了优化， # 私有字段的使用来替代不太严格的 private 等。 1、类型限制的导入导出方法 (Type-Only Imports and Export) TypeScript 3.8为仅类型导入和导出添加了新语法。 import type { SomeThing } from "./some-module.js" ; export type { SomeThing }; 复制代码 大家可以在 playground 上试一试，这样导入和导出，ts 是不会解析，这个特性不常用，如果你子配置如下问题的时候可能遇到 如果您在-- isolatedModulesTypeScript 的 transpileModuleAPI 或 Babel 下遇到问题，则此功能可能是相关的。 使用这样的导入的新类型也是不支持扩展等方法的 import type { Component } from "react" ; interface ButtonProps { // ... } class Button extends Component<ButtonProps> { // ~~~~~~~~~ // error! 'Component' only refers to a type, but is being used as

JavaScript: 概念 :一门客户端脚本语言 运行在客户端浏览器中的,每一个浏览器都有一个JavaScript的解析引擎 脚本语言:不需要编译,直接就可以被浏览器解析执行了 功能: 可以用来增强用户和html页面的交互过程,用来控制html元素,让页面有一些动态效果,增强用户的体验 JavaScrpit=ECMAScript+JavaScript(BOM+DOM); ECMAScript:客户端脚本语言的标准 基本语法: 与html结合方式 内部js: 定于<script>,标签体内容就是js代码 外部js: 定义<script>,可以通过src属性引用外部的js文件 注意: <script>可以定义在html页面的任何地方,但是定义的位置会影响执行顺序 <script>可以定义多个 注释: 单行注释://注释内容 多行注释:/ 注释内容 / 数据类型 原始数据类型 number:数字.整数/小数/NaN(not a number 一个不是数字的数字类型) string:字符串."abc" "a" 'abc'' boolean:true/false null:一个对象为空的占位符 undefined:未定义.如果一个变量没有给初始值,则会被默认赋值为underfined 引用数据类型:对象; 变量 变量:一小块储存数据的内存空间 Java语言是强类型语言

ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 ECMAScript 和 JavaScript 的关系 一个常见的问题是，ECMAScript 和 JavaScript 到底是什么关系？ 要讲清楚这个问题，需要回顾历史。1996 年 11 月，JavaScript 的创造者 Netscape 公司，决定将 JavaScript 提交给标准化组织 ECMA，希望这种语言能够成为国际标准。次年，ECMA 发布 262 号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为 ECMAScript，这个版本就是 1.0 版。 该标准从一开始就是针对 JavaScript 语言制定的，但是之所以不叫 JavaScript，有两个原因。一是商标，Java 是 Sun 公司的商标，根据授权协议，只有 Netscape 公司可以合法地使用 JavaScript 这个名字，且 JavaScript 本身也已经被 Netscape 公司注册为商标。二是想体现这门语言的制定者是 ECMA，不是 Netscape，这样有利于保证这门语言的开放性和中立性。 因此，ECMAScript 和