在 Linux 和 Windows 上调试 iOS Webview
2018-09-05 · 582 chars · 3 min read
前端 H5 开发,在 macOS 上使用 Safari 调试 Webview 页面相对容易。但是在 Linux 和 Windows 上就比较麻烦了,今天在这里介绍两种方案,方便使用 Linux 和 Windows 的开发者。
由于我手头上只有一台 archlinux,所以主要演示 Linux 下的操作,Windows 只会更简单。
2018-09-05 · 582 chars · 3 min read
前端 H5 开发,在 macOS 上使用 Safari 调试 Webview 页面相对容易。但是在 Linux 和 Windows 上就比较麻烦了,今天在这里介绍两种方案,方便使用 Linux 和 Windows 的开发者。
由于我手头上只有一台 archlinux,所以主要演示 Linux 下的操作,Windows 只会更简单。
2018-07-31 · 54 chars · 1 min read
2018年7月,网易实践者沙龙,分享:《基于 HTTP/2 的 Web 前端优化》
2018-05-29 · 783 chars · 4 min read
最近在做一个 node 工具,需要在 npm install 之后做一些事情,然而又不希望在每个包里加 scripts(可以想象成 eslint 和 eslint plugins,我不想在每个 plugin 里写 scripts,而是希望 eslint 在 plugins install 的时候“发现”他们,然后执行一些必要操作)。开始想各种方法,然后在 npm 文档 里看到了一个之前完全没印象的功能:"hook scripts" 。
2018-01-21 · 45 chars · 1 min read
2018年1月,第一届网易前端大会,分享:《Vue 和 TypeScript 实践》
2016-12-24 · 291 chars · 2 min read
不知道你有没有思考过一个问题,当前的很多框架&库,都在开发环境和生产环境下有不同的表现。例如 react,vue 等,可以判断props
的类型,并且在开发环境下打印警告信息,而生产环境则不会。这是如何做到的呢?
Redux 提供了一种很妙的方案:
2016-09-29 · 530 chars · 3 min read
git 是目前最流行的版本管理工具之一,日常开发中时时刻刻都在于 git 打交道,git 原本已经足够强大,但是在命令行模式下,并不美观,这次介绍几个我积累的配置,强化你的 git。
在你执行git pull
的时候,如果远程仓库已经有人提交了新的代码,那么 git 默认会进行 merge,结果就是:
2016-09-17 · 992 chars · 5 min read
今年一直在公司折腾 nodejs,实实在在的体会了一把“随便玩玩”和“真正投产”的区别。在各种环境,各种防火墙,各种权限中对程序做验证,少不了 curl 这个神器,只要掌握几个简单的命令,完全可以抛弃 Postman、ARC、DHC、REST Console 等“好用”的 chrome 扩展。
在介绍前,我需要先做两点说明:
--request
而不是-X
,这是为了好记忆。下面开始简单介绍几个命令:
2016-07-24 · 586 chars · 3 min read
好久好久好久没有写文章了,因为最近的闲暇时间全部贡献给了nfm
现在是广告时间,nfm 是一个基于 nodejs 的文件管理系统,目的是解决前端 cdn 静态资源的管理,前端使用 react+redux 实现,后端为 nodejs,目前还没完成(努力中),欢迎大家 star,https://github.com/keenwon/nfm。
在写 nfm 单元测试的时候,遇到个诡异的问题…
2016-03-18 · 319 chars · 2 min read
最近看到一篇文章,又涨知识了,以前还真没想到 opener 能这么玩。简单介绍下:
假设你当前在浏览一个页面,上面有个链接(可能是用户输入的):
<a target="_blank" href="">点击</a>
在新打开的标签页通过 window.oponer ,可以获得当前页面的 window 。这样的话,http://keenwon.com (被打开的页面)将获得当前页面的部分控制权,即使新打开的页面是跨域的也照样可以(例如 location 就不存在跨域问题)。
大家试试这个 demo,demo 只是跳到了百度首页,但是如果跳到了钓鱼网站呢?直接提示用户登录,而此时用户注意力集中在新开标签页里,很可能不会注意到原页面在后台的变化。
2016-01-16 · 305 chars · 2 min read
Javascript 中的继承一直是个比较麻烦的问题,prototype、constructor、__proto__在构造函数,实例和原型之间有的复杂的关系,不仔细捋下很难记得牢固。ES6 中又新增了 class 和 extends,和 ES5 搅在一起,加上平时很少自己写继承,简直乱成一锅粥。不过还好,画个图一下就清晰了,下面不说话了,直接上图,上代码。