• JavaScript 模块应用与编程

    calendar Dec 26, 2013   ---   · 2 min read · javascript requirejs  ·
    Share on: linkedin copy
    前边有一篇关于 JavaScript 对象声明，可以作为是 JavaScript 模块化的一个铺垫。这里会涉及到两个话题模块的定义和引入，对于模块化的编程语言，我们可以用 include, require 或 import 那样的谓词来引入模块。回想下我们对于非模块化的 JavaScript 是怎么引入的，比如在 html 文件里 js 文件，用 <script src="some.js"></script>。如果是更动态一点就会用 document.createElement("script"), 再指定它的 src 属性为一个 js 文件，添加加到 DOM 中去的方式来加载 js 文件。


    上面两种方式都不够优雅，我们现在想要实现为 require() 函数来引入 js 库的方式，所以 JavaScript 模块的规范就出现了 CommonJS 和 AMD(Asynchronous Module Definition) 两种。

    1. CommonJS

    CommonJS 中有一个全局的  require() 方法，它就是执行 require() 代码后马上使用模块提供的属性或方法，它假定执行完 require() 行后，模块即已就绪。例如加载一个 'math' 模块
    var math = require('math');
    math.add(2, 3);
    Read More

  • JavaScript 对象声明

    calendar Nov 23, 2013   ---   · 2 min read · javascript  ·
    Share on: linkedin copy
    对象，类，模块的概念可以让系统更清晰，亦能增强代码的重用性。目前 JavaScript 规范本身并不支持类或模块，正在制定中的 ECMAScript 6th Edition 将会纳入类，模块的概念，不过不知会是何年马月的事，毕竟这不能像 JDK 升级那么干脆。


    还有种办法来写模块化的 JavaScript 就是使用微软的  TypeScript 或是 Google 的 Dart，它们是面向对象的编程语言，能直接编译成兼容的 JavaScript 代码，有条件的可以去尝试。

    回到现实来，就现有的 JavaScript 规范怎么去模块化。众所周知，JavaScript 中函数是第一等公民，所以我们早先是这样使用函数来声明对象的：

    1. 原始写法(比直接调用函数显得高级些)：
     1function Module(){
 2    this.count = 10;
 3    this.foo = function(x){
 4        return x+1;
 5    }
 6}
 7
 8var m1 = new Module();
 9console.log(m1.count);
10console.log(m1.foo(3));

    Read More

  • 35 个最好的 Ajax jQuery 自动完成插件，带例子

    calendar Sep 6, 2013   ---   · 11 min read · plugin jQuery autocomplete  ·
    Share on: linkedin copy

    In this article,We are providing the best tutorials of Autocomplete in jQuery , ajax autocomplete and autosuggest with examples. jQuery Autocomplete an input field to enable users quickly finding and selecting some value, leveraging searching and filtering.In these days every body want fast and instant search,for this reason many popular search engines like google are using this feature ajax autocomplete.Combination of Php,ajax and jQuery autocomplete gives some extra feature to autosuggest.

    1. Ajax AutoComplete for jQuery


    Ajax Autocomplete for jQuery allows you to easily create autocomplete/autosuggest boxes for text input fields. Built with focus on performance – results for every query are cached and pulled from …

    Read More

  • jQuery 使用 $.getJSON() 跨域获取 JSON 数据

    calendar May 27, 2012   ---   · 2 min read · jQuery getJSON  ·
    Share on: linkedin copy

    假设在服务器上有文件 http://test.unmi.cc/json.php 文件，它的内容为：


    [代码 1]
     1<?php
 2header('Content-type: application/json');
 3
 4$user = array (
 5    "name"  => "Unmi",
 6    "blog" => "http://unmi.cc"
 7);
 8
 9echo json_encode($user);
