摘要：
判断用户是否第一次访问页面，先不说怎么做，想想什么场景下会用到？如果我们页面的体积过大，用户第一次访问，会消耗大量的时间(2-5s)去下载页面所需要的资源，给用户带来的体验是很不好的，尤其是移动端的用户。如果我们可以在用户第一次访问的时候只加载主要内容，在这个主要内容中引导用户做更多的加载资源的操作... 阅读全文
随笔分类 - Others
前人挖坑，后人填坑
2015-04-02 10:16 by Barret李靖, 7989 阅读, 收藏, 编辑
摘要：
写代码不免出点 bug，没有人可以保证自己写的代码不出问题，而那些没有被挖掘出来的 bug，便成了后来者哭笑不得的坑...这段时间公司全面 https 改造，涉及到域名的迁移，域名的迁移不是 nginx 做个映射就完事儿了，还有各种代码的去 schema，各种组件的搬迁，算是一个大手术！我看最近百度... 阅读全文
谈谈D2
2014-11-01 11:32 by Barret李靖, 4546 阅读, 收藏, 编辑
摘要：
很多参与了 D2 的人还不知道 D2 是个什么东西，印象中就是很多很多前端工程师汇聚在一起，交流技术。D2 是 D2前端技术论坛的简称，英文名 Designer & Developer Frontend Technology Forum。下面的介绍比较官方：D2 由「淘宝网」发起，每届由 D2 前端... 阅读全文
我在阿里这仨月
2014-10-30 21:54 by Barret李靖, 18837 阅读, 收藏, 编辑
摘要：
Alibaba 试用期是三个月，转眼三个月过去了，也到了转正述职的时间。回想这三个月做过的事情，很多很杂，但还是有重点。本文谈一谈工作中遇到的各种场景，需要用到的一些前端知识，以及我对前端进阶学习的一点思考。一、漫谈刚入职不久阿里巴巴就上市了，这是件振奋人心的事情。实际上在正式入职之前，我就已经在淘... 阅读全文
PC远程调试移动设备
2014-08-29 00:15 by Barret李靖, 4042 阅读, 收藏, 编辑
摘要：
我们在移动端进行前端开发时，会遇到一个让人头痛但不得不面对的问题——调试。在 PC 机器上，我们有功能强大的 Chrome DevTools、Firebug，即便是老版本的 IE ，我们也可以安装微软提供的插件，对网页样式和请求信息轻松进行调试。但在手机、平板上，很多人就无招可施了，一个劲的 ale... 阅读全文
谈谈前后端的分工协作
2014-08-03 01:06 by Barret李靖, 17550 阅读, 收藏, 编辑
摘要：
前后端分工协作是一个老生常谈的大话题，很多公司都在尝试用工程化的方式去提升前后端之间交流的效率，降低沟通成本，并且也开发了大量的工具。但是几乎没有一种方式是令双方都很满意的。事实上，也不可能让所有人都满意。根本原因还是前后端之间的交集不够大，交流的核心往往只限于接口及接口往外扩散的一部分。这也是为什... 阅读全文
学习和面试，这两件事儿
2014-08-01 00:04 by Barret李靖, 6666 阅读, 收藏, 编辑
摘要：
公司上班之后，可支配的时间少了，不能说学习的时间少了，在公司这个环境中，我们学到更多的不一定是技术，还有人和人之间的交往，也有职场的潜规则。技术学习和技术分享需要持之以恒，希望以后可以做到这点！ 阅读全文
个人网站架构设计(三) - 从设计到前端到后台
2014-07-04 18:06 by Barret李靖, 12497 阅读, 收藏, 编辑
摘要：
网站地址：http://barretlee.com在五月份，写过两篇博客，提到了要给自己做个网站，当时人在实习，没太多的时间，只是把大概的思路捋了一番，顺道也买了个云主机（配置比较低，内存才500M）。接着返校处理毕业事宜，于是六月也随着同学之间挥泪告别的声音渐渐远去。七月，家里呆着，中旬回公司。想... 阅读全文
个人网站架构设计(二)
2014-05-15 01:32 by Barret李靖, 5619 阅读, 收藏, 编辑
摘要：
网站地址：http://barretlee.com昨天对网站的架构做了一个简要的分析，有些人不太理解，有了 NodeJS 还要 php 干啥？我推荐了几篇文章给这位童鞋看了：也谈基于NodeJS的全栈式开发（基于NodeJS的前后端分离）基于前后端分离的模版探索Midway-ModelProxy —... 阅读全文
个人网站架构设计(一)
2014-05-13 23:13 by Barret李靖, 10858 阅读, 收藏, 编辑
摘要：
网站地址：http://barretlee.com从大二开始，坚持每月3到8篇的技术分享，到现在差不多两年了。一直在分享之中跟着大家一起进步，从最开始的点点网，到github，再到现在的博客园。分享是一件有趣的事情，能够收到很多的反馈，渐渐地，已经把写博当成一种习惯。在不同的平台上写博客会有不同的感... 阅读全文
Etag缓存在PHP和NodeJS中的实现
2014-05-11 19:26 by Barret李靖, 5846 阅读, 收藏, 编辑
摘要：
HTTP 提供了许多页面缓存的方案，其中属 Etag 和 Last-Modified 应用最广。本文会先介绍 Etag 的应用场景，然后说说他在 php 和 node 中的使用。本文地址：http://www.cnblogs.com/hustskyking/p/etag-in-node.html，转... 阅读全文
git版本管理策略及相关技巧(A)
2014-05-07 21:00 by Barret李靖, 4917 阅读, 收藏, 编辑
摘要：
公司几乎所有的项目都是使用 git 仓库来管理代码，以前对 git 只有些肤浅的了解，每次提交代码或者上线的时候总是会提心吊胆，生怕出现一些未知的问题。经过三个月的踩坑和填坑， git 操作颇显成熟。仅以此文回忆学习 git 的历史。本文地址：http://www.cnblogs.com/husts... 阅读全文
XSS零碎指南
2014-05-01 12:59 by Barret李靖, 7629 阅读, 收藏, 编辑
摘要：
该文章是本人两天的学习笔记，共享出来，跟大家交流。知识比较零散，但是对有一定 JS 基础的人来说，每个小知识都有助于开阔你的 Hack 视角。首先声明，本文只是 XSS 攻击的冰山一角，读者自行深入研究。本文地址：http://www.cnblogs.com/hustskyking/p/xss-sn... 阅读全文
npm穿墙
2014-04-01 00:03 by Barret李靖, 9354 阅读, 收藏, 编辑
摘要：
GWF 很给力，很多东西都能墙掉，但是把 npm 也纳入黑名单，不知道 GWFer 是怎么想的。FQ翻了好多年了，原理其实也挺简单的，proxy 嘛！»方法一A)国内源，http://cnpmjs.org使用方式，你可以在 cmd 中键入 npm install -g cnpm，然后出去吃个饭，如果还没有安装好，那就换个方式：npm install -g cnpm --registry=http://r.cnpmjs.orgregistry 参数的作用就是指向需要 download 的仓库。 cnpm 跟国外的 npm 是同步的，只要 npm 有更新，cnpm 就会跟着一起更新。当然 阅读全文
[入园两周年，撒花~] 感想以及一些文章索引
2014-03-17 15:02 by Barret李靖, 2256 阅读, 收藏, 编辑
摘要：
接触前端快三年了，记得是在大二的时候开始进博客园写博，三年的成长有两年得益于与各位前辈的交流和讨论。首先感谢博客园给我们提供了很好的交流平台，也祝博客园的建设越来越好！同时也感谢技术上擦过火花的小伙伴们，希望以后的日子里可以更多更深入的交流！一点学习经验以 Barret 这个名字混迹于不少 QQ 群中，时间比较久了，跟一些人也建立了比较好的友谊关系。在群里，不管是提问还是回答别人提出的问题，总能在未知领域找到属于自己的东西。现在还会经常在群里碰到学习前端的新人，他们有时提问抓不到关键词或者不知道如何形容自己的问题，这也让我看到了当初的自己，希望有经验的学习者可以包容这些人，耐心的回答他们提出的 阅读全文
软件（代码）开源，协议声明
2014-03-14 19:52 by Barret李靖, 3619 阅读, 收藏, 编辑
摘要：
注意：对于协议有个大概的了解就行了，本文叙述不是很标准，如果要做具体了解，请戳文中给出的链接。关于开源协议网上有很多说明，不过写的都十分晦涩，让人木有读下去的欲望，下面给大家简单的科普一下。一般很少人关注代码开源的协议说明，我们平时看到的 MIT Apache BSD 等，一堆英文的缩写，也懒得去看具体的内容，这说明你的维权意识还不是很强。辛辛苦苦写了一堆代码，贴到某个分享区，啪一下被人家复制走了，然后别人改个名字，捎带加个协议，说是自己写的，一般情况下这种事情的发生我们可以忽视之，当如果这串代码被人家作为商用，成为挣钱利器，那个时候你后悔也来不及了。目前市面上看到的协议种类还是挺繁多的，同一 阅读全文
工作，但别忘了生活
2014-03-12 15:02 by Barret李靖, 3068 阅读, 收藏, 编辑
摘要：
已经一点多了[昨晚写的]，其实我现在挺累的，想去睡个觉，不过有些东西还是需要记录一下。人已经不在学校了，也不想谈太多学校里面的事情，社会和学校之间似乎有一层屏障，把很多东西都分隔开了。我挺喜欢学校，很自由，可以不慌不忙的支配时间。只是有些许内疚，大学没去好好支配时间。最近在看什么呢？《宏观经济学》、《心理学导论》、《税法》，当然也少不了一些技术书籍。这几天发生在我身边的事情让我感觉到，人特别渺小，尤其是缺乏知识的人，跟社会接轨的比较少，当走进社会之后就显得更渺小了。在学校，每个人都期望着找准自己的位置，寻找社会上适合自己的角色，一些人找到了，还有一些人，继续留在学校，他们或许找到了自己的定位， 阅读全文
git/ssh捋不清的几个问题
2014-03-11 23:09 by Barret李靖, 14884 阅读, 收藏, 编辑
摘要：
主要是 windows 用户会遇到很多纠结的问题，linux/unix 用户属于这方面的高端用户，应该有能力处理此类问题，而且网络上也有很多解决方案，本文的授众是 windows 用户。由于今天配置了一下午，虽说配置过程基本搞清楚，懒得重新配置一遍，所以文中皆以文字形式叙述，没有截图。本文地址：http://www.cnblogs.com/hustskyking/p/problems-in-git-when-ssh.html，转载请注明源地址。一、概念的解释1. rsa 与 rsa.pub网上很容易搜到的东西我就不说了，我们知道，通过：ssh-keygen -t rsa -C "so 阅读全文
再探@font-face及webIcon制作
2014-01-27 01:50 by Barret李靖, 5640 阅读, 收藏, 编辑
摘要：
@font-face 不能说他是什么新东西了，在 CSS2.0 规范中就有了这玩意儿，IE4.0 开始就已经出现，只是当时用的不是特别广泛，后来在 CSS2.1 草案中又被删掉。随着 web 的急速发展，@font-face 价值越来越凸显，然后再次被纳入 CSS3 草案中。@font-face 是个什么东西，本文不做过多说明，不太清楚的童鞋可以看这里 http://www.w3schools.com/css/css3_fonts.asp。需要强调的是他的书写格式：@font-face { font-family: ; src: [][, []]*; [font-weigh... 阅读全文
进阶正则表达式
2014-01-18 00:32 by Barret李靖, 17968 阅读, 收藏, 编辑
摘要：
关于正则表达式，网上可以搜到一大片文章，我之前也搜集了一些资料，并做了排版整理，可以看这篇文章http://www.cnblogs.com/hustskyking/archive/2013/06/04/RegExp.html，作为基础入门讲解，这篇文章说的十分到位。记得最开始学习正则，是使用 php 做一个爬虫程序。为了获取指定的信息，必须用一定的方式把有规律的数据匹配出来，而正则是首选。下面是当时写的爬虫程序的一个代码片段：$regdata = "/((?[^){0,1}⊙(?.{12})\S*\s/";//获取页面$html = file_get_contents(&# 阅读全文