express 是非常优秀的框架，koa2 比 express 更加简单，社区也很完善。
之前用过gulp、grunt，但是一直没有学习过webpack。这两天刚好有时间，学习了下webpack。webpack要想深入研究，配置的东西比较多，网上的资源也有很多。我这里学习的主要途径是webpack官方给出的指南，和webpack中文网的翻译版本。因为我觉得第一手资料肯定是官网给出的更权威一些。
需求 可手动设置使用语言 根据不同的语言显示不同的语言文字（目前是支持中英文，如需其他语言，可直接配置即可） 如果没有配置相应语言的信息，则使用默认的数据 国际化分为文字和图片（有的图片上有文字信息）两类 限制因素 因小程序2M的限制，所以图片网络化 地图上的图片（如markers、controls、polyline等），不能使用网络图片，只能使用本地图片；所以图片的话分为本地图片和网络图片两种 实现机制 目录结构信息 res │ resUtils.js │ ├─values │
直接安装这个插件即可，Chrome/Edge适用：Notion中文版
所有能够触发事件的对象都是EventEmitter类的实例，这个对象开放了EventEmitter.on()函数允许将一个或多个函数绑定到被对象触发的命名事件上。
RequireJS 是一个JavaScript模块加载器。它非常适合在浏览器中使用，但它也可以用在其他脚本环境, 就像 Rhino and Node. 使用RequireJS加载模块化脚本将提高代码的加载速度和质量。
随着JS越来越庞大，已经不仅仅是以前复制粘贴做特效的时代了，JS越来越偏向于业务逻辑与应用。恰逢Node的流行，JS在web开发中占有越来越重要的地位。由于JS代码庞大，文件数目多，传统的使用<script src=""></script>会带来很多性能的问题，因此requirejs可以为我们提供两种解决思路： 1 模块化组织JS 2 异步加载JS文件 有了这两种解决办法，能有效的帮助我们解决前端代码库的组织难题。 本文下面就模拟一个小例子，由于并没有应用实践，因此命名很戳，还
答：因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。 但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！
最近和部门老大，一起在研究团队【EFT - 前端新手村】的建设，目的在于：帮助新人快速了解和融入公司团队，帮助零基础新人学习和入门前端开发并且达到公司业务开发水平。
前端模块化在近几年层出不穷，有Node的CommonJs,也有属于client端的CMD/AMD模式，而ES6本身也出现了Modules，再加上Webpack以及babel的普及，虽然在代码中经常使用到这些用法，但是如果不去深入研究，总觉得是一个黑魔法，无法探测一些问题的根源。
res.setHeader('Content-Type', 'text/plain;charset=utf-8');
之前使用Next.js + strapi做了一个简单博客站点也顺道写了一篇Next.js 简明教程，之后Next本身一直在迅猛发展。利用现代js能力来说做到了：
浏览器中有JS解析引擎：每个浏览器的解析引擎都不一样，Chrome浏览器中的V8解析引擎最好。
这篇文章整理了18个Webpack插件，分享给Web开发的小伙伴。Plugin是一个扩展器，它丰富了webpack本身，针对的是loader结束后，webpack打包的整个过程，它并不直接操作文件，而是基于事件机制工作，会监听webpack打包过程中的某些分段，执行广泛的任务。
https://segmentfault.com/a/1190000038589634
我们在使用Hexo框架生成静态博客时，其实是将你写好的.md文件输出成HTML文件进行渲染，其中HTML的文件名称就是.md的文件名称。
模块热更新插件。Hot-Module-Replacement 的热更新是依赖于 webpack-dev-server，后者是在打包文件改变时更新打包文件或者 reload 刷新整个页面，HRM 是只更新修改的部分。
使用Webpack往往离不开loader的安装配置，手写一个loader其实非常简单，类似手写一个功能函数，下面我们来实现一个替换字符串的loader
原文来自：ZHUIMEN，https://segmentfault.com/a/1190000038589634
链接：http://localhost:8000/admin/index/index 第一步：使用phpstudy，指向。项目的根目录。
在讨论require和import的区别之前，我们首先要了解的是，es6module的代码最终都会被打包工具转化为require才能实行，关于这俩的区别网上有大把的文章，但是都不是很系统，小编这里整合了一下，总结了一下这两者区别，require遵循的是commonjs规范，import遵循的是es6module规则。
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
Ast反混淆语法在线网址：https://astexplorer.net Babel官方文档：https://www.babeljs.cn/docs/babel-types#stringliteral Babel中文文档：https://github.com/jamiebuilds/babel-handbook/blob/master/translations/zh-Hans/README.md js逆向-ast混淆还原入门案例（1）：https://blog.csdn.net/qq_42748190/article/details/106135484
视频地址：https://www.cctalk.com/v/15114923886141 JSON 数据 我颠倒了整个世界，只为摆正你的倒影。 前面的文章中，我们已经完成了项目中常见的问题，比如 路由请求、结构分层、视图渲染、静态资源等。 那么，JSON 呢？JSON 格式数据的传输，已经深入到了我们的码里行间，脱离了 JSON 的人想必是痛苦的。那么，复合吧！ 如何设置 JSON 格式 伟大的武术家——李小龙先生——说过这样一段话： Empty your mind, Be formless,shape
第4章 Node模块化及CommonJS规范 通过前面几个章节的学习, 我们基本掌握了NodeJS编程的基础知识, 但是我们也直观的发现了一个问题,和我们之前学习浏览器编程时JS, 差异还是很大的;
Node.js 遵循 CommonJS规范，该规范的核心思想是允许模块通过 require 方法来同步加载所要依赖的其他模块，然后通过 exports 或 module.exports 来导出需要暴露的接口。CommonJS 规范是为了解决 JavaScript 的作用域问题而定义的模块形式，可以使每个模块它自身的命名空间中执行。
Node.js是基于chrome浏览器中的v8引擎而构建的js运行时环境, 并提供了一系列的工具模块和一个包管理工具npm. Node脱离于浏览器运行, 并提供了一系列自带的os相关接口, 从而使其能像传统后端语言一样操作文件、获取os相关信息等.
node.js中编码问题 在服务端默认发送的数据，其实是 utf8 编码的内容 但是浏览器不知道你是 utf8 编码的内容 浏览器在不知道服务器响应内容的编码的情况下会按照当前操作系统的默认编码去解析 中文操作系统默认是 gbk 解决方法就是正确的告诉浏览器我给你发送的内容是什么编码的 // require // 端口号 var http = require('http') var server = http.createServer() server.on('request', function (
如果没有文件夹那么会抛出错误，但是没有文件则会自动创建文件。如果已经存在，则会覆盖。
gulp是基于流的前端构件化工具。gulp是自动化项目的构建利器；不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成。同时使用非常简单，学习成本低。这个压缩工具也是前端必学的的工具。
1. 单文件上传 1. 模板文件 <form action="/admin/upload/singleUpload?_csrf=
本文也已同步发布个人博客，https://qiucode.cn/article/89
github：https://github.com/michaelliao/learn-javascript/tree/master/samples/node
首先寻找一个网址：http://tech.ifeng.com/，因为这个是http协议，所以我们需要用到node.js的HTTP模块，我们使用HTTP模块中的get()方法进行抓取。其中假如我们不需要抓取的所有数据，而我们只需要其中的部分数据，比如某个类下面的a标签里的文字，这时如果是在前端中我们可以用DOM操作找到这个节点，但是node.js中没有DOM操作，所以这里我们需要用到cheerio这个库。既然抓取了网站上的数据就会涉及到文件的写入，这时需要用到node.js中的fs模块。
1、为什么要使用模块化 最主要的目的 解决命名冲突 便于依赖管理 其他价值 提高代码可读性 代码解耦，提高复用性 2、CMD、AMD、CommonJS 规范分别指什么？有哪些应用 1、CMD规范 CMD 即Common Module Definition通用模块定义，CMD规范是国内发展出来的，就像AMD有个requireJS，CMD有个浏览器的实现SeaJS，SeaJS要解决的问题和requireJS一样，只不过在模块定义方式和模块加载（可以说运行、解析）时机上有所不同。 // 定义模块 myMo
Node.js是一个让JavaScript运行在服务器端的开发平台,功能类似的其他后端语言,如PHP、JSP、Python、Ruby。和系统进行交互
Stream 是一个抽象接口，Node 中有很多对象实现了这个接口。例如，对http 服务器发起请求的request 对象就是一个 Stream，还有stdout（标准输出）。
本文仓库 https://github.com/lxchuan12/read-pkg-analysis.git，[1]
上传下载在 web 应用中还是比较常见的，无论是图片还是其他文件等。在 Koa 中，有很多中间件可以帮助我们快速的实现功能。
Cheerio 是 node.js 的抓取页面的模块，为服务器特别定制的，快速、灵活、适合各种 Web 爬虫程序，可以让我们用 JQuery 语法来解析爬取的网页数据。
01 Next.js酷在哪里？ 之前使用 Next.js + strapi 做了一个简单博客站点也顺道写了一篇 Next.js 简明教程，之后 Next 本身一直在迅猛发展。利用代 js 能力来说做到了： 极佳的开发体验 极佳的网站最佳的”动“，“静”平衡 从特性上来说，支持： SSR(Server Side Rendering) 提供 getServerSideProps 方法，在用户访问时请求数据，适用于实时数据页面。 SSG(Static Site Generation) 提供 getStaticPr
本文给出使用一个用cheerio模块提取html文件中指定内容的例子，并说明具体步骤、涉及到的API、以及其它模块。 cheerio模块是一个类似jquery的模块，具有相似的API、功能，能够将一个网页解析为DOM，以及通过selector选择元素，设置、获取元素属性。
主要学习：JavaScript+Node.js内置API模块（fs、path、http等）+第三方API模块（express、mysql等）
在 用于笔记本 的 Hexo 根目录：notebook 创建 note-to-blog.ps1 文件
本篇开始学习webpack打包的构建配置，所用版本为webpack 4.16.1和webpack-cli 3.2.3。
在前端开发中通常需要做，预处理语言的编译、js文件的压缩、css文件的压缩、图片的压缩等一系列工作，而使用Gulp可以自动化的完成这些工作，从而提高网站的开发效率，在我的博客使用Less中介绍了将Less文件编译成CSS文件的方法，仔细观察可以看到如果按照博客中介绍的方法，在编译多个Less文件或者编译不同文件夹下的Less文件时需要执行多次Less文件编译命令，而使用Gulp可以一次性完成这些操作
在前面Node基础中我们学习了 Node.js 中的 http 模块，虽然知道使用 Node.js 中的 http 模块是可以开发 Web 应用的，处理静态资源，处理动态资源，请求分发（路由）等等，也可以让开发者对 HTTP 协议的理解更加清晰，但是使用起来比较复杂，开发效率低。
3.安装puppeteer-core（直接安装pupperter会因为chromium无法下载而报错）
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
