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

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

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

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

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

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

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

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

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

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

1 广告拦截：AdBlock 2 获取网页样式：CSS Peeper 3 扩展管理：扩展管理器（Extension Manager） 4 json格式化：JSON-handle 5 多点高亮查找：Multi-highlight 6 github源码阅读：Octotree 7 http接口调试：Postman 8 脚本增强：Tampermonkey 9 脚本注入：Script Injector 10 键步如飞：Vimium 11 Vue开发利器：Vue.js d...

本文来自于公司内部的一个分享。在文档方面，对内的一些接口文档主要是用swagger来写的。虽然可以在线测试，比较方便。但是也存在着一些更新不及时，swgger文档无法导出成文件的问题。在对外提供的文档方面：我主要负责做一个浏览器端的一个js sdk。文档还算可以github地址，所以想把一些写文档的心得分享给大家。

原文地址git地址 基础工具 accounting.js async axios chance date-fns format.js immutable is.js lodash Math.js Moment.js Numeral.js string.js underscore.js voca wait xregexp.com 编译 / 类型检查 Babel TypeScript Flow 代码分析引擎 Tern JavaScript兼容性检查器 jscc.info/ Linting/ Hinting & Style Lin...

1 语法 {代码...} 一般用法： {代码...} 2 扩展用法 2.1 replacer replacer可以是函数或者是数组。 功能1: 改变属性值将isDead属性的值翻译成0或1，0对应false,1对应true {代码...} 功能2：删除某个属性将isDead属性删除，如果replacer的返回值是undefined,那么该属性会被删除。 {代码...} 功能3: 通过数组过滤某些属性...

一般的方法往往给表单的各个input、select等加上readonly，但是这个方法有很多缺点。此处就不一一赘述。 我说的方法只需要给表单加上一个类，就可以让表单只读。 {代码...} 方法1: 用:before给form做个看不见的蒙版，遮住下面所有的元素，使之不响应任何事件 {代码...} 方法2: 用pointer-events:none, 让所有事件穿透for...

以谷歌浏览器为栗子 1 打开一个HTTPS网站，例如[链接] 2 F12 -> Secutity -> 点击View certificate 3 详细信息 -> 复制到文件 4 证书导出向导 这一步要给证书文件起个名字，后缀名就不用了。 然后在你的桌面上就多了一个证书文件。

例如在github pages页面，这是一个https页面，如果在这个页面向http发送请求，那么会直接被浏览器拒绝，并在控制台输出下面的报错信息。

1 VisualEvent github地址： [链接] 2 使用教程 打开[链接]，然后将visual Event连接拖动到浏览器的书签栏上 随便打开一个页面，然后点击VisualEvent书签后，页面就变成这样了。鼠标移动到蓝色或者黄色边框的元素上，相应得逻辑代码就会出现。截图左下角蓝色长条上有一些有用的信息，最左边有个关闭的按钮。 3. 最后 Vis...

在小朱元璋出生一个月后，父母为他取了一个名字（元时惯例）：朱重八，这个名字也可以叫做朱八八。我们这里再介绍一下，朱重八家族的名字，都很有特点。朱重八高祖名字：朱百六；朱重八曾祖名字：朱四九；朱重八祖父名字：朱初一；他的父亲我们介绍过了，叫朱五四。取这样的名字不是因为朱家是搞数学的，而是因为在元朝...

这两个表格验证插件我都用过，最早用的是jqueryValidataion, 现在用Parsley。这两个插件都依赖jQuery。但是如果说那个跟好用的话，真心推荐Parsley。Parsley号称不用写一行代码就能验证表单。另外从star的数量上也可以看出来Parsley更流行。而且Parsley支持在html中就将错误信息定义在里面。

1 serve: 在任意目录开启静态文件服务器 [链接] 2 lambda-view：优雅的看js源码 [链接] 3 ConEmu：windows命令行从未如此迷人 [链接] 4 Wox：天下武功，唯快不破 [链接] 5 gow：谁说windows不能用linux命令 [链接] 6 vimium：像用vim一样用chrome浏览器 [链接] 7 localtunnel：将内网地址转化成公网地址 [链接] 8 Browse...

通过打开谷歌浏览器的dev tools -> Settings -> Elements -> Show user agent shadow DOM, 你可以看到其实Audio标签也是由常用的 input标签和div等标签合成的。

当我们使用原生的audio标签时，可以看到如下的效果。 那么如何让下载按钮隐藏掉呢？ 1. controlsList="nodownload" {代码...} controlsList属性只兼容Chrome 58+以上，具体可以参考controlslist.html ，controlsList在线例子 nodownload: 不要下载 nofullscreen: 不要全屏 noremoteplayback: 不要远程回放 2. css方式来...

特点 无依赖 无检查 无错误处理 无逻辑 无配置 代码 {代码...} demo {代码...}

其实浏览器本身是可以选择不同的iframe的执行环境的。例如有个变量是在iframe里面定义的，你只需要切换到这个iframe的执行环境，你就可以随意操作这个环境的任何变量了。

本篇文章来自一个需求，前端websocket会收到各种消息，但是调试的时候，我希望把websoekt推送过来的消息都保存到一个文件里，如果出问题的时候，我可以把这些消息的日志文件提交给后端开发区分析错误。但是在浏览器里，js一般是不能写文件的。鼠标另存为的方法也是不太好，因为会保存所有的console.log的输出。于是，终...

{代码...} {代码...}

对于一个前端开发来说，按F12的是不能调出dev tools是不能容忍的Bug！对于一个前端开发来说，Fn键放在Ctrl键左边，真想扣掉FN, 把Ctrl塞进去！thinkpadT450 总体来说还不错，就这两点实在让人不爽。现在就DIY属于你自己的键盘风格吧！

Github Gis服务 出生名门github 用于记录代码片段 匿名张贴 能像wiki一样记录历史如果您修改了已经发布了的Gist的话，之前的所有版本都将被保存。 支持markdown ... 更多介绍请看：如何看待 Github Gist这个服务，怎样更好的利用？ 客户端 gistbox: 谷歌浏览器插件，用来编写gist lepton: 支持windows, max,linux 我自己...

对于执行时间过长的脚本，有的浏览器会弹出警告，说页面无响应。有的浏览器会直接终止脚本。总而言之，浏览器不希望某一个代码块长时间处于运行状态，因为js是单线程的。一个代码块长时间运行，将会导致其他任何任务都必须等待。从用户体验上来说，很有可能发生页面渲染卡顿或者点击事件无响应的状态。