代码改变世界

按照这样的流程玩博客,最后都到了这里

2015-08-31 23:28 by Barret Lee, 2088 阅读, 收藏, 编辑
摘要: 几天前,我已经把博客迁移到了 http://www.barretlee.com,而同样前几天看到 Nicholas C.Zakas 大师把自己的博客从 wordpress 迁移到了 jekyll,很巧的是我这几天也在干这件事情。不过我是迁移到 hexo,刚开始托管在 github,后来改到 gitc...阅读全文

在线调试方案的思考与实践

2015-08-24 22:29 by Barret Lee, 2730 阅读, 收藏, 编辑
摘要: 本文的要点不在移动端调试上,移动端调试无非就是调试页面和调试工具之间存在分离,消除这种分离并创建连结就能解决移动端的调试问题。重点阐述的是所见即所得的调试模式下会遇到的阻碍。当我们打开网页,发现一个模块没有正确地渲染或者空白时,如果控制台有报错,会直接根据报错定位到源码位置开始 debug;如果控制...阅读全文

让浏览器不再显示 https 页面中的 http 请求警报

2015-08-21 11:08 by Barret Lee, 23735 阅读, 收藏, 编辑
摘要: HTTPS 是 HTTP over Secure Socket Layer,以安全为目标的 HTTP 通道,所以在 HTTPS 承载的页面上不允许出现 http 请求,一旦出现就是提示或报错:Mixed Content: The page at ‘https://www.taobao.com/‘ w...阅读全文

前端代码异常日志收集与监控

2015-08-20 00:20 by Barret Lee, 21204 阅读, 收藏, 编辑
摘要: 在复杂的网络环境和浏览器环境下,自测、QA测试以及 Code Review 都是不够的,如果对页面稳定性和准确性要求较高,就必须有一套完善的代码异常监控体系,本文从前端代码异常监控的方法和问题着手,尽量全面地阐述错误日志收集各个阶段中可能遇到的阻碍和处理方案。☞ 收集日志的方法平时收集日志的手段,可...阅读全文

iconfont的蜕化操作

2015-08-17 09:54 by Barret Lee, 2602 阅读, 收藏, 编辑
摘要: 很多国外的网站,访问的时候可以看到,页面先是大面积白一下,然后恢复正常。原因是网页上用到了 webfont,这些页面很多情况都是直接引用 google 的 webfont 地址,中华大局域网下,由于网络原因,页面虽已经全部加载,引用的 webfont 资源却还未下载成功,这就导致了使用了 webfo...阅读全文

细说 Data URI

2015-08-12 09:38 by Barret Lee, 4894 阅读, 收藏, 编辑
摘要: Data URL 早在 1995 年就被提出,那个时候有很多个版本的 Data URL Schema 定义陆续出现在 VRML 之中,随后不久,其中的一个版本被提上了议案——将它做个一个嵌入式的资源放置在 HTML 语言之中。从 RFC 文档定稿的时间来看(1998年),它是一个很受欢迎的发明。Da...阅读全文

如何快速定位不小心暴露到全局的变量

