whistle 是一个基于 Node.js 的跨平台网络调试工具。最近随着 Nohost 的开源，有不少同学问了 whistle 相关的问题，本篇文章将结合几个常见的业务场景介绍如何在本地前端项目开发中使用 whistle 。 一、使用webpack devServer的项目 项目准备 如今，大部分的前端项目是以 webpack 作为开发和构建工具进行项目开发的。我们将以这样一个最常见的场景，即以 webpack 开启本地 devServer 进行开发和调试的方式，展示如何在这样的前端项目中结合使用 whi
whistle 是一个基于 Node.js 的跨平台网络调试工具。最近随着 Nohost 的开源，有不少同学问了 whistle 相关的问题，本篇文章将结合几个常见的业务场景介绍如何在本地前端项目开发中使用 whistle 。
上一篇文章介绍了HTTP请求匹配server{ }配置块的过程，接着请求会继续匹配location{ }配置块，并最终决定哪些指令及Nginx模块处理请求。本文将介绍location的匹配规则，以及rewrite指令与location匹配顺序的关系。
需要注意的是，"a/b" 这种不属于路径写法，它属于前两种，比如 "fs/promises"、"@babel/core"。
https://www.zybuluo.com/phper/note/133244
今天才在某个论坛上看到这个网站：http://websth.com/， 深感所知甚晚啊，自己一直想做的web指纹识别，已经有童鞋做成chrome插件发布了，并且功能还算比较强大，不过准确性确实有待提高。于是我下载了其源码并开始围观一下。
前段时间需要快速做个静态展示页面，要求是响应式和较美观。由于时间较短，自己动手写的话也有点麻烦，所以就打算上网找现成的。
今天讲下location的用法，部分内容是直接从网络上摘取的，这边做了一个整理，为了便于理解和学习，我这边做了一些例子。
一、前言 一般我们经常在访问网站时，通常会遇到输入某个页面的网址时，出现路由的转发，重定向等。可能访问的是一个网址，出来的时候就显示的是另外的地址。 这种情况下，通常属于nginx的页面跳转。
路由维护了 URL 地址和组件的映射关系, 通过这个映射关系, 我们就可以根据不同的 URL 地址，去渲染不同的组件。
示例：nginx官方文档->Modules reference->ngx_http_gzip_module
原理：每当执行npm run，就会自动新建一个 Shell，在这个 Shell 里面执行指定的脚本命令。因此，只要是 Shell（一般是 Bash）可以运行的命令，就可以写在 npm 脚本里面。
sed是一种流编辑器，它是文本处理中非常中的工具，能够完美的配合正则表达式使用，功能不同凡响。sed主要用来自动编辑一个或多个文件；简化对文件的反复操作；编写转换程序等。
在正则中也有特殊含义，匹配的是数字到非数字的边界（"123!"匹配的是3和!之间），不是数据
Nginx 使用ngx_http_proxy_module来完成对后端服务的代理。
PEG.js 是一个简单的 JavaScript 解析器生成器，可以生成具有出色错误报告的快速解析器。您可以使用它来处理复杂的数据或计算机语言，并轻松构建转换器、解释器、编译器和其他工具。
默认时，Python正则中的.是不能匹配换行符的，如果碰到下面这种带有换行的js字符串该怎么办呢？
return 指令 我们先看官方手册的说明吧: Syntax: return code [text]; return code URL; return URL; Default: — Context: server, location, if 示例 location ~ (.*).js$ { return 500; #返回500状态码 } location ~ (.*).js$ { return 500 "error"; #返回500状态码 同时打印error } location
语法规则： location [=|~|~*|^~] /uri/ { … } = 开头表示精确匹配 ^~ 开头表示uri以某个常规字符串开头，理解为匹配 url路径即可。nginx不对url做编码，因此请求为/static/20%/aa，可以被规则^~ /static/ /aa匹配到（注意是空格）。 ~ 开头表示区分大小写的正则匹配 ~* 开头表示不区分大小写的正则匹配 !~和!~*分别为区分大小写不匹配及不区分大小写不匹配 的正则 . / 通用匹配，任何请求都会匹配到。
网上关于安全狗的sql绕过研究，大多数是fuzz绕过的帖子，fuzz方法常常使用注释绕过，涉及到数据库特性，而且广泛用于注释语法的星号（*）可能会被网站自带的防恶意代码模块拦截了，在实践中体验不好。太多fuzz过waf的文章，多数是使用注释绕过，在我看来，所有fuzz绕过，本质就是正则匹配逃逸。
JS开发的WEB应用和PHP，JAVA,NET等区别在于即没有源代码，也可以通过浏览器的查看源代码获取真实的点。获取URL，获取JS敏感信息，获取代码传参等，所以相当于JS开发的WEB应用属于白盒测试（默认有源码参考），一般会在JS中寻找更多的URL地址，在JS代码逻辑（加密算法，APIkey配置，验证逻辑等）进行后期安全测试。
周末阅读完了 koa 的源码，其中的关键在于 koa-compose 对中间件的处理，核心代码只有二十多行，但实现了如下的洋葱模型，赋予了中间件强大的能力，网上有许多相关的文章，强烈建议大家阅读一下。
Python里数量词默认是贪婪的（在少数语言里也可能是默认非贪婪），总是尝试匹配尽可能多的字符；
当我们测试一个web网站的时候，一般最好设置一个baseUrl地址，这样方便维护。 一旦部署环境发生了改变，就不需要去基本里面去查找，秩序更改cypress.json文件即可
本篇文章主要介绍了Nginx location 匹配规则，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
对应的URI为 http://www.demo.com/attachments/mylist.csv 。
Express 是一个精简、灵活的 Node.js 的 Web 应用程序开发框架，为 Web 和移动应用程序提供了一组强大的功能，使用 Express 可以快速地开发一个 Web 应用。
Sentry 支持通过 source maps（源代码映射）对 JavaScript 进行 un-minifying，这允许您以原始的未转换形式查看从堆栈跟踪中获得的源代码上下文。这对于调试压缩后的代码(例如，UglifyJS)或从高级语言编译的代码(如 TypeScript 和 ES6)特别有用。
作为前端开发，即使没用过Nginx，但一定听说过上面这句话。这句经典的话，基本构成了所有人对Nginx的第一印象。
如下图所示，现在我们决定创建一个属于我们的express文件，引入的express改成引入我们手写的express。 。
如今，Node.js 已经成为国际上许多科技公司的首选方案。特别对于在服务器端需要费阻塞特性的场景，Node.js 俨然成了最好的选择。
jQuery，一个 JavaScript 库，极大地简化了 JavaScript 编程，很容易学习。它是一款同prototype、Note.js等一样优秀的js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优秀的js效果，jQuery可以帮你达到目的！
模板解析 解决的问题： 将data和js+html片段解析成html片段，完成赋值和js逻辑，如下所示： 输入： var data = { name: 'hwm', articles: [{ title: 'the first one' }, { title: 'the last one' }] }; tpl = 'Hi my name is <%this.name%>.My articles are listed as followed:' + '<ul
Hi my name is <%this.name%>.
My articles are listed as followed:
您好，由于周末有事情，没哟学习angularjs，几天晚上开始继续学习angularjs,坚持加油每一天。谢谢
3、autoresponder: 文件代理：可以使用fiddler来自定义请求返回的文件。
对于单页应用 spa，大家应该都不陌生了。本节主要介绍 webpack-dev-server 如何解决 spa 遇到的路由问题。
节点与节点之前有各种关系，除了父子，祖辈关系，还可以是兄弟关系。之前我们在处理节点插入的时候，接触到了内部插入的几个方法，这节我们开始讲外部插入的处理，也就是兄弟之间的关系处理，这里jQuery引入了2个方法，可以用来在匹配I的元素前后插入内容。
在爬虫开发的过程中，想要修改网站的 JS 来规避网站的无限 Debugger ，或者想给线上的 JS 加点调试的语句，我们就需要把远程的 JS 映射到本地的文件上，这样就可以通过修改本地的文件进行线上的调试。
注意： alias只能用于location中（使用alias，目录名后面一定要加“/”），而root可以用在http、server和location中。
上一篇文章我们讲了怎么用Node.js原生API来写一个web服务器，虽然代码比较丑，但是基本功能还是有的。但是一般我们不会直接用原生API来写，而是借助框架来做，比如本文要讲的Express。通过上一篇文章的铺垫，我们可以猜测，Express其实也没有什么黑魔法，也仅仅是原生API的封装，主要是用来提供更好的扩展性，使用起来更方便，代码更优雅。本文照例会从Express的基本使用入手，然后自己手写一个Express来替代他，也就是源码解析。
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现，则该方法返回 -1。
一、CSS3选择器分类 1.基本选择器 2.层次选择器 3.伪类选择器 1）动态伪类选择器 2）目标伪类选择器 3）语言伪类选择器 4）UI元素状态伪类选择器 5）结构伪类选择器 6）否定伪类选择器 4.伪元素 5.属性选择器
朋友公司一网站被DDOS攻击了，不得已在机房呆了两天作防护工作，才算临时解决了问题。想着自己公司线上也运行着一个系统，担心有一天也会被攻击，还是提前作一下DDOS防护吧。线上系统用的是nginx，于是我采用了比较成熟的fail2ban+nginx防护方案。 首先安装配置fail2ban zypper addrepo http://download.opensuse.org/repositories/home:Peuserik/SLE_11_SP2/home:Peuserik.repo zypper refr
ue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。
动态创建的元素是不够的，它只是临时存放在内存中，最终我们需要放到页面文档并呈现出来。那么问题来了，怎么放到文档上？
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
