作为前端开发工程师，我们需要了解哪些命令？如果您熟悉这些命令，它们将大大提高您的工作效率。
最近测试了几个 ES module 和 Commonjs 的例子，理解了之前不太理解的概念，记录一下。要是想多了解的可以去看看阮老师的 Module 那部分。会贴一小部分的代码，不会贴所有验证的代码。
一、先写一个简单demo1 1-1安装好webpack后创建这样一个目录： 1-2:向src各文件和dist/index.html文件写入内容： <!DOCTYPE html> <html lang=
xargs命令有两个要点。第一，你必须列出目标文件。第二，你必须指定对每个文件需要执行的命令或脚本。
webpack 的作用是根据入口文件将源代码编译（构建、打包）成最终代码。中间经过webpack打包，打包的过程就是编译
默认情况下 webpack 会将所有引入的模块都打包到一个文件中例如 JS 最终都会打包成一个 bundle.js, 这样就导致了打包后的文件比较大, 以及修改文件后用户又需要重新下载所有打包内容问题，例如: 在 a.js 中引入了 b.js, 那么 a.js 和 b.js 都会被打包到 bundle.js 中，如果 a.js 有 1MB, b.js 也有 1MB, 那么打包之后的文件就有 2MB，那么用户第一次打开网页的时候就需要下载 2MB 的文件，问题的关键在于, 如果我们修改了 a.js, 但没有修改 b.js，重新打包后用户需要重新下载新打包的文件(因为用户本地缓存的是 a 和 b 的合体文件)这样就导致了每次修改了其中一个文件用户都要重新下载所有内容。
它是一个将一切资源（如scripts / images / styles/ assets）都当成模块的模块化打包工具。
最近因为项目需要使用nodejs，因此不得不对其进行学习研究。一番深入后发现，nodejs除了好用，作为后台效率非常高之外，它自身的设计堪称精妙。我们都知道学习的一种有效方式就是看牛逼人物是怎么打造牛逼作品，而nodejs作为极为极为成功的后台系统，要不是有着高超精彩的设计和实现就不会有如此成就，倘若我们能吃透其设计原理和思路，那么我们成不了大师但成为小师，让自己的技术更上一层楼不成问题。
本文内容只适用于webpack v1版本，webpack v2已经修复了hash计算规则。 之前讨论了webpack的hash与chunkhash的区别以及各自的应用场景，如果是常规单页面应用的话，上篇文章提供的方案是没有问题的。但是前端项目复杂多变，应对复杂多页面项目时，我们不得不继续踩webpack的hash坑。 在进入正文之前先解释一下所谓的常规单页面和复杂多页面是什么意思。 这两个并非专业术语，而是笔者实在想不出更恰当的说法了，见谅。 1. 项目类型 1.1 常规单页面项目 常规单页面符合以下条
上一篇《前端科普系列（2）：Node.js 换个角度看世界》，我们聊了 Node.js 相关的东西，Node.js 能在诞生后火到如此一塌糊涂，离不开它成熟的模块化实现，Node.js 的模块化是在 CommonJS 规范的基础上实现的。那 CommonJS 又是什么呢？
另外，cd - 为进入上一次的工作目录，如同 git checout - 切回上次的分支一样。
HTML结构中主要包括了head和body两个部分，但是我们经常说的是结构语义化主要是body中的标签，但是我在这里还是简单的说一下head，head中其实包括了一些对于我们seo很有用的一些东西，比如title,Description,Keywords,这些东西在蜘蛛抓取的时候都是有帮助的，当然，还有其他的一些，比如设置缓存等一些其他的信息。
这是webpack实战系列的第二篇：模块和模块打包。上一篇：webpack实战——打包第一个应用 记录了webpack的一些基础内容与一个简单的小例子，开启了webpack的实战之路，这一篇记录一下关于模块和模块打包。
jQuery 方式： JQ 对象 .prop("value","value 值 ");
/** * co & yield 培训例程. TJ's co test, 参考和下载: https://github.com/visionmedia/co * 运行环境: 安装 nodejs v0.11.2以上版本, 推荐IDE: Jetbrains WebStorm 8.0 * 依赖的包: 请先 npm install -g co thunkify request //全局化安装, * 再到本js所在目录下 npm link co thunkify request 引用这些全局安装模块 * 执
Node.js 是一个基于 JavaScript 运行时的开源、跨平台的后端编程环境。Node.js 的模块系统是其核心功能之一，它提供了一种方便和模块化地组织和重用代码的方式。本文将详细介绍 Node.js 模块系统的原理、使用方式和一些常见的应用场景。
xargs可以将输入内容（通常通过命令行管道传递），转成后续命令的参数，通常用途有：
模块是Node.js里面一个很基本也很重要的概念，各种原生类库是通过模块提供的，第三方库也是通过模块进行管理和引用的。本文会从基本的模块原理出发，到最后我们会利用这个原理，自己实现一个简单的模块加载机制，即自己实现一个require。
👆点击“博文视点Broadview”，获取更多书讯 摇树优化Tree Shaking是Webpack里非常重要的优化措施，它的优化效果在Webpack 5中又得到了进一步的提升。 Tree Shaking可以帮我们检测模块中没有使用到的代码块，并在Webpack打包时将没有用到的代码块移除掉，减小打包后的资源体积大小。 它的名字也非常形象，通过摇晃树把树上干枯无用的叶子摇掉。 01 使用Tree Shaking的原因 我们来看一个例子。 b.js文件的内容如下： var name = 'Jack'
- 概述 - jQuery是一个优秀的javascript框架(js类库)，兼容css3和各大浏览器，提供dom，events，animate，ajax等简易的操作。并且jQuery有非常丰富的插件，大多数功能都有相应的插件解决方案。jQuery的宗旨是write less, do more. (写的更少,做的更多) - jQuery入门 - jQuery和html整合 - 下载 - 下载地址:www.jquery.com - 使用script的src属性即可
gulp是前端开发过程中一种基于流的代码构建工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，不仅可以很愉快的编写代码，而且大大提高我们的工作效率。
需要注意的是，在组件化开发方面，fis是不建议使用“资源嵌入”的方式作为组件化拆分的手段，后面讲到的“声明依赖”能力会更适合组件化开发。
Webpack 4 给我们带来了一些变化。其中包括更快地打包，引入了SplitChunksPlugin，并淘汰掉之前的CommomsChunksPlugin。在本文，你将学习如何拆分输出代码以提高应用的性能。
SpiderMonkey是目前Firefox浏览器中使用的JavaScript引擎，负责浏览器当中所有的JavaScript语句的解析执行，同时也是第一个JavaScript引擎。现在的SpiderMonkey，整个通过C/C++编写，分为TraceMonkey，JagerMonkey，IonMoneky，OdinMonkey四个部分。目前研究较多的部分是IonMonkey，它是目前Mozilla Firefox浏览器当中负责对JavaScript进行编译执行的代码，希望能够在编译阶段对整个浏览器代码进行优化以增加浏览速度，提升用户体验。在最近几年的pwn2own比赛中，安全研究人员挖掘引擎JIT代码优化阶段存在的漏洞，对其进行利用以做到任意代码执行。
本文转载于：https://mp.weixin.qq.com/s/8qP_xFMyDnzbqYHMcf75aQ
文中部分内容参考了网上一些优秀实践以及相关的分析。引用部分将会在文中标注， 文末也将给出具体链接。
对于前后端分离，如何把一个页面的公共部分比如head, header, footer, content等组合成一个完整的html 是一个值得考虑的地方。 对于php，我们可以利用include加载其他页面，像yii框架，可以利用render将输出的内容嵌入到父模板，从而形成一个完整的页面。 那对于纯静态的html我们如何拼接呢？ 可以想到市面上的多种模板引擎，比如artTemplate, doT, ejs等，他们可以使用require或include等特殊标记的语法来引入其他模块。但如果每个页面我们都去写若
发上来好像格式都变了，有需要的可以给留言，我把为知笔记发给大家！大家如果看着费劲就拉到最后直接看图片部分！ 一.基本介绍 gulp是前端开发过程中一种基于流的代码构建工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，不仅可以很愉快的编写代码，而且大大提高我们的工作效率。 gulp是基于Nodejs的自动任务运行器， 她能自动化地完成 javascript、coffee、sass、less、html/image、css 等文件的测试
本期精读的文章是：When You “Git” in Trouble - a Version Control Story
最近看到一篇【猿人学Python】文章【写爬虫，免不了要研究JavaScript设置cookies的问题 】,里面说到了mps“zggaw“的破解返回521的问题，然后自己也去尝试了一把，现在把我的实现过程分享出来，让有需要的人看到。
XHTML(Extensible HyperText Markup Language) 是将 HTML 作为 XML 的应用重新包装的结果
我们创建了add.js文件和minus.js文件,然后 在index.js中引入，再将index.js文件引入index.html。
jQuery是开源软件，使用MIT许可证授权。 jQuery的语法设计使得许多操作变得容易，如操作文档对象（document）、选择文档对象模型（DOM）元素、创建动画效果、处理事件、以及开发Ajax程序。jQuery也提供了给开发人员在其上创建插件的能力。这使开发人员可以对底层交互与动画、高级效果和高级主题化的组件进行抽象化。模块化的方式使jQuery函数库能够创建功能强大的动态网页以及网络应用程序。
官方手册：https://www.kancloud.cn/manual/think-template/#/catalog
安装 Node.js 环境成功后，npm 包管理工具也会自动安装成功 输入下面命令检查一下
打开VLC，点击媒体 -> 打开网络串流，添加网络流媒体链接： rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mp4
專 欄 ❈Jerry，Python中文社区专栏作者。 blog：https://my.oschina.net/jhao104/blog github：https://github.com/jhao104 ❈ 前言 在GitHub上维护了一个代理池的项目，代理来源是抓取一些免费的代理发布网站。上午有个小哥告诉我说有个代理抓取接口不能用了，返回状态521。抱着帮人解决问题的心态去跑了一遍代码。发现果真是这样。 通过Fiddler抓包比较，基本可以确定是JavaScript生成加密Cookie导致原来的
那我们就直接入正题了，首先我们的目标网址是 “http://www.mps.gov.cn/n2253534/n2253535/index.html”，我们直接发起请求试试：
用于查找某些内容（不包含这些内容）之前或者之后的内容。也就是说用于查找一个位置，这个位置的前后需要满足一定的条件。
ES6初学者，通过阅读本文可对ES6知识点有个大体的概念，强烈建议阅读阮一峰大大的ES6入门。
本文章中所有内容仅供学习交流，抓包内容、敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关，若有侵权，请联系我立即删除！
项目中一直用的都是webpack，前一段需要开发几个类库供其他平台使用,本来打算继续用webpack的，但感觉webpack用来开发js库，不仅繁琐而且打包后的文件体积也比较大。正好之前看vue源码，知道vue也是通过rollup打包的。这次又是开发类库的，于是就快速上手了rollup。
记一下gulp.src()用法 语法 gulp.src(globs[, options]) globs:文件匹配模式(类似正则表达式)，用来匹配文件路径(包括文件名) options:可选参数。通常情况不需要用到 js gulp.src('**/*.js') 匹配模式 内部使用node-glob模块实现文件匹配 单匹配 匹配符 code 匹配 不匹配 备注 * * a.b， x.y， abc， abc/ a/b.js 不匹配/，除非/出现在末尾 *.* a.b， x.y abc 匹配所有带后缀的文件
之前我们提到了iframe跨域，今天我们在原有的基础之上进行“实例”的讲解。通过iframe跨域实现表单数据的提交。如果想了解iframe跨域，可以发送“iframe跨域”到“HTML5学堂”公众号。 为何提交数据还要跨域？ 在使用iframe跨域之前，可能你的脑海中就出现了这样一个问题：为何提交表单数据还需要跨域呢？ 首先我们要知道，网站的数据是存放在服务器上的，而当一个网站很大型，拥有很多的数据时，通常会进行分类，然后将不同类的内容放置在不同的子域名中。 表单数据的提交模式 今天会使用到MD5的知识，因
前几天看到一篇文章,里面说到了mps“zggaw“的破解返回521的问题，然后自己也去尝试了一把，现在把我的实现过程分享出来，让有需要的人看到。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议
