代码改变世界

随笔分类 - Others

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

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

前人挖坑,后人填坑

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

谈谈D2

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

我在阿里这仨月

2014-10-30 21:54 by Barret李靖, 17867 阅读, 收藏, 编辑
摘要:Alibaba 试用期是三个月,转眼三个月过去了,也到了转正述职的时间。回想这三个月做过的事情,很多很杂,但还是有重点。本文谈一谈工作中遇到的各种场景,需要用到的一些前端知识,以及我对前端进阶学习的一点思考。一、漫谈刚入职不久阿里巴巴就上市了,这是件振奋人心的事情。实际上在正式入职之前,我就已经在淘... 阅读全文

PC远程调试移动设备

2014-08-29 00:15 by Barret李靖, 3414 阅读, 收藏, 编辑
摘要:我们在移动端进行前端开发时,会遇到一个让人头痛但不得不面对的问题——调试。在 PC 机器上,我们有功能强大的 Chrome DevTools、Firebug,即便是老版本的 IE ,我们也可以安装微软提供的插件,对网页样式和请求信息轻松进行调试。但在手机、平板上,很多人就无招可施了,一个劲的 ale... 阅读全文

谈谈前后端的分工协作

2014-08-03 01:06 by Barret李靖, 15549 阅读, 收藏, 编辑
摘要:前后端分工协作是一个老生常谈的大话题,很多公司都在尝试用工程化的方式去提升前后端之间交流的效率,降低沟通成本,并且也开发了大量的工具。但是几乎没有一种方式是令双方都很满意的。事实上,也不可能让所有人都满意。根本原因还是前后端之间的交集不够大,交流的核心往往只限于接口及接口往外扩散的一部分。这也是为什... 阅读全文

学习和面试,这两件事儿

2014-08-01 00:04 by Barret李靖, 6327 阅读, 收藏, 编辑
摘要:公司上班之后,可支配的时间少了,不能说学习的时间少了,在公司这个环境中,我们学到更多的不一定是技术,还有人和人之间的交往,也有职场的潜规则。技术学习和技术分享需要持之以恒,希望以后可以做到这点! 阅读全文

个人网站架构设计(三) - 从设计到前端到后台

2014-07-04 18:06 by Barret李靖, 10642 阅读, 收藏, 编辑
摘要:网站地址:http://barretlee.com在五月份,写过两篇博客,提到了要给自己做个网站,当时人在实习,没太多的时间,只是把大概的思路捋了一番,顺道也买了个云主机(配置比较低,内存才500M)。接着返校处理毕业事宜,于是六月也随着同学之间挥泪告别的声音渐渐远去。七月,家里呆着,中旬回公司。想... 阅读全文

个人网站架构设计(二)

2014-05-15 01:32 by Barret李靖, 5159 阅读, 收藏, 编辑
摘要:网站地址:http://barretlee.com昨天对网站的架构做了一个简要的分析,有些人不太理解,有了 NodeJS 还要 php 干啥?我推荐了几篇文章给这位童鞋看了:也谈基于NodeJS的全栈式开发(基于NodeJS的前后端分离)基于前后端分离的模版探索Midway-ModelProxy —... 阅读全文

个人网站架构设计(一)

2014-05-13 23:13 by Barret李靖, 9785 阅读, 收藏, 编辑
摘要:网站地址:http://barretlee.com从大二开始,坚持每月3到8篇的技术分享,到现在差不多两年了。一直在分享之中跟着大家一起进步,从最开始的点点网,到github,再到现在的博客园。分享是一件有趣的事情,能够收到很多的反馈,渐渐地,已经把写博当成一种习惯。在不同的平台上写博客会有不同的感... 阅读全文

Etag缓存在PHP和NodeJS中的实现

2014-05-11 19:26 by Barret李靖, 4811 阅读, 收藏, 编辑
摘要: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李靖, 4141 阅读, 收藏, 编辑
摘要:公司几乎所有的项目都是使用 git 仓库来管理代码,以前对 git 只有些肤浅的了解,每次提交代码或者上线的时候总是会提心吊胆,生怕出现一些未知的问题。经过三个月的踩坑和填坑, git 操作颇显成熟。仅以此文回忆学习 git 的历史。本文地址:http://www.cnblogs.com/husts... 阅读全文

XSS零碎指南

