IT技术博客大学习 共学习 共进步
首页 / 王子墨
IT 2013-07-31 12:53:05 / 累计浏览 7,080

如何成为一名优秀的web前端工程师（前端攻城师）？

作者开篇指出一个常见现象：许多前端程序员要么不断追问“如何学习”，要么轻视前端“就那么一点东西”，却很少有人思考如何成为一名优秀乃至卓越的前端工程师。 这篇文章系统剖析了这个职业。它首先厘清了前端工程师的核心技能栈——HTML、CSS与JavaScript，但强调其知识体系远不止于此，还需涵盖性能优化、SEO、服务器端基础以及各种辅助工具与架构理念。作者坦言前端入门快但精通难，学习曲线是“先快后慢”，许多从业者易停留在“会用”的阶段，而琐碎的知识点和快速迭代的技术更增加了系统化成长的难度。 文章的精华在于明确了优秀前端工程师的必备特质：既要具备知识的广度与深度，以应对从基础编码到复杂架构的全链条挑战；又必须拥有极快的学习速度，以跟上Web技术日新月异的变化。此外，沟通能力被提升到关键位置，因为前端工程师需要与产品经理、UI设计师、项目经理及最终用户等多方有效协作。文中引用了Yahoo工程师Nicholas C. Zakas的观点，称前端是计算机科学中最复杂的工种之一。 最后，作者推荐了一份从入门到精通的JavaScript书单，如《JavaScript高级程序设计》、《JavaScript权威指南》以及《JavaScript Patterns》等，并指出要成为真正的优秀者，还需深入研究高性能网站构建、HTML5/CSS3乃至后端语言，道路虽艰辛，但方向清晰。

IT 2013-07-28 15:28:59 / 累计浏览 4,760

用 javascript 判断 IE 版本号

这篇讲的是如何用一段巧妙的JavaScript代码来准确判断IE的版本号。作者从一个实际项目需求出发，发现jQuery 2.0已放弃版本检测转而推荐特性检测，但面对特定场景，版本号信息依然重要。 文章的核心亮点是分享了一段“以巧破力”的代码。它没有采用常规的解析User-Agent字符串的方法，而是利用了IE浏览器独有的“条件注释”特性。通过动态创建元素并循环写入特定条件注释，代码能够检测出当前IE的精确版本，且对不支持条件注释的现代浏览器能安全地返回`false`，兼容性极佳。 作者也解释了为何要绕开User-Agent检测——那些字符串（比如IE10和IE11的）早已被各厂商修改得杂乱无章，完全不可靠。相比之下，这段利用浏览器原生特性的检测方式，既简洁又稳健，避免了“猜谜”式的判断，为需要区分IE版本的场景提供了一个值得参考的解决方案。

IT 2012-12-23 23:29:43 / 累计浏览 6,560

正则表达式 — QQ微信、优酷前端 邮箱正则表达式验证 Bug

作者从一个具体的“坑”入手，揭示了众多网站（包括优酷、QQ微信）在邮箱验证环节可能存在的通用缺陷。他发现，许多广泛流传的正则表达式无法正确匹配像 i@julying.com 这样用户名或域名仅为单个字母的合法邮箱，根源在于早期代码为了图省事，未考虑这种边界情况，而后继开发者则盲目沿用。 文章不仅指出了这个容易被忽略的验证漏洞，还分析了其“代际传递”的技术债成因。作为解决方案，作者提供了经过改进的PHP和JavaScript版邮箱正则表达式，并附上了新手实例代码，这些新表达式明确支持了对单字母部分的验证。 这篇文章的价值在于提醒开发者，处理用户输入时绝不能有侥幸心理。那些“感觉上”少见的情况，恰恰可能是系统的薄弱环节。它以小见大，强调了对所有数据可能性进行严格验证的重要性，避免重蹈类似SQL注入等历史问题的覆辙。

IT 2012-12-21 13:38:39 / 累计浏览 8,060

网址加密(URL加密)（RC4、PHP、密钥长度可变）

