文章分类 - Web
摘要：配置管理 安全HTTP头 Strict Transport Security 强制实施与服务器的安全（HTTP over SSL / TLS）连接 X Frame Options 提供点击劫持保护 X XSS Protection 支持在最新的Web浏览器中内置的跨站点脚本（XSS）过滤器 X Co
阅读全文
摘要：1 Web前端技术基础 1.1 现代Web前端技术发展概述 前端项目代码越来越多，结构越来越复杂，如何实现项目的管理将直接决定后期的维护成本。所以我们必须考虑用模块化和组件化的思路来管理. 所谓的模块化和组件化是指采用代码管理中分治的思想，将复杂的代码结构拆分成多个独立、简单、解耦合的结构或文件分开
阅读全文
摘要：getting started 以上版本提供的 npx 命令，可以运行在初始安装的 webpack 包(package)的 webpack 二进制文件（ ）. 相当于 默认支持ES2015 中的 import 和 export. Asset Management "MiniCssExtractPlu
阅读全文
摘要：拓展阅读 "javascript module systems showdown" "predictable long term caching with webpack" "separating manifest" "Module Methods" "Writing a Loader" "tapa
阅读全文
摘要：webpack4 changelog 翻译webpack4的主要功能变更,bugfixes之类的如果不重要会略过 V4.0.0 大的变更 环境 不再支持Node.js 4。源代码已升级为更高的ecmascript版本。 用法 现在必须在两种模式之间选择 ( or )： or 生产支持所有类型的优化以
阅读全文
摘要：XSS XSS，即 Cross Site Script，中译是跨站脚本攻击 XSS 攻击是指攻击者在网站上注入恶意的客户端代码，通过恶意脚本对客户端网页进行篡改，从而在用户浏览网页时，对用户浏览器进行控制或者获取用户隐私数据的一种攻击方式。 攻击者对客户端网页注入的恶意脚本一般包括 JavaScri
阅读全文
摘要：该文章目前对应的是 webpack 4.12.1 "v4.0.0 changelog" 新增webpack cli 需要多安装一个 "webpack cli" . 现在可以不需要webpack.config.js文件也能简单打包文件, 会默认打包 , 输出到 中. 相当于默认载入了这个配置 可以使用
阅读全文
摘要：CommonsChunkPlugin 默认情况下CommonsChunkPlugin可以将多entry的公共依赖模块提取到一个chunk文件。 实际上如果不是多entry，在同一entry系列里的重复引入模块，是不会被webpack重复打包的。 第二个默认行为是如果不是多入口且没有指定打包的库，会打
阅读全文
摘要：npm 脚本的原理非常简单。每当执行npm run，就会自动新建一个 Shell，在这个 Shell 里面执行指定的脚本命令。因此，只要是 Shell（一般是 Bash）可以运行的命令，就可以写在 npm 脚本里面。 比较特别的是，npm run新建的这个 Shell，会将当前目录的 子目录加入PA
阅读全文
摘要：child_process child_process 模块提供了衍生子进程的功能。 默认情况下，在 Node.js 的父进程与衍生的子进程之间会建立 stdin、stdout 和 stderr 的管道。 数据能以非阻塞的方式在管道中流通。 注意，有些程序会在内部使用行缓冲 I/O。 虽然这并不影响
阅读全文
摘要：redux action 我们应该尽量减少在 action 中传递的数据? Redux 中只需把 action 创建函数的结果传给 dispatch() 方法即可发起一次 dispatch 过程。 或者创建一个 被绑定的 action 创建函数 来自动 dispatch： 然后直接调用它们： sto
阅读全文
摘要：缓存(caching) 重用已获取的资源能够有效的提升网站与应用的性能。Web 缓存能够减少延迟与网络阻塞，进而减少显示某个资源所用的时间。借助 HTTP 缓存，Web 站点变得更具有响应性。 各种类型的缓存 缓存是一种保存资源副本并在下次请求时直接使用该副本的技术。当 web 缓存发现请求的资源已
阅读全文
摘要：HTTP报文(messages) HTTP报文是服务器和客户端之间交换数据的方式。 有两种类型的报文︰ 请求 由客户端发送用来触发一个服务器上的动作； 响应 来自服务器的应答。 HTTP报文由采用ASCII编码的多行文本构成。在HTTP/1.1及早期版本中，这些报文通过连接公开地发送。在HTTP/2
阅读全文
摘要：HTTP是一种能够获取如 HTML 这样的网络资源的 protocol(通讯协定)。它是 Web 上数据交换的基础，是一种 client server 协议，也就是说请求通常是由像浏览器这样的接受方发起的。一个完整的web文档是由不同的子文档重新组建而成的，像是文本、布局描述、图片、视频、脚本等等。
阅读全文
摘要：最近接触到 "prettier" ，了解过后觉得适用性和功能性都比原本eslint、stylelint的方案更为合适，所以决定改为采用prettier作为hooks脚本的核心。 "完整示例代码" "必须安装node.js才能进行下面的工作" js 可参考的js代码规范 "Google JavaScr
阅读全文
摘要："完整示例" 可查看对应的例子， 运行。 1.安装 "安装nodejs" 执行 值得一提的是现在webpack2+支持ES6的module了。 2.静态资源管理 可以使用url loader，将某个limit(byte)内的文件转为Data URL，特别是对图片。 1B（byte，字节）= 8 bi
阅读全文
摘要：安装 大多数Grunt任务依赖于传递给grunt.initConfig方法的对象中定义的配置数据。 命令将列出所有可用的任务。 Gruntfile通过 方法指定任务配置。此配置将主要位于任务命名属性下，但可能包含任意数据。只要属性与任务需要的属性不冲突，它们将被忽略。 此外，由于这是JavaScri
阅读全文
摘要："官方文档" 一些常用命令 npm install 安装模块，默认会安装最新的版本 package版本 npm update 更新模块，如果不加对应的 或` D`则不会更新package.json文件，需要手动修改。 全部更新可以用这种方式 可以安装 [npm check updates ](htt
阅读全文
摘要：ngx_stream_core_module The module is available since version 1.9.0. This module is not built by default, it should be enabled with the configuration p
阅读全文
摘要：关于Nginx Nginx是一款面向性能设计的HTTP服务器，能反向代理HTTP，HTTPS和邮件相关(SMTP，POP3，IMAP)的协议链接。并且提供了负载均衡以及HTTP缓存。 它的设计充分使用异步事件模型，削减上下文调度的开销，提高服务器并发能力。 采用了模块化设计，提供了丰富模块的第三方模
阅读全文
浙公网安备 33010602011771号