随笔分类 -  Web 前端-杂谈

摘要：背景目前互联网上充斥着大量的关于RESTful API（为了方便，以后API和RESTful API 一个意思）如何设计的文章，然而却没有一个”万能“的设计标准：如何鉴权？API格式如何？你的API是否应该加入版本信息？当你开始写一个app的时候，特别是后端模型部分已经写完的时候，你不得不殚精竭虑的设计和实现自己app的public API部分。因为一旦发布，对外发布的API将会很难改变。在给SupportedFu设计API的时候，我试图以实用的角度来解决上面提到的问题。我希望可以设计出容易使用，容易部署，并且足够灵活的API，本文因此而生。API设计的基本要求网上的很多关于API设计的观点都 阅读全文

摘要：感谢玉伯在知乎的奉献，下面全文转载：http://www.zhihu.com/question/20342350/answer/14828786LABjs 的核心是 LAB（Loading and Blocking）：Loading 指异步并行加载，Blocking 是指同步等待执行。LABjs 通过优雅的语法（script 和 wait）实现了这两大特性，核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开发变得更简单自然。模块加载器一般可降级为文件加载器用，因此使用 阅读全文

摘要：在现实生活中，我们很少设想最极端的前提条件，因为极端的条件往往意味者小概率以及高成本，因此在成本有限的情况下，我们往往会根据成本来设计安全方案，并将一些可能性较大的条件作为决策的主要依据。 阅读全文

摘要：当时，我隐隐地感觉到了互联网公司安全，与传统的网络安全、信息安全技术的区别。就如同开发者会遇到的挑战一样，有很多问题，不放到一个海量用户的环境下，是难以暴露出来的。由于量变引起质变，所以管理10台服务器，和管理1万台服务器的方法肯定会有所区别；同样的，评估10名工程师的代码安全，和评估1000名工程师的代码安全，方法肯定也要有所不同。互联网公司安全还有一些鲜明的特色，比如注重用户体验、注重性能、注重产品发布时间，因此传统的安全方案在这样的环境下可能完全行不通。这对安全工作提出了更高的要求和更大的挑战。这些问题，使我感觉到，互联网公司安全可能会成为一门新的学科，或者说应该把安全技术变得更加工业化 阅读全文

摘要：浏览器内核由两个部分组成：脚本解析器+样式渲染器。下面是样式渲染器内核的使用情况：使用Trident内核的浏览器：IE、Maxthon、TT、除淘宝浏览器之外的大部分国内浏览器（搜狗、遨游、360）；使用Gecko内核的浏览器：Netcape6及以上版本、FireFox；使用Presto内核的浏览器：Opera7及以上版本；使用Webkit内核的浏览器：Safari、Chrome。下面是脚本解析器内核的使用情况：使用V8内核的浏览器：Safari、Chrome。使用JaegerMonkey内核的浏览器：Netcape6及以上版本、FireFox；360急速用的是双内核，要看用户的设置未完待续. 阅读全文

摘要：前言 浏览器兼容是前端开发人员必须掌握的一个技能，但是初入前端的同学或者其他后台web开发同学往往容易选择忽略，而形成两个极端： 1 我最开始都是使用IE6，IE6上没问题，其它浏览器坑爹（多出现与前端后端一起搞的同学，小生2年前就这种状态，鼓励人家用ie6.。。。） 2 我要遵循标准，我只要ff就好，IE就是坑爹的玩意，我不必去理他（小生一年前的心态。。。） 现在看来，之前的想法都是不对的，我们诚然应该追求最新的浏览器使用最新的技术，但是渐进增强，向后兼容的思想一定要有， 因为就现在IE6在中国的份额也是不容小视的。 抛开之前的大道理，我们说点实际的问题，哪次前端面试不问兼容性问... 阅读全文

摘要：1、为页面中的标签绑定事件，统一以 j-为前缀的calss样式作为钩子，页面中j-都是为js提供钩子的，不允许匹配样式这样做是为了页面中的业务逻辑与样式相的解耦2、标签中以自定义属性作为数据存储的，自定义属性名字需以data-作为前缀这样会有较好的可读性 阅读全文

摘要：到今天（2013.01.22）做前端已经4个月了，想一直在前端这块领域发展，也想做好一个前端。前端这块的东西比较零碎，总是遇到不同的新词，于是想到整理一下，如果你也是入门不久，那这篇文章就太适合我们了。我会就工作与学习遇到的我不知道的词汇集在此。只做简单介绍，如果我做了进一步的研究，会给出研究的链接，好我们开始。1、KISS原则：keep it simple and stupid，要把一个系统做的连白痴都会用。语境：seajs非常好的遵守了KISS原则。（http://seajs.org/docs/#articles） 阅读全文

摘要：对内系统可以抛弃IE6，但是对大众的系统就不得不考虑这个鸡肋了，就算我们的主要受众是高端、前卫的人群。其实我觉得采用js类库采用条件注释的方式来搞定IE6是个很好的方案用条件注释可以让高级浏览器（IE9，chrome，firefox，...）用户获得较好的体验，因为不用加载几十k甚至上百k的js类库。还可以提高开发效率，前端人员不用花很多时间去调针对IE6的兼容问题。关于条件注释请查阅我转载的一篇博客：条件注释判断浏览器对于IE6的bug补丁，正对单一问题的js库很多，比如支持hover伪类的，png透明的等。我推荐一个集成的针对IE系列浏览器的js库：https://code.google. 阅读全文

摘要：要实现的页面逻辑不解释，直接下载附件运行就知道。页面和样式不变，下面的代码块放在regisster.js文件中。很努力很用心的前端菜鸟大概这么写：View Code 1 function checkEmail(emailText){ 2 var emailRegExp = /^([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/ ; 3 return emailRegExp.test(emailText); 4 } 5 ... 阅读全文