09 2014 档案

一个软件工程师在北京的反省
摘要：我（软件工程师berlin）于2007年来到北京，在北京工作这些年，先后在NEC、风行、百度几家公司担任软件工程师的职务。NEC是一家具有百年历史的传统日企，在知春路的分公司叫日电电子，我们部门主要从事机顶盒、数字电视上嵌入式软件的研发。风行是一家成立于2005年的在线视频公司，主要做P2P视频... 阅读全文
posted @ 2014-09-29 11:40 pesserger 阅读(118) 评论(0) 推荐(0)
使用html5的十大原因
摘要：你难道还没有考虑使用HTML5？ 当然我猜想你可能有自己的原因；它现在还没有被广泛的支持，在IE中不好使，或者你就是喜欢写比较严格的XHTML代码。HTML5是web开发世界的一次重大的改变，事实上不管你是否喜欢，它都是代表着未来趋势。其实HTML5并不难理解和使用。我们这里能列出许多原因为什么... 阅读全文
posted @ 2014-09-29 11:30 pesserger 阅读(169) 评论(0) 推荐(0)
jQuery Mobile 入门教程
摘要：原作：Getting started with jQuery Mobile ——Matthew Davidhttp://www.cnblogs.com/yuzhongwusan/archive/2011/11/24/2261571.html翻译：filod译文：http://blog.filod.n... 阅读全文
posted @ 2014-09-04 17:08 pesserger 阅读(186) 评论(0) 推荐(0)
从30岁到35岁：为你的生命多积累一些厚度
摘要：你所有不曾料想过的问题，都会随着时间的推移而与你不期而遇；你所有曾经潇洒的随遇而安，同样也会随时间流逝而让你承担那些似乎命中已经注定的代价。在这 个世界上，“唯一不可阻挡的是时间，它像一把利刃，无声地切开了坚硬和柔软的一切，恒定地向前推进着，没有任何东西能够使它的行进产生丝毫颠簸，它却改变 着一切。... 阅读全文
posted @ 2014-09-04 17:00 pesserger 阅读(258) 评论(0) 推荐(0)
前端开发大众手册(包括工具、网址、经验等)
摘要：转载：陈成http://www.cnblogs.com/yuzhongwusan/archive/2009/01/07/1371075.html一直觉得前端开发缺个手册，这是个体力活。不过总得有人来干。今天闲来无事，把一些工具(online和client的)、常用网址、以及经验总结等罗列出来和大家分... 阅读全文
posted @ 2014-09-04 16:57 pesserger 阅读(221) 评论(0) 推荐(0)
javascript 技巧
摘要：http://www.cnblogs.com/yuzhongwusan/p/3564907.html1.将arguments转化为数组函数中的预定义变量arguments并非一个真正的数组，而是一个类似数组的对象。它具有length属性，但是没有slice,push,sort等函数，那么如何使arg... 阅读全文
posted @ 2014-09-04 16:22 pesserger 阅读(124) 评论(0) 推荐(0)
使用Chrome工具来分析页面的绘制状态
摘要：Chrome Canary（Chrome “金丝雀版本”）目前已经支持Continuous painting mode，用于分析页面性能。这篇文章将会介绍怎么才能页面在绘制过程中找到问题和怎么利用这个新的工具来解决页面性能上的瓶颈。PS:最新版本的Chrome已经支持该功能查看页面的渲染时间我们采用... 阅读全文
posted @ 2014-09-04 16:20 pesserger 阅读(440) 评论(0) 推荐(0)
jquery结合JSONP教程—明河谈jquery
摘要：http://www.36ria.com/1714\1、什么是jsonp？Ajax技术现在非常的盛行，但javascript的跨域问题一直是个问题，而jsonp的出现算是比较好的解决方案。关于jsonp最详细的介绍请看：http://www.ibm.com/developerworks/cn/web... 阅读全文
posted @ 2014-09-04 16:15 pesserger 阅读(215) 评论(0) 推荐(0)
使用 JSONP 实现跨域通信，第 1 部分: 结合 JSONP 和 jQuery 快速构建强大的 mashup
摘要：http://www.ibm.com/developerworks/cn/web/wa-aj-jsonp1/简介Asynchronous JavaScript and XML (Ajax) 是驱动新一代 Web 站点（流行术语为 Web 2.0 站点）的关键技术。Ajax 允许在不干扰 Web 应用... 阅读全文
posted @ 2014-09-04 16:13 pesserger 阅读(193) 评论(0) 推荐(0)
jsonp详解
摘要：http://www.cnblogs.com/yuzhongwusan/archive/2012/12/11/2812849.htmljson相信大家都用的多，jsonp我就一直没有机会用到，但也经常看到，只知道是“用来跨域的”，一直不知道具体是个什么东西。今天总算搞明白了。下面一步步来搞清楚jso... 阅读全文
posted @ 2014-09-04 14:30 pesserger 阅读(554) 评论(0) 推荐(0)
HTML5安全：CORS（跨域资源共享）简介。。。ie67不要想了。。。
摘要：来源：http://blog.csdn.net/hfahe/article/details/7730944前言：像CORS对于现代前端这么重要的技术在国内基本上居然很少有人使用和提及，在百度或者Google上搜索CORS，搜到的中文文章基本都是另外一种卫星定位技术CORS的介绍，让我等前端同学情何以... 阅读全文
posted @ 2014-09-04 14:14 pesserger 阅读(241) 评论(0) 推荐(0)
响应式布局
摘要：讲到响应式布局，相信大家都有一定的了解，响应式布局是今年很流行的一个设计理念，随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果，设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计... 阅读全文
posted @ 2014-09-04 14:11 pesserger 阅读(164) 评论(0) 推荐(0)
响应式布局的钥匙之 图片液态化
摘要：图片在响应式布局中需要做到适应不同宽度的媒介给出最佳显示方案，如水一样会随着宽度的改变而改变。在HTML内的图片，比如文章里插入的图片我们可以通过CSS样式max-width来进行控制图片的最大宽度，如：#content img { max-width:100%; height:au... 阅读全文
posted @ 2014-09-04 14:09 pesserger 阅读(162) 评论(0) 推荐(1)
样式库构建规范
摘要：是否记得这样的试题？用一套同样的HTML结构，生成不同 的视觉效果。CSS 的最大好处就是，灵活。比如同样的HTML结构，可以实现不同的外观；又比如，同样的外观，可以用不同的方式不实现。但灵活的同时也给我们带来麻烦。团队 协作时，大家的编码风格各异，其他人要看懂/debug的成本也因此提高。这时，我... 阅读全文
posted @ 2014-09-03 16:39 pesserger 阅读(540) 评论(0) 推荐(0)
css规范
摘要：http://blog.csdn.net/shoyer/article/details/8300456制定本规范的目的在于使我们的CSS代码更加易于维护和重用，从而提升效率执行本规范时建议的流程 建议使用D(esign)C(oding)D(ebug)V(alidate)R(oundup)，即DCDV... 阅读全文
posted @ 2014-09-03 16:21 pesserger 阅读(250) 评论(0) 推荐(0)
谷歌 Chrome Dev Tools 浅析 – 成为更高效的 Developer
摘要：Google Chrome在招来了FireFox，FireBug的项目组领导人John J. Barton后，Chrome Dev Tools也变的越来越好用，越来越方便了。本文根据Google I/O上对Chrome Dev Tools的介绍(http://www.youtube.com/watc... 阅读全文
posted @ 2014-09-03 16:19 pesserger 阅读(338) 评论(0) 推荐(0)
chrome developer tool 调试技巧
摘要：http://blog.csdn.net/shoyer/article/details/8449290这篇文章是根据目前chrome稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chromedeveloper tool, 所以chrome版本不同可能稍有差别. 一些快... 阅读全文
posted @ 2014-09-03 16:18 pesserger 阅读(153) 评论(0) 推荐(0)
Console命令详解,让调试js代码变得更简单
摘要：Firebug是网页开发的利器，能够极大地提升工作效率。但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。===================================http://blog.csdn.net/shoyer/ar... 阅读全文
posted @ 2014-09-03 16:17 pesserger 阅读(213) 评论(0) 推荐(0)
深入jQuery Mobile
摘要：深入jQuery Mobilehttp://blog.csdn.net/shoyer/article/details/8451070jQueryMobile上手非常容易，但是要做到近似于原生APP的效果则很不容易。以下内容不断更新中，均为实际开发中的经验追信魔盒PhoneGap打包模式下的最佳模式追... 阅读全文
posted @ 2014-09-03 16:16 pesserger 阅读(264) 评论(0) 推荐(0)
如何让你的网站提速:Web缓存加速指南（二）
摘要：如何让页面通过缓存达到最快相应? 缓存最好的副本是那些可以长时间保持新鲜的内容;基于校验虽然有助于加快相应，但是它不得不和源服务器联系一次去检查内容是否够新，如果缓存服务器上就知道内容是新的，内容就可以直接相应返回了。http://blog.csdn.net/shoyer/article/deta... 阅读全文
posted @ 2014-09-03 16:14 pesserger 阅读(1534) 评论(0) 推荐(0)
如何让你的网站提速:Web缓存加速指南(一)
摘要：这是一篇知识性的文档，主要目的是为了让Web缓存相关概念更容易被开发者理解并应用于实际的应用环境中。为了简要起见，某些实现方面的细节被简化或省略了。如果你更关心细节实现则完全不必耐心看完本文，后面参考文档和更多深入阅读部分可能是你更需要的内容。 什么是Web缓存，为什么要使用它?http://bl... 阅读全文
posted @ 2014-09-03 16:13 pesserger 阅读(2585) 评论(0) 推荐(0)
HTTP——网关、隧道、中继、Agent代理
摘要：http://blog.csdn.net/bjyfb/article/details/20565015随着时间流逝，人们已经从网上浏览静态资源，发展到共享更复杂的资源，比如数据库内容或动态生成的页面，因此，本篇文章介绍几种用HTTP访问不同资源的方法。网关网关是资源和应用程序之间的粘合剂，可以向数据... 阅读全文
posted @ 2014-09-03 16:12 pesserger 阅读(796) 评论(0) 推荐(0)
响应式设计—设备宽度解析
摘要：http://blog.csdn.net/sql_wtx/article/details/8823272在做响应设计计划时，要对不同设备的大小有所了解，比如iphone4s是宽480px、长320px; Ipad2是宽1024px、长768px。 下面是翻译一篇文章，对屏幕分辨率做了详细的介绍。本人... 阅读全文
posted @ 2014-09-03 16:09 pesserger 阅读(746) 评论(1) 推荐(0)
HTTP:每个web开发人员必须知道的协议-基础篇
摘要：http://blog.csdn.net/sql_wtx/article/details/8894447原文是http://net.tutsplus.com/tutorials/tools-and-tips/http-the-protocol-every-web-developer-must-kno... 阅读全文
posted @ 2014-09-03 16:08 pesserger 阅读(1195) 评论(0) 推荐(0)
HTTP——Web服务器、代理、缓存
摘要：在因特网上，要与很多Web应用程序警醒交互，其中有些比较重要的应用程序，如：HTTP服务器、代理、缓存、网关、隧道、Agent代理、中继等。http://blog.csdn.net/bjyfb/article/details/20560177Web服务器Web开发人员接触最多的应该是Web服务器，它... 阅读全文
posted @ 2014-09-03 16:06 pesserger 阅读(503) 评论(0) 推荐(0)
Web 开发人员需知的 Web 缓存知识
摘要：最近的译文距今已有4年之久，原文有一定的更新。今天踩着前辈们的肩膀，再次把这篇文章翻译整理下。一来让自己对web缓存的理解更深刻些，二来让大家注意力稍稍转移下，不要整天HTML5, 面试题啊叨啊叨的~~什么是Web缓存，为什么要使用它？http://blog.csdn.net/yangxing_st... 阅读全文
posted @ 2014-09-03 16:02 pesserger 阅读(238) 评论(0) 推荐(0)
HTTP缓存相关属性的服务器配置
摘要：http://blog.csdn.net/goldlevi/article/details/7705160 之前和网络部门的人一起搭建我们的下载服务器，里面涉及了cache-control/expires的设置，之前每日更新也出现了文件无法下载的情况，最后发现是因为Lastmodified参数的... 阅读全文
posted @ 2014-09-03 15:59 pesserger 阅读(425) 评论(0) 推荐(0)
图片优化的那些工具
摘要：图片作为页面的一个主要因素，它的大小直接影响了页面的加载速度，这一点在移动端尤显突出。http://ued.ctrip.com/blog/?p=3582怎么让图片的大小更小？除了选择合适的格式（jpeg、gif、png），我们还可以利用网上的应用（如smushit、tinypng、imagemin、... 阅读全文
posted @ 2014-09-03 15:49 pesserger 阅读(518) 评论(0) 推荐(0)
网页字体设置你了解吗？
摘要：http://ued.ctrip.com/blog/?p=3589#more-3589以前做项目的时候就依葫芦画瓢的设置 { font-family:arial,”microsoft yahei”,simsun,sans-self; } 等类似的字体，然而当更多的设备和系统出现后，以前这样的设置已不... 阅读全文
posted @ 2014-09-03 15:45 pesserger 阅读(255) 评论(0) 推荐(0)
jQuery document window load ready 区别详解
摘要：http://www.webclks.com/archives/1645用过JavaScript的童鞋，应该知道window对象和document对象，也应该听说过load事件和ready事件，小菜当然也知道，而且自认为很了解，直到最近出了问题，才知道事情并不是那么简单。 首先说说window和d... 阅读全文
posted @ 2014-09-03 15:44 pesserger 阅读(197) 评论(0) 推荐(0)
最简单实用的seo知识
摘要：seo虽说是一项很复杂的工作，可是当你真正弄懂seo优化的原理后，他也并不是很难。桂林seo把他简单总结，简单实用的seo操作流程一般都是按以下步骤：1.购买一个域名和空间。域名最好用关键词的全拼，便于用户记忆。后缀用.com或.cn的。空间一般可以用香港空间。2.选择一款建站程序，最好用wordp... 阅读全文
posted @ 2014-09-03 15:38 pesserger 阅读(152) 评论(0) 推荐(0)
前端开发中最常见的12个HTML标签错误（其实也不一定就错，只是这样写不太好）
摘要：开发者在写HTML代码的时候一定要仔细，并熟练掌握HTML规则，因为一不留神则可能出现一些微小的错误，但有可能会导致严重的后果。http://www.iteye.com/news/26074本文列举了一些在HTML中常见的错误，并且给出了如何避免错误的方法。相信这些方法会对前端开发者有一些帮助。错误... 阅读全文
posted @ 2014-09-03 15:37 pesserger 阅读(666) 评论(0) 推荐(0)
浅谈前端开发的水有多深
摘要：http://kb.cnblogs.com/page/147208/ 但凡从事互联网的人基本都会写几行 html，用过 Word 的人用 Dreamweaver 也能做出规整的页面，所以大部分人会很自然地认为“页面的开发没什么技术含量，很简单”。不仅有这种普遍的认知，对从业者来说也有很多疑惑：做页... 阅读全文
posted @ 2014-09-03 15:33 pesserger 阅读(239) 评论(0) 推荐(0)
前端开发：模块化 — 高效重构
摘要：http://kb.cnblogs.com/page/146573/ 说起模块化，也许我们首先想到的是编程中的模块设计，以功能块为单位进行程序设计，最后通过模块的选择和组合构成最终产品。把这种思想运用到页面构建中，也已经不是什么新鲜事。相信很大一部分页面构建工程师都经历了这样几个阶段：第一阶段是在... 阅读全文
posted @ 2014-09-03 15:30 pesserger 阅读(162) 评论(0) 推荐(0)
Cache-control使用Cache-control:private学习笔记
摘要：网页缓存由 HTTP消息头中的Cache-control控制，常见取值有private、no-cache、max-age、must- revalidate等，默认为privatehttp://www.jb51.net/article/34017.htm其作用根据不同的重新浏览方式，分为以下几种情况：... 阅读全文
posted @ 2014-09-03 15:15 pesserger 阅读(1202) 评论(0) 推荐(0)
服务器与浏览器缓存协商控制机制的总结
摘要：http://www.ginano.net/browser-server-cache-control-rule发表于2013 年 3 月 13 日由ginano引子：昨天中文站出现了大量的用户投诉，投诉内容是运费发生变化，运费金额不正确。可是我们本地怎么测试都没有问题。但是考虑到问题唯一的可能是昨天... 阅读全文
posted @ 2014-09-03 11:53 pesserger 阅读(601) 评论(0) 推荐(0)
浏览器缓存机制
摘要：浏览器缓存机制，其实主要就是HTTP协议定义的缓存机制（如：Expires；Cache-control等）。但是也有非HTTP协议定义的缓存机制，如使用HTML Meta标签，Web开发者可以在HTML页面的节点中加入标签，代码如下：html code上述代码的作用是告诉浏览器当前页面不被缓存，每次... 阅读全文
posted @ 2014-09-03 11:37 pesserger 阅读(138) 评论(0) 推荐(0)
高性能网站建设指南总结
摘要：性能黄金法则：只有10%～20%的最终用户响应时间花在了下载HTML文档上，其余的80%～90%时间花在了下载页面中的所有组件。1、 减少Http请求：减少HTML文档中所引用的组件（图片，脚本，样式表，Flash等） 主要用到的技术有：图片地图、Css Sprites、内联图片（data：UR... 阅读全文
posted @ 2014-09-03 11:03 pesserger 阅读(173) 评论(0) 推荐(0)
主题：关于CSS细节集合(一)
摘要：一、当文字与图片在一行，需要将文字与图片底对齐，需要这样写：1记住密码二、当文字与图片在一行，需要将文字与图片居中对齐，需要这样写：1记住密码三、更改IE“查看源代码”菜单打开的编辑器打开注册表编辑器,在开始-运行中输入regedit前端UI分享找到以下位置： HKEY_LOCAL_MACHINE”... 阅读全文
posted @ 2014-09-03 10:46 pesserger 阅读(179) 评论(0) 推荐(0)
[译] 关于CSS中的float和position
摘要：原文http://learn.shayhowe.com/advanced-html-css/detailed-css-positioning当构建页面排版时，有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求，在不同的情况下，某些方法可能好过于其他的方法。比如，可以使用若干个浮动元素来构建... 阅读全文
posted @ 2014-09-03 09:54 pesserger 阅读(164) 评论(0) 推荐(0)
常用前端开发工具合集
摘要：1.Firebughttp://getfirebug.com/最流行的前端开发工具2.HttpWatchhttp://www.httpwatch.com/集成在IE和Firefox上的监听HTTP和HTTPS的工具3.Fiddlerhttp://www.fiddler2.com/fiddler2/F... 阅读全文
posted @ 2014-09-02 17:46 pesserger 阅读(176) 评论(0) 推荐(0)
[JavaScript忍者系列] — CSS选择符引擎入门
摘要：http://www.cnblogs.com/newyorker/archive/2013/02/14/2891298.html本文的目标读者是入门级Web前端开发人员。 本文介绍了CSS选择符表达式引擎的基本原理。CSS选择符引擎几乎是前端开发人员每天在使用的工具。本文将逐一介绍实现该引擎的各种策... 阅读全文
posted @ 2014-09-02 17:41 pesserger 阅读(194) 评论(0) 推荐(0)
[译] 如何调试CSS的跨浏览器样式bug
摘要：http://www.cnblogs.com/newyorker/archive/2013/01/22/2870682.html原文 http://www.stubbornella.org/content/2012/05/02/cross-browser-debugging-css/作者为YAHOO... 阅读全文
posted @ 2014-09-02 17:38 pesserger 阅读(195) 评论(0) 推荐(0)
我回答了90%的面试题，为什么还被拒？
摘要：这篇文章是在买买提上 FQ看到的，很受启发，特意转载于此。原文地址:http://www.mitbbs.com/article_t/JobHunting/32327557.htmlhttp://www.cnblogs.com/newyorker/archive/2013/02/16/2913109.... 阅读全文
posted @ 2014-09-02 11:56 pesserger 阅读(520) 评论(0) 推荐(0)
[译] 怎样判断一个变量是否为undefined
摘要：原文http://www.quora.com/JavaScript/What-is-the-best-way-to-check-if-a-property-or-variable-is-undefined1. Javascript根据值决定变量类型。值可以是undefined。但变量只能有两种情况：... 阅读全文
posted @ 2014-09-02 11:29 pesserger 阅读(471) 评论(0) 推荐(0)
AJAX跨域的解决办法? 同步异步
摘要：1. HTTP协议的状态消息都有哪些?1**：请求收到，继续处理2**：操作成功收到，分析、接受3**：完成此请求必须进一步处理4**：请求包含一个错误语法或不能完成5**：服务器执行一个完全有效请求失败2. AJAX跨域的解决办法?1、document.domain+iframe的设置 对于主域... 阅读全文
posted @ 2014-09-02 11:27 pesserger 阅读(718) 评论(0) 推荐(0)
window.name实现的跨域数据传输
摘要：这篇文章是对JavaScript跨域总结与解决办法的补充。有三个页面：a.com/app.html：应用页面。a.com/proxy.html：代理文件，一般是一个没有任何内容的html文件，需要和应用页面在同一域下。b.com/data.html：应用页面需要获取数据的页面，可称为数据页面。实现起... 阅读全文
posted @ 2014-09-02 11:19 pesserger 阅读(239) 评论(0) 推荐(0)