网址加密是一个常见需求，但作者发现网上很难找到现成的可用案例。他系统梳理了主流方案，指出Base64只是编码并非加密，且字符集不适合URL；自定义加密算法则违背了“安全寓于密钥”的现代密码学原则。 作者进一步对比了AES与RC4两种算法。AES虽然强大，但加密哪怕一个字节的结果也超过30字符，长度随输入增长过快，不适合加密长网址。而RC4在保证安全性和速度的同时，生成的密文长度要短得多，更适合URL场景。 最终，作者选择了RC4作为加密方案，并直接分享了PHP实现的完整类库与调用示例。他演示了如何通过密钥加密字符串并解密，让这份“缺失”的网址加密方案能直接用于实际项目。

IT 2012-12-18 23:25:27 / 累计浏览 4,880

关于前端开发

这篇文章是作者对“前端开发工程师”这个职位的深度思考与经验分享。他首先正本清源，强调前端首先是“开发工程师”，扎实的代码能力是基础；在此之上，对“界面”的敏锐感知与审美能力，才是前端区别于其他程序员、可以引以为傲的核心价值。 针对不同背景的入行者，作者给出了非常具体的建议：对于设计师或网页制作人员，必须明白前端开发是“从刨木头开始”的代码构建，而非简单的模板拼装；对于软件开发工程师，关键挑战在于培养对界面好坏的直觉；对于已经在做前端的人，则需要反思自己的技术深度与工作热情，警惕“够用就行”的心态。 文章也为前端爱好者提供了学习路径：通读权威书籍打好基础，通过个人项目实践所学技术，并在交流中共同提升。作者认为，对前端技能本身的精通远比掌握周边技能更重要，而真正的精通往往源于内在的热情与持续的专注。

IT 2012-12-09 20:33:45 / 累计浏览 7,660

防盗链、断点续传、多线程多线程下载 一点心得

这篇讲的是在需要向用户售卖带时间限制的下载地址时，如何巧妙兼顾防盗链、断点续传与多线程下载的实战心得。 作者从一个具体需求出发：既要防止链接被非法分享，又要支持大文件的断点续传和多线程下载。他首先分析了常见做法——通过PHP脚本读取文件并输出二进制流。这种方法虽然便于控制访问和统计，但根本性缺陷在于，一旦客户端断点重连，服务器会因无法处理请求的文件偏移量而直接报错，因此只适用于图片等小文件。 接着，作者提供了一种更巧妙的方案：将.htaccess文件本身当作一个动态的“索引表”。为每个用户生成一对随机字符串作为伪地址，并在.htaccess中添加对应的RewriteRule规则指向真实文件。每天定期清理过期规则。这种做法无需复杂的脚本解析，直接利用Apache服务器原生能力，从而完美支持了断点续传和多线程下载，且服务器负载很低。 当然，该方案也有代价，即无法精细统计下载次数。作者坦言，这主要适用于用户量在千级、文件体积达GB级的场景。如果用户规模更大，拥有服务器控制权，则可以直接在Apache层面进行更专业的配置。文章结尾将思考抛给读者，共同探讨更优解。

IT 2012-12-06 14:04:39 / 累计浏览 4,080

JavaScript定时机制、以及浏览器渲染机制 浅谈

这篇从一道看似简单的代码题入手：当`setTimeout`的延迟设为0毫秒时，回调是否立即执行？作者指出，实际行为并非立即执行，而是将任务放入队列，这引出了对JavaScript单线程本质和浏览器内核多线程协作的探讨。 文章重点梳理了浏览器内核中的关键线程，包括JavaScript引擎线程、界面渲染线程和事件触发线程，并解释了它们之间的互动关系。核心观点在于，JavaScript引擎线程与浏览器渲染线程是互斥的——脚本执行时渲染会挂起，这直接影响了页面性能和加载策略。文中通过图解和概念分析，澄清了定时器、异步事件（如点击、Ajax请求）是如何通过事件队列与单线程的引擎交互的。 作者最后还解答了“单线程如何处理异步请求”的疑问，明确了异步操作实际由浏览器新线程处理，结果再回调入队列。整篇文章将理论机制与日常编码场景结合，帮助开发者理解代码背后的执行逻辑。

IT 2012-12-06 14:02:08 / 累计浏览 5,240

