- 博客(567)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 div 100% height
First, we need to give 100% height to both the html and the body tag. This is often overlooked but is vitally important as no element will adjust to a percentage height unless it knows what it’s paren
2013-07-01 12:13:26
828
转载 css 所有元素垂直、水平居中
Horizontally Center an ElementThe first scenario that we’ll attack is by far one of the most common: centering an element horizontally in the viewport or browser window. To get started, let’s bu
2013-07-01 09:57:25
958
原创 参加百度技术沙龙
今天的沙龙现场，看到了几位大牛，特别是之前早有所闻的张客军。两位嘉宾都分享了非常精彩、有见地的内容baidu 的张云龙同学，分享了fis解决了什么问题，原理是什么。豆瓣的张克军分享了前端开发的工程之美，区别于技术，他阐明了什么是工程学前端开发的四个境界：1 js、css、html 技术全面2 扩大视野（如果不扩大视野，技术人员非常容易自满）3 积累工程能力4 自己开
2013-06-30 19:13:08
766
转载 使用less 书写animation frame
CSS @keyframes Animations With LESSMarch 22, 2012, by Mateusz ★ KoczDefining CSS animations is a pain due to the vendor prefixes. We have to not only define animation property five times w
2013-06-19 16:22:04
1353
转载 Deep dive into the murky waters of script loading
IntroductionIn this article I’m going to teach you how to load some JavaScript in the browser and execute it.No, wait, come back! I know it sounds mundane and simple, but remember, this is h
2013-06-19 09:33:33
1100
原创 windows 环境下，如何安装vim bundles
我们在安装vim 插件时，往往碰到插件功能被分布到几个文件夹中，以前直接将.vim copy到plugin 文件夹中，行不通了。vim bundles 解决了这个问题pathogen.vim 就是解决这个问题安装完这个后，pathogen的文档说在~/.vim/bundle下放置插件就行，那么对应windows 的该目录是哪里呢？经过多次尝试，终于找到，以下是我的bundle
2013-06-06 11:35:10
1166
原创 zen-code 用法介绍
展开缩写展开缩写功能将类似CSS的选择器转换为XHTML代码。术语“缩写”可能会有点儿难以理解。为什么不直接称之为“CSS选择器”呢？嗯，首要原因是语义化：“选择器”意为选择一些东西，但是在这里我们事实上是生成 一些东西，是写一个长代码的较短的替代。其次，它只是使用真实的CSS选择器语法的一个小的子集，并添加了一些新的操作符。这里是一个支持的属性和操作符的列表：E元
2013-06-05 22:30:12
1160
原创 sed 用法介绍
案例介绍：1 替换文本sed -i 's/\/home\/pay/\/home\/work/g' response.inc.php注意 -i 表示在本文档内进行操作，否则并不改变文件本身s/ 标示替换操作参考：http://www.cnblogs.com/dong008259/archive/2011/12/07/2279897.html
2013-06-03 16:06:11
655
原创 crontab 添加定时任务
注意事项1 cron 定时任务是否启动：/sbin/service crond start //启动服务 /sbin/service crond stop //关闭服务 /sbin/service crond restart //重启服务 /sbin/service crond reload //重新载入配置 2 cron 定时任务 一定要包含绝对路径
2013-05-31 20:53:10
722
原创 scp ssh 不需要密码登录
有些时候，我们在复制/移动文件 到另一台机器时会用到scp，因为它比较安全。但如果每次都要输入密码，就比较烦了，尤其是在script里。不过，ssh有另一种用密钥对来验证的方式。下面写出我生成密匙对的过程，供大家参考。在用户的根目录下，执行下面的操作第一步：生成密匙对，我用的是rsa的密钥。使用命令 "ssh-keygen -t rsa"中间过程，全部回车命
2013-05-31 13:02:23
774
原创 html5 保存文件
利用浏览器做一个工具时，往往操作的对象就是文件本身，我们需要打开文件，然后对文件进行处理，最后，将处理后的数据，以文件的形式保存起来那么：我们怎么保存文件呢？以下提供两个方案 ：1 大家都不陌生，我们在浏览器上经常使用，单击一个链接，启动下载，如下：function createDownloadLink(dataUrl,fileName){ var save_link
2013-05-30 18:53:43
3211
原创 linux 常用命令
1 删除文件夹下所有内容 rm -rf 2 unzip将zip 包提取到一个新的文件夹 unzip **.zip -d newFolder罗列zip包的内容 unzip -l **.zip3 tar 备份文件例2c 创建新的档案文件。如果用户想备份一个目录或是一些文件，就要选择这个选项。f 使用档案文件或设备，这个选项通常是必选的。v 详细报告tar处理
2013-05-29 19:27:15
549
原创 移动端 viewport 概念介绍
移动浏览器移动设备比桌面设备屏幕小很多，如果把桌面浏览器viewport的概念照搬过来会出现什么后果？假设流动布局的网站，一般给侧栏设置width:30%，那么假设移动浏览器宽高是320*480，那么这个侧栏实际拥有的宽度只有不到100px，放几个字都不够，这会让你的网站显得很糟糕，一大票在桌面浏览器结构良好的网页在移动浏览器上都会惨不忍睹。移动浏览器的设计者就希望移动设备
2013-05-28 12:25:51
944
原创 SVN 常用命令
项目上，目前用到的命令：svn co *********scp -r source dstsvn up 更新svn ci -m "说明干了什么" 目录svn add -m "说明干了什么" 目录/文件名 添加新文件scp 文件目录 拷贝文件svn co 检出目录 目的目录详细介绍：svn co 只能check 目录， 不
2013-05-23 16:32:24
690
转载 浏览器判断是否安装了ios/android客户端程序
pre>最近在做一个项目，该项目的前身是为mobile browser量身打造的一个网站。现在有这样一个需求：p>p>p>当用户在用mobile browser浏览该网站的时候会点击一个按钮/超链接，通过这个按钮的点击事情需要打开安装在本机的应用程序，或者如果本机没有安装该应用程序则打开应用商店并打开该程序在商店中的搜索结果页面。p>p>p>p>刚开始的时候iPhone team的人给出一个sol
2013-05-22 22:25:37
1020
原创 node.js 加载adds on module no found
在加载c扩展的时候，node 出现找不到该模块的问题，bug 提示：the special module can not be found但是该模块的确已经编译好。通过查找，找到靠谱的定位方法：Use Dependency Walker and open the compiled .node file, that should show you which dll's are
2013-05-21 20:15:34
692
原创 解决gvim中文乱码问题
"解决gvim中文乱码问题"set encoding=utf-8set fileencodings=utf-8,chinese,latin-1if has("win32")set fileencoding=chineseelseset fileencoding=utf-8endif"解决菜单乱码source $VIMRUNTI
2013-05-21 11:03:54
828
原创 如何让innerHTML 不对< 转义
问题：xx.innerHTML=">"网页上输出> 我希望>就输出>解决方案：在innerHTML 赋值前，对字符串，进行如下处理：var tagsToReplace = { '&': '&', '<': '<', '>': '>'};function replaceTag(tag) { return t
2013-05-13 15:26:24
6666
原创 利用grunt ,实现对修改的文件自动加载
why?每次修改文件，为了看到修改后的效果，我们不得不每次F5刷新，有没有办法可以做到当文件修改时，浏览器能自动刷新呢？chrome 中有插件：livereload .what?今天，我们通过grunt 的几个任务，实现修改本地文件，在浏览器中，自动刷新的功能。我们要用到下面三个任务：1 grunt-contrib-connect 为文件建立站点，实现通过浏览器访问
2013-04-27 17:36:32
1697
转载 《Rework》摘录及感想
读了《Rework》这本书好多遍，每次读都有不同的感想。但从来没有把这些感想记录下来，今天把《Rework》书中的一些章节做一些摘录，并把我的一些感想总结出来。供大家参考。这是一本平生以来让我中毒很深的书，也是一本让我思考得很多的书。希望看到这篇文章的人都能好好地读读这本书。这本书并不难读，是一本你可以一口气不中断就可以读完的书。现实世界“这在现实世界里面行不通”，当你向人们介绍一
2013-04-25 14:54:26
723
转载 A Baseline for Front-End Developers
I wrote a README the other day for a project that I’m hoping other developers will look at and learn from, and as I was writing it, I realized that it was the sort of thing that might have intimidated
2013-04-25 09:53:29
895
原创 为什么要使用responsive web design
1 url 统一2 方便seo3 网站都要迭代，维护一个的成本，比维护n个的成本小得多4 用户需要完整的内容，而非针对mobile 裁剪的内容译文：http://mobile.smashingmagazine.com/2013/02/14/responsive-web-design-planning-future/
2013-04-16 09:42:17
724
原创 backbone 源码解析
1 Backbone.Events 是backbone 框架的基础对象，Backbone.Model 、Backbone.Collection 、Backbone.View 都继承了Backbone.Events 对象。 Backbone.Events 封装了事件的基本操作，如 绑定 、触发 、解除绑定 等常用操作，以及一些不太常用的操作，如：只触发一次的事件。 //
2013-04-04 16:31:33
1254
原创 backbone.js MVC 架构解析
why ？ 为什么要使用MVC1 数据层代码和像HTML这样的表示层代码分开，易于定位问题和修改2 数据层和表现层分开，可以实现多个视图共享一个模型的架构。起到重用数据层的作用3 结构清晰，有利于分工协作4 同设计模式一样，也是代码分离的一种手段，让冗长的代码，结构化what? 什么是MVC MVC开始是存在于Desktop程序中的，M是指数据模型，V是指用户界面，
2013-04-03 19:34:03
1994
原创 一次css交流
今天同搜索引擎的一个朋友聊天，聊起来几个css的问题，汗，都不知道，平时使用的时候，只知道copy，没有从原理上去理解，最后只能听他给我说了。为了让以后不至于再显得无知，特记录下1 css 中 ，兼容浏览器的clear 浮动的原理2 .a {margin:10px;padding:10px;height:100px;width:100px;background:red;}
2013-03-31 21:46:26
590
转载 只是换了一个App名称，就让下载量直线上升吗？
预装、刷榜、推广，为了吸引用户，App开发者们几乎无招不出。可是，你有想过，只是换了一个App名称，就让下载量直线上升吗？在改名“被窝音乐”之 前，“音阅FM”的开发团队也并没有想到会有如此出人意料的效果，但下载量的确从更名前所积累的7万用户，一下子蹿升至更名后一个半月用户数达到30万。为App起个好名字在改名之前，“音阅FM”对于这个App来说，是个中规中矩的名称。因为只要你
2013-03-19 09:59:13
920
原创 js 内存管理机制
why?js 具有自动垃圾回收机制，不用人工手动删除。既然这样，为什么还要关注js 内存管理机制呢？1 最近在项目中，由于setInterval 和 闭包的使用，导致对象没有清除，带来很多性能上面的问题，如果能理解浏览器js 对象管理机制，将有效避免问题的出现2 受限无移动设备的性能问题，很多在pc上没有问题的程序，在ipad等移动设备上面运行，也许运行过一段时间后，ipad直接跳出浏
2013-03-18 21:44:01
2942
转载 数据可视化6步法
在当前互联网，各种数据可视化图表层出不穷，本文尝试对数据可视化的方法进行归纳，整理成6步法。 一般的数据图表都可以拆分成最基本的两类元素: 所描述的事物及这个事物的数值，我们暂且将其分别定义为指标和指标值。比如一个性别分布中，男性占比30%，女性占比70%，那么指标就是男性、女性，指标值对应为30%、70%。 1. 将指标值图形化一个指标值就是一个数
2013-03-15 13:51:35
876
转载 github 两种常要操作的用法-fork+pull
4.1. Fork + Pull模式参与GitHub中的项目开发，最常用和推荐的首选方式是“Fork + Pull”模式。在“Fork + Pull”模式下，项目参与者不必向项目创建者申请提交权限，而是在自己的托管空间下建立项目的派生（Fork）。如果一个开源项目派生出另外的项目，通常意味着项目的分裂和开发团队的削弱，而GitHub中的项目派生则不会，而且正好相反，GitHub
2013-03-13 15:09:31
3183
转载 周鸿祎年会演讲全文：未来两年无线互联网格局将定
叶问的咏春拳有三板斧，周鸿祎的演讲也有亘古不变的三板斧，他在奇虎360年会上的演讲，又一次浓墨重彩地强调了用户、创新和创业精神。但讲完经典套路，他的附加内容还挺值得创业公司虎躯一震：他预言说，未来两年将决定整个无线互联网的市场格局。在无线互联网上，互联网巨头将会吸取在PC互联网上的经验教训，会更加牢固的把控用户和流量，将不会给任何创业公司、中小型公司以发展机会。他还吐槽了百
2013-03-13 10:01:45
745
转载 马化腾：我对政府工作报告的四大体会
【中国企业家】下文为马化腾在3月8日私密论坛上的演讲，本文为《中国企业家》独家发布。我是来自腾讯的马化腾，作为一名广东省和深圳市推选和选举出来的互联网产业代表，我有这个机会在这里发言深感荣幸，也和大家介绍一下，其实中国的互联网，全球互联网还不到20年的历史，中国互联网也就短短10几年的历史。中国的网民现在已经有5亿多了，这是第一次在人大中出现我们行业的代表，刚好这次2名代表都出现在我们广东团，
2013-03-13 09:54:46
675
转载 Grunt – 最好的前端构建框架
每个前端开发工程师都会遇到前端文件打包、压缩的问题。Shell -> Ant -> Jake最开始，我是用 shell 脚本调用 yuicompressor、cssmin 来压缩文件，非常简单，就像这样：1234567#!/usr/bin/env bashcat src/a.js src/b.js src/c.js > dst/
2013-03-11 18:57:01
1634
原创 vim 查找 忽略大小写
/searchword\c或者修改设置:set ignorecase或者： :set ignorecase smartcase如果你采用的模式里至少有一个大写字母，查找就成了大小写敏感的。可以这样理解，你不必键入大写字母，也能查找到含有大写字母的词，所以，你若键入大写字母，必然是因为你要大小写敏感的匹配。聪明！
2013-03-11 11:21:54
2170
转载 用项目管理工作，轻松职场七步走
让同事帮忙很难开口，尽管有些是同事本该做好的工作; 成本超支太快，但工作还得继续; 本来进展好好的，一个意外事件就把工作弄得一团糟; …… 如果你没遇到过上面任何一个难题，那只能证明你职场阅历浅薄得几乎为零。毫不客气地讲，成为职场精英的路途中，必须遇到类似的难题，也必须解决好类似的难题，否则你只是一部干活的机器。 全世界的管理学家都在研究这些给工作
2013-03-11 10:00:59
610
转载 建造者模式 和模板模式的区别
一、定义模板方法模式（TemplateMethod）：定义一个操作中的算法的骨架，而将一些步骤延迟到子类中。模板方法使得子类可以不改变一个算法的结构即可重定义该算法的某些特定步骤。建造者模式（Builder）：将一个复杂对象的构建与它的表示分离，使得同样的构建过程可以创建不同的表示。二、理解模板方法模式其实在开发中经常会不经意的用到。模板方法模式通过分析子类，把不变
2013-03-08 10:34:37
4048
转载 apache php 配置
1.修改Apache配置文件（D:\PHP\Apache\conf\httpd.conf） 1.加载PHP模块 在Apache配置文件添加LoadModule php5_module "D:/PHP/PHP5/php5apache2_2.dll" //D:/PHP/PHP5/为php安装目录 2. 添加AddType application/x-httpd
2013-03-08 09:41:29
1037
原创 HTTP2.0 草案之SPDY 抢先看
why?SPDY产生的原因http 协议的以下问题，造成页面加载时间长：1 一个tcp/ip 连接，只能传输一个请求。一个tcp/ip连接，将导致500ms的延迟2 只有客户端能发送请求，服务器不能主动发送请求3 请求和响应头都没有压缩。请求头的大小从200b到2KB不等，这些未压缩的数据将造成明显的延迟4 重复的头。不变的数据如：ua、host、Accept*deng每次都发
2013-03-06 13:18:01
3181
2
转载 http 协议 keep-alive 的作用
我们知道HTTP协议采用“请求-应答”模式，当使用普通模式，即非KeepAlive模式时，每个请求/应答客户和服务器都要新建一个连接，完成 之后立即断开连接（HTTP协议为无连接的协议）；当使用Keep-Alive模式（又称持久连接、连接重用）时，Keep-Alive功能使客户端到服 务器端的连接持续有效，当出现对服务器的后继请求时，Keep-Alive功能避免了建立或者重新建立连接。
2013-03-06 13:16:03
1670
原创 JavaScript Patterns 中文版
JavaScript Patterns 中文版偷懒是程序员的优良品质，模式则是先人们总结的偷懒招式。Stoyan Stefanov 的这本书，从 JavaScript 的实际使用场景出发，提炼了不少可以让前端们偷懒的实用招式。模式的探索、创新，将永远是程序员自我提升的一条修炼之道。值得一读。具体内容，查看以下链接转自：http://lava.cn/article.php
2013-02-28 20:32:22
1663
原创 zepto 框架解构
why？为什么要有zepto1 传统web js 框架，为了兼容低级、高级浏览器，代码量较大。而移动端浏览器功能差异较小，兼容问题不突出2 传统web js 框架代码大，在移动端会造成终端流量加大、显示迟缓的情况how？1 删除不必要的兼容操作2 删除不必要的UI控件等what ？ zeptozepto 是jquery 在移动端的简化版本。使用API同jquery 相同
2013-02-27 11:44:41
3517
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人