摘要：
经常有人质疑，在前端搞MV*有什么意义？也有人提出这样的疑问：以AngularJS，Knockout，BackBone为代表的MV*框架，它跟jQuery这样的框架有什么区别？我jQuery用得好好的，有什么必要再引入这种框架？ 回答这些问题之前，先要理清一些历史，前端从什么时候开始有框架的？ 早期前端都是比较简单，基本以页面为工作单元，内容以浏览型为主，也偶尔有简单的表单操作，这个时期每个界面上只有很少的JavaScript逻辑，基本不太需要框架。随着AJAX的出现，Web2.0的兴起，人们可以在页面上可以做比较复杂的事情了，然后前端框架才真正出现了，以jQuery为代表，针对界面上常见.. 阅读全文
摘要：
JavaScript库是 一个提前写好的JavaScript文件库，它可以很容易的开发基于JavaScript的应用，特别是AJAX和一些其它的以web为中心的技术。运用JavaScript最基本的方式是嵌入以写好的JavaScript函数，或是在HTML页面中包含进来。它是同过文档对象模型(DOM)和页面进行交互的。 在这篇文章中我精心挑选了 15个新颖的JavaScript库和工具，它们可以清理你应用中的相关问题以及让你的网站具有竞争力。我希望你在开发任务中能轻松的发现和应用下面的JavaScript库。好好享受吧！ 1. Recline.js Recline.js 对于构建纯htm... 阅读全文
摘要：
OK，又是周末晚上，没有约会，只有一大瓶Shasta汽水和全是快节奏的音乐…那就研究一下程序吧。 一时兴起，我下载了D-link无线路由器(型号：DIR-100 revA)的固件程序 v1.13。使用工具Binwalk，很快的就从中发现并提取出一个只读SquashFS文件系统，没用多大功夫我就将这个固件程序的web server(/bin/webs)加载到了IDA中： /bin/webs中的字符信息 基于上面的字符信息可以看出，这个/bin/webs二进制程序是一个修改版的thttpd，提供路由器管理员界面操作功能。看起来是经过了台湾明泰科技(D-Link的一个子公司)的修改。他们甚至很... 阅读全文
摘要：
FullPage.js 是一个简单而易于使用的插件，用来创建全屏滚动网站（也被称为单页网站）。除了可以创建全屏滚动效果以外，也可以给网站添加一些水平的滑块效果。能够自适应不同的屏幕尺寸，包括平板电脑和移动设备。 立即下载 效果演示- QQ交流群 => JavaScript技术专区：68789357 验证消息：Admin10000 单页 提示：转载本站内容请用超链接形式注明来源 相关文档Smint – 用于单页网站制作 jQuery导12个优秀资源让你迅速精通正则表达式Keypress - 捕获键盘输入的JavaScrip设计就像炒饭三个50岁的美国程序员的生活状态微信5.0公... 阅读全文
摘要：
层叠样式表（CSS）的主要目的是给HTML元素添加样式，然而，在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，这就是“伪元素”。 你一定听说过这个词，尤其是当你一直关注着我们的教程。点此浏览原作者的其他文章 事实上，的确有一些CSS家族的成员（CSS选择器）被分类为伪元素比如：:first-line, :first-letter, ::selection, :before and :after。但是，就本文而言，我们将把我们探讨的范围限制在:before 和 :after这两个元素上。因此，本文中的“伪元素”将特指这两个伪.. 阅读全文
摘要：
文件上传功能作为网页重要的组成部分，几乎无处不在，从简单的单个文件上传到复杂的批量上传、拖放上传，需要开发者花费大量的时间和精力去处理，以期实现好用的上传功能。这篇文章向大家推荐几款很棒的 JavaScript 文件上传功能增强插件。 jQuery File Uploader 这是最受欢迎的 jQuery 文件上传组件，支持批量上传，拖放上传，显示上传进度条以及校验功能。 支持预览图片、音频和视频，支持跨域上传和客户端图片缩放，支持的服务端平台有：PHP, Python, Ruby on Rails, Java, Node.js, Go 等等。 使用示例：123456789101112... 阅读全文
摘要：
本文作者Steve Smith是网站DesignDrizzle的创始人，他是一位工作超过7年的专业网站设计者。在这篇文章里展示了一些比较有价值、用起来非常方便的代码片段检测工具。这些工具将大大的提升开发者在代码片段检测方面的工作效率，亦可确保他们的代码运行起来万无一失。许多开发者都使用在线代码片段检测工具，这些工具当中有些是允许开发者和别人一起编辑/分享相互之间的代码，分享的目的主要是共同分析代码并相互协助完成代码片段的检查。 下面的这18个工具可以帮助开发者用来检查不论是即兴创作的代码还是用于大型工程的代码，同时还可以让开发者自主修改代码，以便更好的理解代码的功能性。 1. CodePe.. 阅读全文
摘要：
你愿意为打开一个网页等待多长时间？我一秒也不愿意等。但是事实上大多数网站在响应速度方面都让人失望。现在越来越多的人开始建立自己的网站，博客，你的网页响应速度如何呢？在这篇文章中我们来介绍一下提高网页性能的最佳实践，以及相应的问题解决方案，让站长或者即将要成为站长的朋友了解如何去测试和提高网站响应速度，对自己的网站更有信心。 最佳实践 最佳实践我们引用的来自yahoo前端性能团队总结的35条黄金定律。原文猛击这里。下面我们分门别类将每条的关键点总结一下。 网页内容减少http请求次数减少DNS查询次数避免页面跳转缓存Ajax延迟加载提前加载减少DOM元素数量根据域名划分内容减少iframe数.. 阅读全文
摘要：
Javascript语言的设计不够严谨，很多地方一不小心就会出错。 举例来说，请考虑以下情况。 现在，我们要判断一个全局对象myObj是否存在，如果不存在，就对它进行声明。用自然语言描述的算法如下： if (myObj不存在){ 声明myObj; } 你可能会觉得，写出这段代码很容易。但是实际上，它涉及的语法问题，远比我们想象的复杂。Juriy Zaytsev指出，判断一个Javascript对象是否存在，有超过50种写法。只有对Javascript语言的实现细节非常清楚，才可能分得清它们的区别。 第一种写法 根据直觉，你可能觉得可以这样写： if (!myObj) { ... 阅读全文
摘要：
发布网站之前至关重要的一步是网站测试。网站测试要求我们全面地运行网站并通过所有基本测试，如响应式设计测试、安全测试、易用性测试、跨浏览器兼容性、网站速度测试等。 网站测试对SEO、搜索引擎排名、转换率、跳出率（BounceRate）、网站页面设计、安全性的提高等都有重要的影响。所以对于Web开发人员，在发布网站之前对其进行测试至关重要。 有很多优秀的工具正被Web开发者用来进行网站测试。本文将例举10款优秀的网站测试工具。 W3CMarkupValidationServices W3C验证器可以检查任何网站中的HTML标记，并显示与其标准不符的错误之处。还有与W3C验证相关的诸多功能，... 阅读全文