《javascript权威教程》、《javascript 王者归来》等几本书

作者从个人阅读经验出发，对多部JavaScript经典著作进行了梳理与点评。他坦言自己偏爱《JavaScript权威指南》与《JavaScript高级程序设计》这两部体系严谨的作品；认为《JavaScript DOM编程艺术》则更贴近实战开发场景；而《javascript 王者归来》被评价为颇具“禅意”，别具一格。 对于处于入门或中级阶段的学习者，作者的建议是：先择一基础扎实的读物潜心学习。若实在难以抉择，《JavaScript权威指南》是一个不会出错的首选。文章末尾还贴心地提供了这些书籍的打包下载链接，方便读者直接获取资源。

IT 2012-11-27 13:44:15 / 累计浏览 5,800

国内团购网前端严重安全漏洞– 以满座网为案例分析

这篇讲的是作者以满座网为例，深入剖析了一个典型的前端安全漏洞。文章从日常技术排查出发，演示了如何利用浏览器开发工具（Firebug）和简单的jQuery命令，绕过团购页面对商品购买数量的前端限制。 作者发现，尽管网站前端代码设置了最多999件的购买上限，但这一限制仅存在于客户端。通过修改本地参数，理论上可以提交极大数量的订单。这个漏洞的根源在于“前端不信任后端，后端不信任前端”这一基本安全原则被忽视。仅依赖前端进行关键业务逻辑校验（如数量、价格），而缺乏后端的有效复核，为系统留下了风险。 案例的警示意义很直接：在Web 2.0时代，JavaScript和Ajax的便利不应以牺牲安全性为代价。对于涉及交易的系统，任何关键数据都必须在服务端进行严格校验。文章也借此提醒开发者，构建可靠的应用需要将安全成本纳入整体规划，不能心存侥幸。

IT 2012-11-27 13:41:52 / 累计浏览 4,700

关于“浏览器无法拦截的弹出窗口”、IE、Firefox弹出新窗口

这篇讲的是一个看似简单却让很多开发者头疼的问题：如何让JS打开的新窗口不被现代浏览器拦截。 作者从朋友的实际问题出发，梳理了两种常见但均已失效的“万全之策”。一种是通过脚本模拟点击隐藏的``标签，但这只在IE有效；另一种是模拟提交隐藏的`

`表单，曾一度通用，但后来也被Firefox等浏览器为了防范广告而封堵。 文章的核心发现是，Firefox 4.0+等浏览器禁止了脚本在非用户主动操作下自动触发事件。解决方案的关键在于，将`.submit()`或`.click()`的执行逻辑，包裹在用户对页面的真实点击事件中，例如`$(document).click()`。作者在文中给出了使用jQuery `.one()`函数的具体代码示例，并验证了其在Firefox和Chrome上的可行性。 这个踩坑记录的价值在于，它清晰地揭示了浏览器安全策略演进的一个具体侧面：自动化操作的权限正在收紧，一切弹窗行为都必须严格源自用户的直接交互。对于需要实现类似功能的开发者，这提供了一个经过验证的思路和明确的实现边界。

IT 2012-11-27 13:40:50 / 累计浏览 3,440

jQuery 教程的一点总结

这篇是一位前端开发者为新手整理的 jQuery 学习路径指南。作者从三个具体资源切入：推荐《15天学会jQuery》作为入门，强调其基础全面；建议用jQuery 1.4.2的帮助文档反复练习常用函数，做到熟练掌握；进阶则可研读《悟透Javascript》深入理解本质。 文章特别指出，jQuery 只是 JavaScript 的一个函数库，想成为优秀的前端工程师，扎实的 JavaScript 基础才是根本，这能帮助开发者看清新技术不过是已有技术的延伸与组合。 除了资源，作者更分享了学习心态：编程如练武，需要“三十年磨一剑”的耐心，反对浮躁与急于求成。他认为，踏踏实实地积累三年，掌握 jQuery 的核心设计与源码思路，进入腾讯、百度等公司并非难事。全文贯穿着“大道至简”的务实哲学，将技术学习归于扎实的基础与长期的坚持。