我之前写过关于cypress的文章，[链接]，最近在工作中用到cypress比较多了，顿时觉得cypress确实是比较优秀的一个。 1. 软件安装. 2. 安装cypress 安装cypress客户端：[链接] 安装vscode编辑器：[链接] 3. 初始化 假如项目目录是 /test 打开cypress客户端， 点击箭头位置，通过资源管理器选择/test目录 如果/test没有cypr...

关于jest和jenkins集成，我走了一些弯路。之前一直用jenkins打包nodejs镜像。想做nodejs自动化接口测试时，我也按照打包镜像的套路走，感觉走到死胡同。网上搜jest jenkins integration, 感觉很多答案都不靠谱。终于自己走通了一遍。

通常来说Chrome如果占用过高的内存，这并不是什么问题，毕竟Chrome的性能以及易用性是建立在占用很多内存的基础上的。但是无论什么程序，持续的占用超过80%的cpu，都是极不正常的。大多数程序都是占用维持在低于10%的CPU。

有些安全性不太重要的数据，我不想花大力气搞一台服务器，再安装mysql或者 monogdb，再写点rest接口。这也太麻烦了，浏览器里本来就有很好用的数据库。你为什么不尝试一下呢？

端到端测试一般都需要一个Web容器，来运行前端应用。例如Chromium, Electron, PhantomJS, WebDriver等等。

阅读原文 1. WakaTime 自动化时间记录工具 WakaTime致力为程序员提供于自动化时间记录功能，它提供很多的IDE插件，可以通过这些插件清晰的告诉你一些可视化的信息。 WakeTime功能列表 每个项目你所花费的时间 每种编程语言你所花费的时间 一天的平均编码信息 编辑器使用记录 可以生成日报，周报，月报，以邮件的形式发送...

阅读原文：[链接] 1. 把错误打印出来 WebSocket断开的原因有很多，最好在WebSocket断开时，将错误打印出来。 在线demo地址：[链接] {代码...} 如果你想自己玩玩WebSocket, 但是你又不想自己部署一个WebSocket服务器，你可以使用ws = new WebSocket('wss://echo.websocket.org/'), 你向echo.websocket.org发送消息，它会...

阅读原文：[链接] 大部分时间，我都是使用git命令行来完成各种git操作。 然而有时候，想可视化的查看各个分支之间的关系时，还是觉得有个GUI工具比较完美。 众里寻他千百度，默然回首，她在github上。 GitUp, The Git interface you've been missing all your life has finally arrived [链接] 1. 功能介绍 1.1. 可视化...

简单说一下思路：WebSocket底层基于TCP协议的，如果你的服务器基于HTTP协议暴露80端口，那WebSocket肯定无法连接。你只要将HTTP协议修改成TCP协议就可以了。

阅读原文 1. 代码应当易于理解 唯一标准：让别人理解的时间最小 2. 把信息装到名字里 选择专业的词 避免泛泛的名字 使用具体的名字代替抽象的名字 为名字携带更多的信息 名字的作用域越大，最好名字越长 丢掉没用的词 单词 更多选择 send deliver, dispatch, announce, distribute,route find search, extract, locate, ...

后续的更新会直接在github上，如需查看最新文档，请直接访问原始仓库。另外用了七牛的测试域名做图片托管，现在发现很多图片都无法显示了，建议直接参看git仓库里的, 仓库中的示例图片不是用的七牛云，都能正常显示。 仓库地址：[链接]

1. 问题现象 使用netstat -ntp命令时发现，Recv-Q 1692012 异常偏高（正常情况下，该值应该是0），导致应用占用过多的内存。 {代码...} 问题原因：代理的转发时，没有删除逐跳首部 2. 什么是Hop-by-hop 逐跳首部？ http首部可以分为两种 端到端首部 End-to-end: 端到端首部代理在转发时必须携带的 逐跳首部 Hop-by-hop: ...

1. 功能最强：regex101 优点： 支持多种语言, prec,php,javascript,python,golang 界面美观大方 支持错误提示，实时匹配 缺点： 有时候加载速度太慢 2. 可视化正则绘图: Regulex 优点： 实时根据正则表达式绘图 页面加载速度快 3. 可视化正则绘图：regexper 优点： 根据正则表达式绘图 页面加载速度快 缺点： 无法实时绘...

在使用中文输入法输入中文的时候，一直按后退键，例如输入sfsf，当你按了4下后退键时，你会发现，搜狗输入法弹出框虽然消失了，但是页面上还会剩下一个s, 这是你如何再次按一下后退的话，s就会变成bs, 变成隐藏字符。这个一般是右边有markdown渲染插件时才会出现。

原文链接 读书，嗯，读书 教程目的 通过邮件向kindle推送一本电子书 记录我遇到过的那些坑 前期准备 一台可以上网的电脑 一个电子书 一个kindle 你的kindle邮箱是什么？ 登录亚马逊，地址：[链接] 鼠标移动到导航栏上的我的账户 点击下拉框中的：管理我的内容和设备 会出现下面tab页面 => 设置 => 个人文档设置 =&...

之前我是使用wangduanduan.github.io作为我的博客地址，后来觉得麻烦，有把博客关了。最近有想去折腾折腾。先看效果：wdd.js.org 如果你不了解js.org可以看看我的这篇文章:一个值得所有前端开发者关注的网站js.org 前提 已经有了github pages的一个博客，并且博客中有内容，没有内容会审核不通过的。我第一次申请域名，...

