分类目录归档：JavaScript开发

2015
02-12

开发一个完整的JavaScript组件

作为一名开发者，大家应该都知道在浏览器中存在一些内置的控件：Alert，Confirm等，但是这些控件通常根据浏览器产商的不同而形态各异，视觉效果往往达不到UI设计师的要求。更重要的是，这类内置控件的风格很难与形形色色的各种风格迥异的互联网产品的设计风格统一。因此，优秀的前端开发者们各自开发自己的个性化控件来替代浏览器内置的这些控件。当然，这类组件在网络上已经有不计其数相当优秀的，写这篇文章的目的不是为了... 继续阅读 >
2015
02-12

让我们写快速的JavaScript，JS性能优化小窍门

JavaScript已经是目前最流行的语言了，它能做很多事情-网站界面，服务器端，游戏 ，操作系统 ，机器人 等等很多很多。不过，说实话，即使它这么疯狂流行，它的性能还没有达到它的极限。是的，它在改进，但是等到它在各个方面赶上本地应用之前，在做一个HYBIRD混合应用时，你还不得不使用一些伎俩来优化它的性能。Firefox拥有目前最快的JavaScript解析器SpiderMonkey,有各种各样的让JavaScri... 继续阅读 >
2015
02-11

JavaScript 有多灵活？

JavaScript是一种灵活的语言，表达力极强，我来举一个例子，保证让很多人大吃一惊。本文受到了KyleSimpson的文章《IteratingES6Numbers》的启发。首先，在Number.prototype对象上，部署一个add方法。Number.prototype.add=function(x){returnthis+x;};上面代码为Number的实例定义了一个add方法。（如果你对这种写法不熟悉，建议先阅读我写的《JavaScript面向对象编程》。）由... 继续阅读 >
2015
02-11

JavaScript人脸检测的实现方法 推荐

今天，我们开始学习tracking.js,它是一个由EduardoLundgren开发的轻量级的javascript库，它可以让你做实时的人脸检测，色彩追踪和标记好友的脸。在这个教程中，我们将会看到，我们如何从静态图片中检测脸，眼睛和嘴巴。我一直对视频和图片中的人脸标记、检测和人脸识别技术很感兴趣。尽管我知道获取逻辑和算法去开发人脸识别软件或者插件已经超出了我的想象。当我知道Javascript库可以识别微笑，眼睛和脸部结构时，我得到启发去... 继续阅读 >
2015
02-09

强类型 JavaScript 的解决方案 推荐

JavaScript是一种弱类型（或称动态类型）语言，即变量的类型是不确定的。x=5;//5x=x+'A';//'5A'上面代码中，变量x起先是一个数值，后来是一个字符串，类型完全由当前的值决定，这就叫弱类型。弱类型的好处是十分灵活，可以写出非常简洁的代码。但是，对于大型项目来说，强类型更有利，可以降低系统的复杂度，在编译时就发现类型错误，减轻程序员的负担。一直有人尝试，让JavaScript变成强类型语... 继续阅读 >
2015
02-06

Javascript高性能动画与页面渲染

NosetTimeout,NosetInterval如果你不得不使用setTimeout或者setInterval来实现动画，那么原因只能是你需要精确的控制动画。但我认为至少在现在这个时间点，高级浏览器、甚至手机浏览器的普及程度足够让你有理由有条件在实现动画时使用更高效的方式。什么是高效页面是每一帧变化都是系统绘制出来的(GPU或者CPU)。但这种绘制又和PC游戏的绘制不同，它的最高绘制频率受限于显示器的刷新频率(而非显卡)，所以大多数情况下最高的... 继续阅读 >
2015
01-27

js本地存储解决方案——localStorage与userData

WEB应用的快速发展，是的本地存储一些数据也成为一种重要的需求，实现的方案也有很多，最普通的就是cookie了，大家也经常都用，但是cookie的缺点是显而易见的，其他的方案比如：IE6以上的userData，Firefox下面的globalStorage，以及Flash的本地存储，除了Flash之外，其他的几个都有一些兼容性的问题。sessionStorage与localStorageWebStorage实际上由两部分组成：sessionStorage与localStorage。sessionStorage用于本地存储一... 继续阅读 >
2015
01-08

JavaScript依赖注入的实现思路

