这是笔者读完的《ES6标准入门》的总结,可称为《ES6标准入门的入门》,总结的知识点都比较通俗易懂,可为想大概了解ES6但没有时间阅读全书的人做一个参考。1.let 和 const暂时性死区 (Temporal Dead Zone)let和const命令声明的变量无变量提升,且都会被锁定在声明的代码块中,在let和const命令执行前,使用该变量都将报错,这一部分称为“暂时性死区”。var
编程风格块级作用域字符串解构赋值对象数组函数Map结构Class模块ESLint的使用 本章探讨如何将ES6的新语法,运用到编码实践之中,与传统的JavaScript语法结合在一起,写出合理的、易于阅读和维护的代码。多家公司和组织已经公开了它们的风格规范,具体可参阅jscs.info,下面的内容主要参考了Airbnb的JavaScript风格规范。块级作用域 § ⇧ (1)let 取代 varE
转载 2023-12-27 09:02:20
47阅读
1、ES6简介Node.js 是 JavaScript 的服务器运行环境(runtime)。它对 ES6 的支持度更高。除了那些默认打开的功能,还有一些语法功能已经实现了,但是默认没有打开。Babel 是一个广泛使用的 ES6 转码器,可以将 ES6 代码转为 ES5 代码,从而在老版本的浏览器执行。@babel/register模块改写require命令,为它加上一个钩子。此后,每当使
前言这篇文章主要是探究 Promise 的实现原理,对于使用方法,这里不做过多概述,如果还有对 Promise 使用方式不太了解的,Promise 是什么,为什么会出现 Promise?抽象表达: Promise 是一门新的技术(ES6规范)Promise 是js 中进行异步变成的新解决方案,在没有 Promise 之前,旧方案是单纯使用回调函数具体表达: 从语法上来说: promis
不得不爱过渡(CSS3)案例过渡(CSS3)过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画: 是从一个状态 渐渐的过渡到另外一个状态帧动画:通过一帧一帧的画面按照固定顺序和速度播放。
原创 2020-07-15 10:21:01
2202阅读
写在开头:此 Webpack 教程是老师在 Webpack 1.x 的版本上做的。现在 Webpack 的版本已经改动较大,建议有基础的同学,就直接上官网看最新的就好了。这个教程可以用来了解下 Webpack 的前世今生。仓库地址: https://github.com/userkang/webpack-demos-cn开始这个项目是一些简单的 Webpack 示例集合这些示例特意用简单明了的方
转载 2023-11-05 08:23:35
273阅读
好文!对深入理解字符存储方式非常有用!作者: 日期: 2007年10月28日今天中午,我突然想搞清楚Unicode和UTF-8之间的关系,于是就开始在网上查资料。结果,这个问题比我想象的复杂,从午饭后一直看到晚上9点,才算初步搞清楚。下面就是我的笔记,主要用来整理自己的思路。但是,我尽量试图写得通俗易懂,希望能对其他朋友有用。毕竟,字符编码是计算机技术的基石,想要熟练使用
转载 2023-07-31 18:28:59
187阅读
前言ES6的出现是为了提高 javascript 的严谨性,安全性等方面,它代表着js的发展方向。网站开发的人员,无论前后端都必须熟稔 ES6 语法规范。带着问题看书1. ES6 新增的关键词 let 和 var 区别?a. 使用let声明的变量,只在它所在的代码块内有效。即如果使用let,声明的变量仅在块级作用域内有效。 b. var命令会发生”变量提升“现象,即变量可以在声明之前使用,值为
转载 2024-03-12 17:47:24
78阅读
# Python 3的精彩编程之旅 Python 是一种高层次的编程语言,由于其简单易读的语法和强大的库支持,近年来迅速流行。在各个科技和数据科学领域,它都扮演着越来越重要的角色。本文将通过的视角,探索Python 3的基本知识、应用和一些示例代码。 ## Python 3 的基础知识 Python 3 是 Python 语言的最新的主要版本,它自 2008 年发布以来就成为了
原创 11月前
116阅读
开始学习一、资源整理资源与概念:PDF: <Vue前端开发 快速开发与专业应用>组件化、数据绑定。 MVVM模型:MVC,MVP 和 MVVM 的图示 作者:  基础教程:vue教程_2019年vue视频教程 7小时学会Vue+Vuex+MintUi+ElementUi入门实战视频教程(30讲) 官网安装:https://cn.v
转载 2024-05-21 06:47:46
63阅读
Promise的使用和踩坑(本文部分内容直接引用了老师的《ES6入门》)1.Promise的基本使用①什么是PromisePromise是异步编程的一种解决方案,他能避免回调函数的层层嵌套,带来的难以阅读和维护等问题,例如下面的回调地狱:setTimeout(() => { console.log(1) setTimeout(() => { con
AbstractGenetator函数Generator函数是ES6提供的一种异步编程解决方案,其语法行为完全不同于传统函数。语法两大特征 function 关键字与函数名之间的 * 函数体内部使用 yield 语句我们定义一个generatorFunction示例:function* firstGenerator() { var one = yield 'one'; consol
转载 2024-05-29 16:48:52
57阅读
作者: 1、以前,网页开发有一个原则,叫做“关注点分离”(separation of concerns)。它的意思是,各种技术只负责自己的领域,不要混合在一起,形成耦合。对于网页开发来说,主要是三种技术分离。HTML 语言:负责网页的结构,又称语义层CSS 语言:负责网页的样式,又称视觉层JavaScript 语言:负责网页的逻辑和交互,又称逻辑层或交互层简单说,就是一句话,不要写”行内样式
转载 2024-06-03 07:30:55
91阅读
  最近因开始学ReactJS,发现ReactJS跟webpack这个模块化打包工具绝配,又开始找webpack的资料学。。。。。。在本尊千辛万苦的看了众多资料下,还是感觉大神写的这个demo简单明了,深入浅出,很适合新手学习,但是因为资料是全英文写的,自己在学习的过程中就顺当翻译了下,以下为原文地址链接 : https://github.com/ruanyf/webpack-demos#dem
转载 2023-08-03 23:15:20
293阅读
CSS3过渡效果(CSS3)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">\
原创 2022-10-20 10:05:50
2155阅读
CSS3动画序列(CSS3)<!DOCTYPE html><html lang="en"><head> <meta charset="UT\
原创 2022-10-20 10:05:58
5124阅读
flex布局,父元素加上如下代码即可: display: flex; justify-content: center; align-items :center;Flex布局将成为未来布局的首选方案。  Flex 是 Flexible Box 的缩写,意为“弹性布局”,用来为盒装模型提高最大的灵活性。任何一个容器都可以指定为 Flex 布局,需要设置 display: flex;
下图是ThoughtBot的Git使用规范流程。 第一步:新建分支 首先,每次开发新功能,都应该新建一个单独的分支(Git分支管理策略)。# 获取主干最新代码 $ git checkout master $ git pull # 新建一个开发分支myfeature $ git checkout -b myfeature第二步:提交分支commit 分支修改后,就可以提交commit了。$ gi
转载 2023-10-09 22:32:46
593阅读
概念promise就是一个容器,里面保存着未来才会结束的事件的结果。(通常为异步操作的结果)promise是一个对象,可以获取异步操作的消息。promise对象是一个构造函数,用来生成promise实例。特点promise对象的状态不受外界影响。三种状态: pending(进行中),fulfilled(已成功),rejected(已失败)。只有异步操作的结果能决定当前状态。其他操作都无法改变状态。
转载 2023-08-28 18:56:04
99阅读
文章目录ES6 入门教程1 ECMAScript 6 简介1.1 ECMAScript 和 JavaScript 的关系1.2 ES6 与 ECMAScript 2015 的关系1.3 语法提案的批准流程1.4 ECMAScript 的历史1.5 Babel 转码器1.5.1 安装Babel1.5.2 配置文件.babelrc1.5.3 命令行转码1.5.4 babel-node1.5.5 @b
  • 1
  • 2
  • 3
  • 4
  • 5