我们获取到了文本以后，如果直接就拿来分析依赖当然也可以，但是处理起来非常麻烦，效率也低下，尤其是文件内容复杂的时候。所以我们需要将文本转化为 js 可直接操作的对象 ast。 前面我们讲到了 babel，它可以将 js 源文件根据我们的需要做内容变更，比如将我们的 es6 编写的源文件转成 es5，其实就是将我们的源文件内容先转为 ast 再去实现后续变更的。它有一个专门负责转换的模块，叫做 baben/parser，前身是 babylon。
高阶函数就是那种输入参数里面有一个或者多个函数，输出也是函数的函数，这个在js里面主要是利用闭包实现的，最简单的就是经常看到的在一个函数内部输出另一个函数，比如
我们创建了add.js文件和minus.js文件,然后 在index.js中引入，再将index.js文件引入index.html。
接 Webpack 打包 commonjs 和 esmodule 模块的产物对比 继续，这篇文章来测试下 commonjs 模块和 esmodule 混用的情况，也就是 import 导入 commonjs 的模块，require 导入 esomodule 的模块，看一下它们在 Webpack 下的产物。
JavaScript 语言最初是为简单的表单操作而发明的，没有诸如模块或命名空间之类的内置功能。多年以来发明了大量的术语、模式、库、语法和工具来模块化 JavaScript。本文讨论了 JavaScript 中的所有主流模块系统、格式、库和工具，包括：
ES6引入了很多新的语言特性和能力，这篇文章仅快速地做一个概览。包括let、解构、箭头函数、模块化、Spread运算符 等。ES6还有很多更深入的内容，有时间再单独总结。大部分的ES6新特性，最新版的Chrome浏览器都原生支持，所以下面大多数代码不需要使用Babel转码器即可直接运行。但是模块化的import和export则暂未支持，只能通过Babel经过webpack等工具打包后使用。
在上一篇文章中JavaScript中AMD和ES6模块的导入导出对比，偏向于理论层面，还有一些同学在微信群里或是私下里针对一些问题进行了沟通，所以有了这一篇文章，对js的导入导出进行总结和实践
ES6我没有学完，毕竟JS我也才过了一遍基础，其实我也就跟着B站的Pink老师的视频学了一下CSS和JS，而且是跳跃式的学习，毕竟我不是前端，估计也不会以前端为职业。仅仅是为了兴趣，所以jQuery这等老爷爷级别的框架我就没学了，毕竟我不会维护老的项目。我学前端大概率就是从0-1搭建网站而已。
在上一节 《CommonJS：不是前端却革命了前端》中，我们聊到了 ES6 Module，它是 ES6 中对模块的规范，ES6 是 ECMAScript 6.0 的简称，泛指 JavaScript 语言的下一代标准，它的第一个版本 ES2015 已经在 2015 年 6 月正式发布，本文中提到的 ES6 包括 ES2015、ES2016、ES2017等等。在第一节的《Web：一路前行一路忘川》中也提到过，ES2015 从制定到发布历经了十几年，引入了很多的新特性以及新的机制，浏览器对 ES6 的支持进度远远赶不上前端开发小哥哥们使用 ES6 的热情，于是矛盾就日益显著……
布兰登·艾奇（Brendan Eich，1961 年～），10 天完成 JavaScript 设计。
这篇文章不涉及 Webpack 的原理，只是观察下 Webpack 对 commonjs 和 esmodule 模块打包后的产物，读完后会对模块系统有个更深的了解。
Next-generation ES module bundler官网定义此为下一代ES模块捆绑器。
效果图片: 效果 效果 效果 .wxml <view class='date'> <picker mode="date" value="{{date1}}" start="2018-01-01"
-多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机，连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
变量作为js中最常见也是我们最早接触的js知识点，相信大家都不陌生，变量几乎存在于所有的编程语言中，百度百科中对于变量的解释为 「变数或变量，是指没有固定的值，可以改变的数。变量以非数字的符号来表达，一般用拉丁字母。」 而JavaScript中的变量是松散类型（弱类型）的，所谓松散类型就是可以用来保存任何类型的数据，在声明变量时无需指定变量的类型。所以，当我们声明一个变量之后，可以存储任意类型的数据。
在一个项目当中，日志系统在项目中重要性在这里就不再累述，log4js是nodejs中的一个日志模块，通过设置其优先级别，可以打印出不同级别的日志，便于后续的系统分析。下面来介绍一下log4js的具体使用，这里介绍的版本为2.8.0。
Vite 的发布是不是意味着 webpack 的终结？当然不是， webpack 存在这么多年是解决了不少奇奇怪怪的问题而且也适合处理那些深度复杂的场景，这一点 Vite 肯定是还有些距离的，而且尤雨溪在前不久的直播中针对 Vite 做了解释，他说到 Vite 的设计初衷就是为了改善开发时的反馈速度，是改善体验而不是干掉 webpack 。
core-js[1]是JavaScript的模块化标准库，包括了ECMAScript到2021年的新api的向后兼容实现。它和babel高度集成，是babel解决新特性在浏览器中兼容问题的核心依赖。
本文介绍 JS 比较重要的12个概念，但绝对不是说 JS开发人员只需要知道这些就可以了。
那么我们需要精简一下。注意原来的App.js我改成App.jsx。因为 React 使用 JSX 来替代常规的 JavaScript，所以用JSX比较好。
首先，我们创建一个名为koa2的工程目录，然后使用VS Code打开。然后，我们创建app.js，输入以下代码：
在ES6以前，变量的声明都是使用var关键字，且会进行变量声明提升。另外，我们曾经讲过，JS中是没有块级作用域的，这一点也带来了很多的不便。ES6 新增了let和var两个关键字，用来声明变量。下面我们就来看看他们的用法。
前几天我们稍微尝试了一下Webpack提供的新能力Module Federation，它为我们代码共享跟团队协作提供了新的可能性。之前若是我们项目A跟项目B有一些共同的逻辑，那我们可能会选择把它抽成一个npm包，然后在两个项目间引入。但是这有个缺点是只要npm包更新，我们的项目就需要重新打包来引入公共逻辑的更新，哪怕项目里一行代码没改。
上一篇《前端科普系列（2）：Node.js 换个角度看世界》，我们聊了 Node.js 相关的东西，Node.js 能在诞生后火到如此一塌糊涂，离不开它成熟的模块化实现，Node.js 的模块化是在 CommonJS 规范的基础上实现的。那 CommonJS 又是什么呢？
minipack是一个小型的打包工具，作者ronami，用来解析打包工具的基本原理。代码中有相当多的注释，理解起来也非常容易。
随着元宇宙概念的火爆，3D 渲染相关的技术频繁被提及，而 Three.js 是基于 WebGL 的 api 封装的用于简化 3D 场景的开发的框架， 是入门 3D 的不错的抓手，今天我们就来入门下 Three.js。
修改wenpack.prod.conf.js(参考webpakc.dev.conf.js修改)
本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。
TypeScript 2.3 引入了一个新的--downlevelIteration标志，为以 ES3 和 ES5 目标添加了对 ES6 迭代协议的完全支持。for...of循环现在可以用正确的语义进行向下编译。
几乎编程语言都需要实现的功能是“变量存储数据”，不然这门编程语言在当今就真的没多大优势了。
JavaScript语言的更新，也伴随着 Babel 的成长， 对于一个前端而言，JavaScript 新的 API 自然很香，但代价就是我们要转译它，比较常用工具的就是 Babel 。
搭建一个简单的web服务器的步骤 1.生成如下目录 nodeLearn（文件夹） begining（文件夹） sever.js 2.打开 官网,复制官网-创建web服务器的示例代码到 sever.js 保存 const http = require('http'); const hostname = '127.0.0.1'; const port = 3000; const server = http.createServer((req, res) => { res.statusCode
数组是一组数据的集合，其中每个数据被称作数组的元素，在数组中可以存放任意数据类型的数据
在组件中使用$route会使之与其对应路由形成高度耦合，从而使组件只能在某些特定的URL上使用，限制了其灵活性
https://segmentfault.com/a/1190000038589634
ES标准中不包含 DOM 和 BOM的定义，只涵盖基本数据类型、关键字、语句、运算符、内建对象、内建函数等通用语法。
原文来自：ZHUIMEN，https://segmentfault.com/a/1190000038589634
大家好，我是零一，JavaScript即将推出两个新的数据类型：Record 和 Tuple ，这俩是啥呢？其实就是一个只读的 Object 和 Array，其实在其它语言中已经有类似的数据类型了，例如 Python 中也有 Tuple（元祖）这一类型，作用也是一个只读的数组（在Python里叫只读的列表），一起来了解一下
最近听了一首很好听的歌《一路生花》，于是就想用 Three.js 做个音乐频谱的可视化，最终效果是这样的：
JS 由于语言设计的缺陷（工期不够？），里面有一些堪称神奇的特性，初学者碰到后可能会满脸黑人问号，今天要介绍的就是其中的一个特性：声明提升（Hoisting）。
持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第1天，点击查看活动详情
这里我们可以看到， 第一行中的a虽然还没声明， 但是我们用起来却不会报错。这种情况， 就是变量声明的提升。
结构上属于编译器，由于输入JS源码，输出也是JS源码（所谓source to source），所以也称为transpiler（转译器）
一提起爬虫可能大家就会觉得很高大上，就会想起python.呵呵，我们今天偏偏就要颠覆大家的认知，用node不到100行代码擼一个简单的爬虫。天天python，我决定换下口味。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