2015-07-09 11:40 by Barret Lee, 2156 阅读, 收藏, 编辑
摘要: 今天在查看页面控制台的时候,无意中看到了一个暴露到全局的变量 i,全局变量是不会被压缩工具压缩成简写的字母,这个被频繁使用的变量名暴露到全局也是个相当大的隐患,可能一个不小心就覆盖了第二次暴露到全局的同名变量。刚开始我就怀疑是自己出现了这样愚蠢的错误:function A() { // 在一个...阅读全文

修改Hosts为何不生效,是DNS缓存?

2015-05-11 10:47 by Barret Lee, 16139 阅读, 收藏, 编辑
摘要: Update:如果浏览器使用了代理工具,修改 Hosts 也不会生效。这里是因为,浏览器会优先考虑代理工具(如添加 pac 文件、SwitchySharp等)的代理,建议调试的时候先关闭这些代理。使用 pac 文件代理有的时候部分文件的代理不生效,应该是 pac 对应的代理服务器上,做了部分处理。部...阅读全文

前端工程架构探讨

2015-05-03 12:56 by Barret Lee, 3972 阅读, 收藏, 编辑
摘要: 回忆一下我们在工程开发中对目录结构的定义,一般分为两种,单页面多模块,多页面多模块。在单页面多模块的工程结构里,我们会考虑模块的复用性,比如:如何将公共的东西(样式、函数等)提取出来方便其他模块复用。在多页面多模块的场景中,也是一样,不过除了把全局共用的样式和方法提取到公共目录外,我们还会将多个地方...阅读全文

对前端质量保障的思考

2015-04-24 00:24 by Barret Lee, 5145 阅读, 收藏, 编辑
摘要: 我们时时在踩坑,有时也忍不住埋怨前人给我们留下了无数的坑,可回头想想,自己是不是也在挖坑等别人踩...上次听 赵海平 的讲座,他提到 Facebook 没有测试人员,以前和现在都没有,以后也不打算有。还提到上线之后就开发者坐在系统前等着,只要有bug,系统能够在五分钟之内检测到,并提供快捷方式修复。...阅读全文

从Facebook跑来阿里的赵海平大叔,你要干啥?

2015-04-07 21:52 by Barret Lee, 5484 阅读, 收藏, 编辑
摘要: 赵海平在今年三月份来到阿里,听毕玄(他现任主管)说去年五六月份就跟赵海平聊上了。有人问:为啥 BAT 三大巨头,你看中了阿里巴巴?在今天现场达一千多人的分享中赵海平给出了回复:“因为百度和腾讯没找我呗~”,他笑道,“百度以搜索为核心,优化了很多年了,估计也没啥可以优化的了;而腾讯除了 QQ 和微信,...阅读全文

根据访问属性进行差异化数据加载

2015-04-03 17:53 by Barret Lee, 968 阅读, 收藏, 编辑
摘要: 判断用户是否第一次访问页面,先不说怎么做,想想什么场景下会用到?如果我们页面的体积过大,用户第一次访问,会消耗大量的时间(2-5s)去下载页面所需要的资源,给用户带来的体验是很不好的,尤其是移动端的用户。如果我们可以在用户第一次访问的时候只加载主要内容,在这个主要内容中引导用户做更多的加载资源的操作...阅读全文

前人挖坑,后人填坑

2015-04-02 10:16 by Barret Lee, 5692 阅读, 收藏, 编辑
摘要: 写代码不免出点 bug,没有人可以保证自己写的代码不出问题,而那些没有被挖掘出来的 bug,便成了后来者哭笑不得的坑...这段时间公司全面 https 改造,涉及到域名的迁移,域名的迁移不是 nginx 做个映射就完事儿了,还有各种代码的去 schema,各种组件的搬迁,算是一个大手术!我看最近百度...阅读全文

也让盲人拥抱互联网

2014-12-21 16:28 by Barret Lee, 1645 阅读, 收藏, 编辑
摘要: 中国盲人人数已经超过了600万,平均每200多人中就有一位是盲人,这个规模还是相当庞大的。由于视觉障碍,盲人同这个世界的交集小了很多,但互联网的的发展为他们打开了一扇与更多人交流的窗口。[图片取自网络 - 吴铸上网只需要键盘、音响和麦克]这个窗口的开关掌握在我们工程师手中!我们有义务也有责任为他们开...阅读全文

谈谈D2

2014-11-01 11:32 by Barret Lee, 3340 阅读, 收藏, 编辑
摘要: 很多参与了 D2 的人还不知道 D2 是个什么东西,印象中就是很多很多前端工程师汇聚在一起,交流技术。D2 是 D2前端技术论坛的简称,英文名 Designer & Developer Frontend Technology Forum。下面的介绍比较官方:D2 由「淘宝网」发起,每届由 D2 前端...阅读全文