meikidd-优快云博客

翻译 [译] React 入门指南

原文链接：The React Quick Start Guide这篇文章将概括性的介绍一下如何用 ReactJS 进行开发。我将介绍一些基础知识，不会有过于深入的分析。你可以结合这些代码阅读本文。更新：本文已经由 Hugo Bessa 翻译了葡萄牙语版。一些概念React 的 API 非常少，简单易懂易用。在正式开始之前先介绍几个概念，一个一个来。React 元素是表现为 HTML 元素的 Jav

2015-05-12 16:45:31 1046

原创异步流程控制-7行代码学会co模块

首先请原谅我的标题党(●—●)，tj 大神的 co 源码200多行，显然不是我等屌丝能随便几行代码就能重写的。只是当今大家都喜欢《7天学会xx语言》之类的速效仙丹，于是我也弄个类似的名字来博眼球。为了避免被拖出去弹小JJ，还是先放出所谓的 n 行代码给大家压压惊：function co(gen) { gen = gen.call(this); var ret = gen

2015-05-06 01:03:06 1556

翻译 [译] Web Components 是什么？它为什么对我们这么重要？

Web Components 是什么？它为什么对我们这么重要？原文链接 What are WebComponents and why are they important?摘要先看一看未来的 WebComponent 标准，再简单了解怎么写 WebComponents，最后说说它的重要性。简介这篇文章简单介绍 WebComponent 标准，介绍哪些浏览器已经开始支持 WebComponen

2015-03-26 11:30:52 8671

原创浅析js模板引擎

js模板引擎越来越多的得到应用，如今已经出现了几十种js模板引擎，国内各大互联网公司也都开发了自己的js模板引擎（淘宝的kissy template，腾讯的artTemplate，百度的baiduTemplate等），如何从这么多纷繁的模板引擎中选择一款适合自己的呢，笔者最近对主流的js模板引擎（mustache，doT，juicer，artTemplate，baiduTemplate，Handl

2013-05-15 20:14:00 10809

转载程序员到底怎么了

我们是这样的一群人：每天都在“努力”的工作着，每天都和计算机打交道，泡在网上，打游戏，查资料，发微博。可是有一天，突然意识到，我们的未来在哪里，每个月那点可怜的工资，一年加起来也买不了几平米，找个女朋友也那么难，即使找到了，她还总是跟你说，为什么别人挣的都比你多，你每天不停的写着代码，每天不停的掉头发，每天都在发呆的想那“不远”的未来。他们管我们叫“码农”，我们管自己叫“程序员”，出差的时候被叫做

2012-06-18 16:14:17 992

原创如何将TrimPath用于JSP页面

首先简单介绍下TrimPath。真的是很好用。TrimPath是个轻量级的，基于JavaScript的，跨浏览器，采用APL/GPL开放源代码协议的，可以让你轻松进行基于模板编程方式的纯JS引擎。它有如下的特点：1、采用标准的JavaScript编写，支持跨浏览器2、模板语法类似于：FreeMarker，Velocity,Smarty3、采用简易的语言来描述大段的字串以及Dom

2012-04-18 16:25:16 1178

原创 pushlet 传递页面request参数

最近项目中有服务器端推送的需求，考察了一下，感觉pushlet比较适合我们的情况。用起来比较简单，网上资料也比较多（参考：开源框架Pushlet入门），就不多费笔墨了。最常见的用法如下：package com.ljq.test;import java.io.Serializable;import nl.justobjects.pushlet.core.Event;

2012-04-10 19:50:27 2821

转载 ie6 实现最小高度 min-height

先了解，IE6的 !important bug ：在IE6里，重复的属性写在同一对大括号里，后面的将会覆盖前面的，不管上面的属性是否加有!important声明；而写在不同的大括号里，它则会去认加有!important声明的那条属性。其实，IE6里的height就是min-height,然后呢，利用!important优先级，实现之。看下面代码把。除了IE6外，都会忽略important下

2012-03-02 16:41:55 711

转载 jQuery TAB插件

原文地址：jQuery TAB插件最近的项目用到TAB效果的地方较多，于是自己稍微封装了下，写成了jQuery插件，方便以后使用，顺便重温下jQuery插件的实现机制。在写插件之前对常见的TAB效果做了下总结，大体上也就那几种效果。插件力求简单易用，只要能实现常见的功能即可。查看演示参数说明：event触发TAB的事件类型，鼠标悬停：mouseover，

2012-02-27 14:52:01 1094

转载 EveryChart

转自：http://everyjs.co.cc/demo.htmlEveryChart是一个基于JavaScript的Web绘制图表工具，它的特点：体积小，速度快，使用简单面向对象架构，方便扩展拥有详尽的中文文档和本土技术支持不依赖其他框架，与jq

2011-09-10 22:38:22 1111

转载使用SeaJS实现模块化JavaScript开发

转自：http://cnodejs.org/blog/?p=1203SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同，SeaJS不会扩展封装语言特性

2011-09-10 22:17:10 972

原创【jQuery插件】flexigrid

http://code.google.com/p/flexigrid/wiki/TutorialPropertiesAndDocumentation http://flexigrid.info/ $(function() { $("#flex1").flexigrid({ url: staff.php,

2011-06-26 22:22:00 808

原创 log4j 详解与实战

要想搞清楚log4j的使用，看以下两篇文章就行了：log4j详解与实战，log4j输出多个自定义日志文件，动态配置路径。(下载log4j)现将主要信息记录如下：1.项目结构：package com.coderdream.log4j;import org.apache.log4j.Logger;public class HelloLog4j { private static Logger logger = Logger.getLogger(HelloLog4j.class); /** *

2011-05-16 11:29:00 678

原创 JSON和String互转

这两天遇到json和string互转的问题，网上各种说法不一；更重要的是，有些方法会有浏览器差异。 JSON.parse()和JSON.stringify()不支持ie（网上说支持ie8以上，但我用ie8和ie9试了，都不行）经过总结各种方法，亲身试验，得出结论如下：（下载代码示例） string -> json// 1 eval方法// ie 6、7、8、9, firefo

2011-05-10 16:17:00 1475

转载【jQuery插件】Masked Input Plugin实现文本框掩码效果

经常使用的最熟悉的子网掩码就是提供一个固定的格式，你只能按对应的格式输入相应的IP数值，使用jQuery插件Masked Input Plugin可以实现一个类似掩码的功能，可以应用于具有特殊格式的文本表单框中，如日期（2009-05-17）、电话号码（0571-12345678）等，使用Masked Input Plugin不仅可以指定格式，还可以进行表单输入控制，如数字，字母等，效果图如下：在线查看Masked Input Plugin演示http://www.biuuu.com/demo/mask/i

2011-05-10 11:15:00 2519

转载【jQuery插件】jquery.onlypressnum.js 文本框只能输入数字插件

jquery.onlypressnum.js 用法： $("#id or .类").onlypressnum(); //就是如此简单 作用： 限定指定容器只能输入数字，并不能操作复制/粘贴/右击/选择及其他输入法。 修正: 1.IE下禁止ctrl+c/v操作 2.firefox下可以选择内容 未修正： 1.通过拖动，仍然可以把非数字内容输入到容器里 下载：

2011-05-10 10:52:00 1160

原创 HTML5----Web Storage存储web数据

Web Storage是个好东西（Web Storage全解析，Web Storage使用教程），但是在使用localStorage.key= value赋值的时候，不管是什么类型的值，都会自动调用js的toString方法，转换为字符串存储。最好是自己重写各种类型的toString方法。

2011-05-07 23:40:00 672

转载为什么你的Javascript技术很烂？

Javascript在互联网上名声很臭，但你又很难再找到一个像它这样如此动态、如此被广泛使用、如此根植于我们的生活中的另外一种语言。它的低学习门槛让很多人都称它为学前脚本语言，它另外一个让人嘲笑的东西是动态语言的概念是偏偏使用了高标准的静态数据类型。其实，你和Javascript都站错了立场，而现在，你让Javascript很生气。这里有五个原因能说明你的Javascript技术很烂。1. 你没有使用命名空间。是否还记得在大学里老师告诉你不要在家庭作业里使用全局变量?Javascript里的全局变量的使用方

2011-05-07 23:19:00 512

转载 Json和String互转

/*JSON转换为字符串*/function jsonToString(obj) { var THIS = this; switch (typeof (obj)) { case 'string': return '"' + obj.replace(/(["//])/g, '//$1') + '"'; case 'array': return '[' + obj.map(THIS.jsonToString).join(',')

2011-05-07 22:32:00 562

转载用Aptana调试JavaScript教程

转自：http://www.css88.com/archives/685这是博客组成员$(‘demo’)原创的Aptana Debug JavaScript教程，由于图片发布的原因，$(‘demo’)交予我发布的，我对本文的少许文字做了修改。感谢$(‘demo’)！前期工作1. 你必须安装firefox浏览器；2. 到http://support.aptana.com/asap/browse/STU-1769 下载并安装aptanadebugger 及 firebug；这两个都是f

2011-04-19 15:50:00 583

转载【jQuery插件】用jQuery Masonry快速构建一个pinterest网站布局

转自：http://www.css88.com/archives/3321前段时间领导给我看了一个网站：http://pinterest.com/，Pinterest 这个名字还算容易理解：「Pin」就是用图钉往墙上钉东西，「interest」就是趣味。通过 Pinterest ，你可以：1) 发现有趣的图片——设计、摄影、产品、新闻——并刺激灵感；2) 将有趣的图片归类——tag、board、category、source——并分享给好友。一打开Pinterest你会被那些漂亮的图片和网站的杂志风格所吸引

2011-04-19 15:33:00 963

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

meikidd的专栏