2014-05-01 12:59 by Barret李靖, 6755 阅读, 收藏, 编辑
摘要:该文章是本人两天的学习笔记,共享出来,跟大家交流。知识比较零散,但是对有一定 JS 基础的人来说,每个小知识都有助于开阔你的 Hack 视角。首先声明,本文只是 XSS 攻击的冰山一角,读者自行深入研究。本文地址:http://www.cnblogs.com/hustskyking/p/xss-sn... 阅读全文

npm穿墙

2014-04-01 00:03 by Barret李靖, 8327 阅读, 收藏, 编辑
摘要:GWF 很给力,很多东西都能墙掉,但是把 npm 也纳入黑名单,不知道 GWFer 是怎么想的。翻墙翻了好多年了,原理其实也挺简单的,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李靖, 1988 阅读, 收藏, 编辑
摘要:接触前端快三年了,记得是在大二的时候开始进博客园写博,三年的成长有两年得益于与各位前辈的交流和讨论。首先感谢博客园给我们提供了很好的交流平台,也祝博客园的建设越来越好!同时也感谢技术上擦过火花的小伙伴们,希望以后的日子里可以更多更深入的交流!一点学习经验以 Barret 这个名字混迹于不少 QQ 群中,时间比较久了,跟一些人也建立了比较好的友谊关系。在群里,不管是提问还是回答别人提出的问题,总能在未知领域找到属于自己的东西。现在还会经常在群里碰到学习前端的新人,他们有时提问抓不到关键词或者不知道如何形容自己的问题,这也让我看到了当初的自己,希望有经验的学习者可以包容这些人,耐心的回答他们提出的 阅读全文

软件(代码)开源,协议声明

2014-03-14 19:52 by Barret李靖, 2629 阅读, 收藏, 编辑
摘要:注意:对于协议有个大概的了解就行了,本文叙述不是很标准,如果要做具体了解,请戳文中给出的链接。关于开源协议网上有很多说明,不过写的都十分晦涩,让人木有读下去的欲望,下面给大家简单的科普一下。一般很少人关注代码开源的协议说明,我们平时看到的 MIT Apache BSD 等,一堆英文的缩写,也懒得去看具体的内容,这说明你的维权意识还不是很强。辛辛苦苦写了一堆代码,贴到某个分享区,啪一下被人家复制走了,然后别人改个名字,捎带加个协议,说是自己写的,一般情况下这种事情的发生我们可以忽视之,当如果这串代码被人家作为商用,成为挣钱利器,那个时候你后悔也来不及了。目前市面上看到的协议种类还是挺繁多的,同一 阅读全文

工作,但别忘了生活

2014-03-12 15:02 by Barret李靖, 2764 阅读, 收藏, 编辑
摘要:已经一点多了[昨晚写的],其实我现在挺累的,想去睡个觉,不过有些东西还是需要记录一下。人已经不在学校了,也不想谈太多学校里面的事情,社会和学校之间似乎有一层屏障,把很多东西都分隔开了。我挺喜欢学校,很自由,可以不慌不忙的支配时间。只是有些许内疚,大学没去好好支配时间。最近在看什么呢?《宏观经济学》、《心理学导论》、《税法》,当然也少不了一些技术书籍。这几天发生在我身边的事情让我感觉到,人特别渺小,尤其是缺乏知识的人,跟社会接轨的比较少,当走进社会之后就显得更渺小了。在学校,每个人都期望着找准自己的位置,寻找社会上适合自己的角色,一些人找到了,还有一些人,继续留在学校,他们或许找到了自己的定位, 阅读全文

git/ssh捋不清的几个问题

2014-03-11 23:09 by Barret李靖, 13234 阅读, 收藏, 编辑
摘要:主要是 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李靖, 5006 阅读, 收藏, 编辑
摘要:@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李靖, 16430 阅读, 收藏, 编辑
摘要:关于正则表达式,网上可以搜到一大片文章,我之前也搜集了一些资料,并做了排版整理,可以看这篇文章http://www.cnblogs.com/hustskyking/archive/2013/06/04/RegExp.html,作为基础入门讲解,这篇文章说的十分到位。记得最开始学习正则,是使用 php 做一个爬虫程序。为了获取指定的信息,必须用一定的方式把有规律的数据匹配出来,而正则是首选。下面是当时写的爬虫程序的一个代码片段:$regdata = "/((?[^){0,1}⊙(?.{12})\S*\s/";//获取页面$html = file_get_contents(&# 阅读全文