通过npm run 可以运行 package.json 中脚本，Npm 命令不能提供立即运行多个脚本的方式，同时运行需要打开多个终端窗口
通过npm run <commander> 可以运行 package.json 中脚本，Npm 命令不能提供立即运行多个脚本的方式，同时运行需要打开多个终端窗口
js本身的问题： 不具有模块化的语法规则，在语言层面没有命名空间。 JavaScript 编程过程中很多时候，我们都在修改变量，在一个复杂的项目开发过程中，如何管理函数和变量作用域，显得尤为重要。
1.最常见的块单位是函数。从现在到将来的“等待”，最简单的方法（但绝不是唯一的，甚至也不是最好的）是使用一个通常称为回调函数的函数
requireJS（http://www.requirejs.cn/）是一个JavaScript模块加载器。它非常适合在浏览器中使用，使用RequireJS加载模块化脚本将提高代码的加载速度和质量。
javascript是一门单线程语言，所谓”单线程“，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务。如果一个任务耗时过长，那么后面的任务就必须一直等待下去，会拖延整个程序。
传统上，加载Javascript文件都是使用<script>标签。 就像下面这样： <script type="text/javascript" src="example.js"></scrip
<script>标签很方便，只要加入网页，浏览器就会读取并运行。但是，它存在一些严重的缺陷。
单线程是指，js在执行的时候，都只有一个线程来处理所有任务。这个线程就是js的主线程。
可以看到，最简单的方法，就是将html，js，css放到不同的文件，然后通过src或者href引入。这里我们先不关注css，主要来看js。
AMD（常用在浏览器端，异步的，如requirejs）（Asynchronous Module Definition）
当HTML解析器解析HTML，如果遇到script标签，普通的script标签会暂停对DOM解析渲染，因为该脚本可能会修改DOM。
当HTML解析器解析HTML，如果遇到script标签，普通的script标签会暂停对DOM解析渲染，因为该脚本可能会修改DOM。 这里有三种情况：普通脚步、defer、async。 ==defer、async只对外联script脚本文件有效, 内联script脚本设置无效。\==
因为计算机读取的时候是从低电位进行读取，计算的时候也是从低位进行计算（人类也是这样）这样的效率一般会比较高。
大家好！我希望你一切都好。本文将探讨一个有趣的 Javascript 主题。async和defer是在 HTML 文档中包含外部 JavaScript 文件时使用的属性。它们影响浏览器加载和执行脚本的方式。让我们详细了解一下它们。
webpack的loader配置应该谁都会，讲道理，我们会使用loader，会配置loader就够了。今天只是了解loader的基本概念和基本的运行原理，了解了就能自己写一个loader了，至于手写一些复杂的loader目前就算了。
异步：现在与将来 分块的程序 可以把JavaScript 程序写在单独的js 文件中，这个程序是由多个块组成的，这些块 中只有一个是现在执行，其余在捡来执行，最常见的块单位是函数。 例如： function now() { return 21; } function later() { answer = answer * 2; console.log("Meanin
首先是外部脚本和行内脚本，对于异步加载的脚本，会导致竞争状态，使得出现未定义的错。
Webpack 已经流行好久了，但很多同学使用 webpack 时还是一头雾水，一下看到那么多文档、各种配置、各种 loader、plugin 立马就晕头转向了。我也不例外，以至于很长一段时间对webpack都是一知半解的状态。但是想要继续做好前端，webpack 是必须得跨过的一道坎，其实掌握 webpack 并不难，只是我们没有找到正确的方法。本文就是我自己在学习 webpack 时的一点心得体会，供大家参考。
Webpack已经流行好久了，但很多同学使用webpack时还是一头雾水，一下看到那么多文档、各种配置、各种loader、plugin立马就晕头转向了。我也不例外，以至于很长一段时间对webpack都是一知半解的状态。但是想要继续做好前端，webpack是必须得跨过的一道坎，其实掌握webpack并不难，只是我们没有找到正确的方法。本文就是我自己在学习webpack时的一点心得体会，供大家参考。
在了解AMD，CMD规范前，还是需要先来简单地了解下什么是模块化，模块化开发？模块化是指在解决某一个复杂问题或者一系列的杂糅问题时，依照一种分类的思维把问题进行系统性的分解以之处理。模块化是一种处理复杂系统分解为代码结构更合理，可维护性更高的可管理的模块的方式。可以想象一个巨大的系统代码，被整合优化分割成逻辑性很强的模块时，对于软件是一种何等意义的存在。对于软件行业来说：解耦软件系统的复杂性，使得不管多么大的系统，也可以将管理，开发，维护变得“有理可循”。
es6之前，社区模块加载方案，主要是CommonJS(用于服务器)和AMD(用于浏览器) 而es6实现的模块解决方案完全可以替代CommonJS和AMD ES6模块设计思想：尽量静态化，在编译时就能确定模块的依赖关系，以及输入输出的变量 而CommonJS和AMD模块，都只能在运行时确定这些东西 同时：模块中使用的是严格模式 <script type="module" src="es7-1.js" ></script> <script type="module" src="es7-2.js" ></sc
emotion 排名第二的维护者 Sam 所在公司弃用了 css-in-js 方案，引起了不小的讨论：Why We're Breaking Up with CSS-in-JS
初学Web前端要注意什么？如何学好JS模块化编程？JavaScript是前端三要素之一，也是很多初学Web前端的人遭遇的第一条拦路虎。很多同学表示JavaScript涵盖的知识点太多太复杂、应用也是五花八门完全摸不着头脑。但只要我们一点一点由基础到进阶的学习，就一定能学好JavaScript，接下来小编就给大家分享有关JavaScript模块化编程的知识。
笔者最近忙着做项目之类的，文章输出遗落下了一段时间，这次我们就来聊一个面试中一个比较重要的知识点 —— Event Loop
项目中我们常常会接触到模块，最为典型代表的是esModule与commonjs,在es6之前还有AMD代表的seajs,requirejs,在项目模块加载的文件之间，我们如何选择，比如常常因为某个变量，我们需要动态加载某个文件，因此你想到了require('xxx'),我们也常常会用import方式导入路由组件或者文件，等等。因此我们有必要真正明白如何使用好它，并正确的用好它们。
声明拦截器的bean，并实现HandlerInterceptor接口（注意：扫描加载bean）：
上周Wijmo 2014 V2版本刚刚发布(下载地址), 有网友下载后发现仅仅使用了40个Widgets的一小部分，还需要加载全部的jquery.wijmo-pro.all.3.20142.45.m
从开始做前端到目前为止，陆续看了很多帖子讲JS运行机制，看过不久就忘了，还是自己理一遍好些
主流的js 环境都是单线程吗模式执行js 代码， js采用为单线程的原因与最开始设计初衷有关，最早是运行在浏览器端的脚本语言，目的是为了实现页面上的动态交互，实现页面交互的核心就是dom操作，这也就决定了js必须使用单线程的模式来处理，不然就会造成严重的线程同步问题。如果js多个线程同时修改dom元素，此时浏览器就无法明确以那个线程的结果为准，为了避免这种线程同步问题，所以从一开始js就被设置成了单线程模式工作。这里所说的单线程指的是javascript执行环境中负责执行代码的线程只有一个。
webpack使用总结： 入门使用： 这个报错说明需要安装相应的Loader,并在引用时指定相应的loader 执行成功如图： chunk指相应的区块。 要是css引入正确：必须引入css-loade
根据JS的垃圾回收机制，当内存中引用的次数为0的时候内存才会被回收 全局执行上下文中的对象被标记为不再使用才会被释放
移动互联网时代,用户对于网页的打开速度要求越来越高。百度用户体验部研究表明,页面放弃率和页面的打开时间关系如下图 所示。
直接将脚本注入到页面中，但是也可以包含CSS文件，但是在注入CSS文件时，要小心，否则会覆盖网页原本的样式。content-scripts中的JS程序和原始页面共享DOM，但是和原始页面的JS不是在同一个环境下运行的，所以我们是无法访问到原始页面中定义的变量的因为是是注入到页面中的，所以在安全策略上不能访问大部分的API，除了下面的四种：
所以像setTimeOut定时任务、ajax请求都是需要一定的时间的，所以一般都是用异步方式，不会阻塞后边代码的执行，而是设置了定时时间之后、或发送了请求之后，就移动到单线程的任务队列的最尾端，等后边执行完之后再执行定时代码或者ajax请求的回调函数内代码。
在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀，此时在JS方面就会考虑使用模块化规范去管理。 本文内容主要有理解模块化，为什么要模块化，模块化的优缺点以及模块化规范,并且介绍下开发中最流行的CommonJS, AMD, ES6、CMD规范。本文试图站在小白的角度，用通俗易懂的笔调介绍这些枯燥无味的概念，希望诸君阅读后，对模块化编程有个全新的认识和理解！
上例子通过jquery方法将页面的背景颜色改成红色，所以必须先引入jQuery库，就把这个库当作参数传入。这样做除了保证模块的独立性，还使得模块之间的依赖关系变得明显。
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，它采用事件驱动和非阻塞 I/O 模型，使得 JavaScript 能够在服务器端运行，处理高并发和网络 I/O 密集型任务。Node.js 的事件循环是其核心机制，负责处理异步事件和回调函数。本文将带您深入理解 Node.js 事件循环的内部工作原理。
暴露模块：module.exports = value或exports.xxx = value
Axios 是一个基于 promise 的 HTTP 库，可以工作于浏览器中，也可以在 node.js 中使用，提供了一个API用来处理 XMLHttpRequests 和 node 的 http 接口 可能很多人会疑问：用 jquery 的 get/post 不就很好了，为什么要用 Axios？原因主要有： （1）Axios 支持 node.js，jquery 不支持 （2）Axios 基于 promise 语法标准，jquery 在 3.0 版本中才全面支持 （3）Axios 是一个小巧而专业的 HTT
最近在搭建一个静态页面偏多的网站, 用vue或React有点大材小用,使用纯html / css / js 又不好用, 于是就用npm手动搭建一个简单的本地开发环境, 本地环境要实现几个基本功能
我们知道最常见的模块化方案有CommonJS、AMD、CMD、ES6，AMD规范一般用于浏览器，异步的，因为模块加载是异步的，js解释是同步的，所以有时候导致依赖还没加载完毕，同步的代码运行结束；CommonJS规范一般用于服务端，同步的，因为在服务器端所有文件都存储在本地的硬盘上，传输速率快而且稳定。
传统意义上的 JavaScript 运行在浏览器上，这是因为浏览器内核实际上分为两个部分:渲染引擎和 JavaScript 引擎。前者负责渲染 HTML + CSS，后者则负责运行 JavaScript。Chrome 使用的 JavaScript 引擎是 V8，它的速度非常快。
JavaScript语言的一大特点就是单线程，也就是说，同-个时间只能做一件事。 这是因为Javascript这门脚 本语言诞生的使命所致一JavaScript 是为处理页面中用户的交互，以吸操作DOM而诞生的。比如我们对 某个DOM元素进行添加和删除操作,不能同时进行。应该先进行添加，之后再删除。
首先分析宏任务和微任务的运行机制，并针对日常开发中遇到的各种宏任务&微任务的方法，结合一些例子来看看代码运行的顺序逻辑，把这部分知识点重新归纳和梳理。
我们经常不关心并发操作的完成顺序。例如，假设我们有一个Web服务器处理来自客户端的请求。每个请求所花费的时间可能会有所不同，响应返回的顺序也无关紧要
JS 是单线程执行的，所有 JS 代码都要放在主线程中运行。 如果把异步 IO 等耗时较长的任务也放在主线程中处理，会阻塞后续同步代码的执行，造成卡顿等现象。因此，浏览器等运行环境额外设置了异步处理线程，专门用于处理异步事件。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