1 HTTP携带信息的方式 url headers body: 包括请求体，响应体 2 分离通用信息 一般来说，headers里的信息都是通用的，可以提前说明，作为默认参数 3 路径中的参数表达式 URL中参数表达式使用mustache的形式，参数包裹在双大括号之中{{paramName}} 例如： /api/user/{{userId}} /api/user/{{userType}}?age={{age}}&g...

markdown写文档虽然如行云流水，但是一旦需要引入图片了。往往需要四五步操作，如果图片仅仅保存在本地，那么复制markdown时，图片路径往往都不对了，还要重新上传一遍图片，很是麻烦。

一千个IE浏览器访问同一个页面，可能报一千种错误。前端激进派对IE恨得牙痒痒，但是无论你爱，或者不爱，IE就在那里，不来不去。 一些银行，以及政府部门，往往都是指定必须使用IE浏览器。所以，一些仅在IE浏览器上出现的问题。总结起来问题的原因很简单：IE的配置不正确 下面就将一个我曾经遇到的问题: IE11 0x2ee4， ...

1 ConEmu命令行： 漂亮的不像实力派 我曾这篇文章中《自从装了windows神器，再也不用羡慕mac了》，介绍过好几个命令行神器。 里面几个命令行我都有用过，但是最让我喜欢的是ConEmu，先说说它的特点。 平滑的窗口大小调整 标签和分裂（窗格） 窗口字体消除锯齿：标准，清除类型，禁用 快速的复制粘贴 可切换使用shell或者...

当你用浏览器访问某个网页时，你可曾想过，你看到的这个网页，实际上是属于你自己的。 打个比喻：访问某个网站就好像是网购了一筐鸡蛋，鸡蛋虽然是养鸡场生产的，但是这个蛋我怎么吃，你养鸡场管不着。 当然了，对于很多人来说，鸡蛋没有别的吃法，鸡蛋只能煮着吃。 你可以看如下的页面：当你在某搜索引擎上搜索前端开发...

在 /Users/username/Library/Caches/目录下，有以下两个文件， 可以看到，他们两个的用户是不一样的，一个是root一个username, 一般来说，我是以username来使用我的mac的。就是因为这两个文件的用户不一样，导致了更新失败。

没有什么事情是一个框架解决不了的，如果有，就再找一个。 Photo by 贝莉儿 NG on Unsplash 1 MVC frameworks 1.1 Sinatra-like 这些框架提供了丰富的配置，比Rails-like或full-stack少。 Express hapi flatiron locomotive total.js koa.js TWEE.IO diet.js Flicker.js ZinkyJS 1.2 Rails-like 正确呈现您的项目。从包...

1 visibilitychange事件 触发条件：浏览器标签页被隐藏或显示的时候会触发visibilitychange事件. 使用场景：当标签页显示或者隐藏时，触发一些业务逻辑 {代码...} 2 storage事件 触发条件：使用localStorage or sessionStorage存储或者修改某个本地存储时 使用场景：标签页间通信 {代码...} 3 beforeunload事件 触发条件...

1 You-Dont-Need-JavaScript CSS是强大的，你可以做很多事情没有JS。 本文教你使用原生CSS做下面的事情。 内容目录 手风琴/切换 圆盘传送带 检查复选框的计数器 翻转点击 Textfield上的浮动标签 字体（拉丁） 游戏 悬停/弹出信息 图片廊 菜单 移动菜单关闭画布 汉堡菜单 花式菜单 莫代尔/弹出 鼠标跟踪 视差滚动 标签 待...

我不知道世上的人对我怎样评价。我却这样认为：我好像是在海上玩耍，时而发现了一个光滑的石子儿，时而发现一个美丽的贝壳而为之高兴的孩子。尽管如此，那真理的海洋还神秘地展现在我们面前。—— 牛顿

引子： 很多时候，当我要字符串截取时，我会想到substr和substring的方法，但是具体要怎么传参数时，我总是记不住。哪个应该传个字符串长度，哪个又应该传个开始和结尾的下标，如果我不去查查这两个函数，我始终不敢去使用它们。所以我总是觉得，这个两个方法名起的真是蹩脚。然而事实是这样的吗？

0 阅前须知 本文并不是教程，只是实现方案 我只是从WEB端考虑这个问题，实际还需要后端sip服务器的配合 jsSIP有个非常不错的在线demo, 可以去哪里玩耍，很好玩呢 try jssip 1. 技术简介 WebRTC: WebRTC，名称源自网页即时通信（英语：Web Real-Time Communication）的缩写，是一个支持网页浏览器进行实时语音对话或视频...

1 JavaScript Standard Style简介 本工具通过以下三种方式为你（及你的团队）节省大量时间： 无须配置。 史上最便捷的统一代码风格的方式，轻松拥有。 自动代码格式化。 只需运行 standard --fix 从此和脏乱差的代码说再见。 提前发现风格及程序问题。 减少代码审查过程中反反复复的修改过程，节约时间。 无须犹豫。再也...

github向我推荐这个xmysql时候，我瞟了一眼它的简介One command to generate REST APIs for any MySql Database, 说实话这个介绍让我眼前一亮，想想每次向后端的同学要个接口的时候，他们总是要哼哧哼哧搞个半天给才能我。抱着试试看的心态，我试用了一个疗程，oh不是， 是安装并使用了一下。 说实话，体验是蛮不错的，...