.article-entrypre{margin:15pxauto;font:12px/20px'couriernew';border:1pxsolid#ddd;border-left-width:4px;background:#fbfbfb;padding:10px15px;}如今各个框架都在模块化，连前端的javascript也不例外。每个模块负责一定的功能，模块与模块之间又有相互依赖，那么问题来了：javascript的依赖注入如何实现？（javascript的依赖注入，各大框架都有相应的实现，这里只学习实现思路）如下需求：假设已经有定义好的服务模... 继续阅读 >
2014
12-22

实用的 jQuery下拉选择框插件集合

jQuery是目前最受欢迎的JavaScript库，并且在全世界都已经被广泛应用。今天，小编为大家展示了一些非常实用并且免费的jQuery下拉选择框插件，这可以大大的简化开发人员的工作流程。诸如这些资源，都是为了方便Web开发人员能够快速的执行某些操作，从而提高工作效率。同时今天为各位展示的一些jQuery下拉选择框插件很有可能激发你的创造力，使你的工作技能达到一个全新的水平。那么，你还在等什么呢？ddSlickddSlick... 继续阅读 >
2014
12-09

Web Uploader 功能齐全完美兼容 IE 的上传组件 HOT

文件上传是网站和Web应用程序的常用功能，一直没有一款完美的文件上传组件，因此让很多开发人员碰到头疼的浏览器兼容问题。 WebUploader是由BaiduFEX团队开发的一款以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS6+,android4+。采用大文件分片并发上传，极大的提高了文件上传效率。 ... 继续阅读 >
2014
12-09

四款超棒的jQuery数字化签名插件

在浏览器中，我们有很多方式来绘制生成签名效果，并且有很多很棒很智能的jQuery插件。数字化签名是未来的发展方向，正是这个原因我们这里收集并且推荐了四款超棒的jQuery数字化签名插件，希望大家喜欢！1.jSignature这个jQuery插件简化了创建数据签名的过程，允许用户使用鼠标，手写板，手指来绘制签名。这里是演示2.SignaturePad这个jQuery插件可以辅助使用HTML5画布来实现数字签名。它保存签名为JS... 继续阅读 >
2014
12-09

学习JavaScript的必备读物

常常有人要我推荐学习JS的书籍或者在线教程。看起来每个人都有很好的理由在JS领域有所行动。如果你对让人兴奋的工作机会很感兴趣的又想要玩一玩有意思的东西，那么JS一定是个很棒的语言。随着JS的流行度增加，相关的书籍、博客和教程也随之大量增多，但是我不可能所有的资源都了解过，但是我看到了一些很不错的东西也想在这里分享给你。书籍请注意，在这里我只会推荐我已经看过的书籍，你肯定可以发现有无数的书和... 继续阅读 >
2014
12-09

JavaScript：世界上误解最深的语言

JavaScript，或者叫Mocha，或者叫LiveScript，或者叫JScript，又或者叫ECMAScript，是世界上最流行的编程语言之一。事实上世界上的每一台个人电脑都安装并在频繁使用至少一个JavaScript解释器。JavaScript的流行完全是由于他在WWW脚本语言领域中的地位决定的。尽管它很流行，但是很少有人知道JavaScript是一个非常棒的动态面向对象通用编程语言。这居然能成为一个秘密！这门语言为什么被误解如此之深？名字... 继续阅读 >
2014
12-09

JavaScript入门学习书籍的阶段选择

对于许多想学习JavaScript的朋友来说，无疑如何选择入门的书籍是他们最头疼的问题，或许也是他们一直畏惧，甚至放弃学习JavaScript的理由。在JavaScript方面，自己不是什么专家，也不是什么高手，但自己一路走来，JavaScript从迷茫到认识，对于JavaScript书籍的认识或许还有些借鉴价值。入门推荐首选书籍：《JavaScriptDOM编程艺术》当初读了不下4遍，书内容简单，易学，上手快，编程思想严谨。好的入门... 继续阅读 >
2014
12-09

Nivo Slider - 世界上最棒的 jQuery 图片轮播插件

NivoSlider号称世界最棒的轻量级JQuery图片幻灯插件，按它的官网所说，“以漂亮和易于使用而闻名于世”！有独立的 jQuery 插件和 WordPress 插件两个版本。jQuery独立版本的插件主要有如下特色：✓ 16个独特的过渡效果✓ 简洁和有效的标记✓ 加载参数设置✓ 内置方向和导航控制✓ 压缩版本大小只有12KB✓ 支持链接图像✓ 支持... 继续阅读 >
2014
12-09

改善用户体验的 3 个 AngularJS 指令

AngularJS指令可以为给你的访问者提供更好的用户体验，比如通过展示用户头像来使页面看起来更具个性化。在你的注册表单中，可以在电子邮箱地址一栏的旁边展示一个头像，指示用户输入的是否是一个正确的邮件地址。如果在你的表单中有可选输入项，你可以默认隐藏它们，当用户点击时再展示出来，并且立刻自动将焦点对准第一个输入框。这些方法非常容易实现，并且可以通过指令来获得复用。你有许多方式来构建AngularJS指令。... 继续阅读 >
2014
12-09

聊Javascript中的AOP编程

Duckpunch我们先不谈AOP编程，先从duckpunch编程谈起。如果你去wikipedia中查找duckpunch，你查阅到的应该是monkeypatch这个词条。根据解释，Monkeypatch这个词来源于guerrillapatch，意为在运行中悄悄的改变代码，而guerrilla这个词与gorilla同音，而后者意又与monkey相近（前者为“猩猩”的意思），最后就演变为了monkeypatch。如果你没有听说过duckpunch，但你或许听说过ducktyping... 继续阅读 >
2014
12-09

让我们再聊聊浏览器资源加载优化

几乎每一个前端程序员都知道应该把script标签放在页面底部。关于这个经典的论述可以追溯到Nicholas的HighPerformanceJavasript这本书的第一章LoadingandExecution中，他之所以建议这么做是因为：Putall<script>tagsatthebottomofthepage,justinsideoftheclosing</body>tag.Thisensuresthatthepagecanbealmostcompletelyrenderedbeforescriptexecutionbegins.简而言之，如果浏览... 继续阅读 >
2014
12-09

2014年最酷的30个JavaScript库 推荐

使用JavaScript库将会使开发变的更简单，大部分JavaScript库提供的功能都是极好的，当我们在为一个项目选定开发技术的时候，选择一个明星框架当然很不错，但是有些库文件太大了。当你想要为一个特定的任务寻找解决方案的时候，你可以选择一个更有针对性，更轻量级的框架。在这篇文章中，我们总结了近期30个很棒的JavaScript库，下面这些JavaScript库都是非常实用的，尤其是对于有特定需求的项目。1.Blast.jsBl... 继续阅读 >
2014
12-09

为什么JavaScript是你应当学习的下一个（或第一个）编程语言

我已经被多次问到，如果我刚刚开始，我应当学习什么编程语言，答案一定是JavaScript，下面是为什么：最简单的开发环境我相信人们进入编程最大的障碍实际上是编写代码相关的所有其它方面的东东。你能够更快地编写代码（至少在你开始学习的时候），在我看来就是一个胜利。每个人都可以访问web浏览器，这意味着每个人现在也能访问一个简单的开发环境了。如果你在使用Mac下的Chrome，按快捷键cmd-opt-j。就来到了控制台... 继续阅读 >
2014
12-09

编写高性能JavaScript

很多JavaScript引擎，如Google的V8引擎（被Chrome和Node所用），是专门为需要快速执行的大型JavaScript应用所设计的。如果你是一个开发者，并且关心内存使用情况与页面性能，你应该了解用户浏览器中的JavaScript引擎是如何运作的。无论是V8，SpiderMonkey的（Firefox）的Carakan（Opera），Chakra（IE）或其他引擎，这样做可以帮助你更好地优化你的应用程序。这并不是说应该专门为某一浏览器或引擎做优化，千万别这么做。... 继续阅读 >
2014
12-09

AngularJS 、Backbone.js 和 Ember.js 的比较

1 介绍我们准备在这篇文章中比较三款流行于Web的“模型-视图-*”框架：AngularJS、Backbone和Ember。为你的项目选择正确的框架能够对你及时交付项目的能力和在以后维护你自己代码的能力产生巨大影响。你也许想基于一款可靠的、稳定的和成熟的框架来构建项目，但又不想为此受到约束。Web发展迅速——新技术产生，旧的那套方法很快跟不上潮流。如此形势之下，我们准备仔细深入的比较这三个框架。... 继续阅读 >
2014
12-09

在网站开发中很有用的8个 jQuery 效果【附源码】

jQuery作为最优秀JavaScript库之一，改变了很多人编写JavaScript的方式。它简化了HTML文档遍历，事件处理，动画和Ajax交互，而且有成千上万的成熟jQuery插件可供使用。看看下面这些惊人的功能和效果，我相信你会发现一些很有用的东西。jPages是一款非常不错的客户端分页插件，有很多特色，例如自动播放、按键翻页、延迟加载等等 源码下载    在线演示老牌的响应式jQuery... 继续阅读 >