10?>

    要是在同一个域上要取该文件的内容，那好办，比如同为 test.unmi.cc 域上的 ajax.html 文件中写上：

    [代码 2] Read More

  • Wordpress Code Editor 插件让你在线编辑主题/插件即时语法高亮

    calendar Apr 30, 2012   ---   · 1 min read · wordpress Syntax  ·
    Share on: linkedin copy
    晚上找了一些时候在线的即时语加亮组件，很多的，在线的代码编辑器就语法即时高亮上都可与客户端的编辑器相媲美了。有商业的，功能很丰富的，也有开源的，像 CodePress,   就很简单它支持 PHP, JavaScript, Java, Perl, SQL, HTML 和 CSS 代码的即时着色，完全由 JavaScript 来进行渲染。


    顺着 CodePress 来搜索，恰好还找到一个能让我们在 WordPress 的后台在线编辑插件/主题的代码编辑框中实现语法着色，并且时编辑时实时语法着色哦，那就是插件：WordPress Plugin Code Editor，可以点击 Code Editor  链接下载并安装为 WordPress 的插件。

    安装完启用后，使能看到编辑插件/主题时的代码都高亮了，使代码的可读性大大增加，编辑时即时的效果，能让你修改代码时出错的几率明显降低。 Read More

  • HTML各种标签的默认样式和浏览器默认css样式 [转]

    calendar Apr 26, 2012   ---   · 3 min read · css html  ·
    Share on: linkedin copy
    下面列出了所有HTML标签的默认样式，供大家参考，写出这些东西的初衷是因为今天在修改一个样式的时候【怎么样修正zblog文章内容中ol列表样式为原来的样式]】，不清楚OL的默认样式距离左边距有多少像素，所以这里就列出这些，以供参考，我脑子不太好用，记不住， Read More

  • 在FCKEditor中使用插件UGeSHi-GeSHi实现代码高亮显示

    calendar Feb 21, 2012   ---   · 1 min read · fckeditor geshi  ·
    Share on: linkedin copy

    本人安装了一个个人知识库管理系统 Knowledgeroot，选定了其中所见即所得编辑器比较好用的是 FckEditor，又再需要给它配上一款代码高亮的插件，于是找来了 UGeSHi-GeSHi。下面是从网络上摘来的在 FckEditor 中如何安装 UGeSHi-GeSHi 插件。

    什 么是UGeSHi？UGeSHi是一个连接器，它把FCKEditor与GeSHi（采用PHP编程语言写的代码高亮插件，目前它已能高亮100多种程序 语言）紧密的结合在一起，您可以称为它为FCK插件，也可以称它为连接器（因为代码高亮的核心文件不是本人编写，本人只编写了其与FCKEditor整合 的过程）。

    UGeSHi的功能：高亮程序代码，使程序代码美观且易读。

    为什么采用GeSHi作为核心文件？原因很简单，因为GeSHi高亮足够完美，而且支持高亮的程序语言也很完善。

    UGeSHi能高亮多少种程序语言？粗略的说可以高亮100多种，具体细节看下表： Read More

  • 给网页开发者的20个有用的Firefox插件

    calendar Jan 5, 2012   ---   · 1 min read · plugin FireFox  ·
    Share on: linkedin copy

    Firebug


    Read More

  • 推荐19个很有用的 JavaScript 库

    calendar May 17, 2011   ---   · 1 min read · javascript  ·
    Share on: linkedin copy

    流行的 JavaScript 库有jQuery，MooTools，Prototype，Dojo和YUI等，这些 JavaScript 库功能丰富，加上它们众多的插件，几乎能实现任何你需要的功能，然而需要实现一些特定的功能，则可以选择功能更专一的轻量库，今天这篇文章与大家分享16个很有用的 JavaScript 库。

    Blackbird: Open Source JavaScript Logging Utility

    Blackbird 是一款非常酷的 JavaScript 调试工具，带有一个漂亮的界面显示和过滤调试信息。

    Read More

  • 15款很棒的 JavaScript 开发工具

    calendar May 17, 2011   ---   · 1 min read · javascript  ·
    Share on: linkedin copy
    在开发中，借助得力的工具可以事半功倍。今天，这篇文章向大家分享最新收集的15款非常有用的 JavaScript 开发工具。
    TestSwarm: Continious & Distributed JS Testing

    TestSwarm是Mozilla实验室推出的一个开源项目，它旨在为开发者提供在多个浏览器版本上快速轻松测试自己JavaScript代码的方法。
    Read More