随笔分类 - [10]JS
-
我的模块加载系统 v17的入门教程
摘要:听说有人不用,就写个简单的教程吧。先把mass.js下载回来。然后建立一个HTML页面,index.html,内容为<!DOCTYPE HTML><html><head><title>AMD</title><metahttp-equiv="Content-Type"content="text/html; charset=UTF-8"><scriptsrc="mass.js"></script><script>$.log(&quo 阅读全文
-
我的模块加载系统
摘要:本版本的重要更新是完全实现AMD规范。整个框架根据此新加载器重写,因此可以方便调用老外用AMD规范写好的JS库了.日志打印可以通过设置$.core.level排除某些不重要的日志打印。添加config方法来设置框架的一些重要信息或对模块进行别名。在VS系列实现智能提示。有关本模块加载系统的使用,可以到这里详看教程.新加载器是同时支持AMD与玉伯搞的seajs的CMD.如果你在模块定义中的回调带有"require","exports","modules"中的任两个,加载器就视为CMD.不过无视是AMD与CMD,函数里面require, 阅读全文
-
JavaScript语句
摘要:砖瓦和水泥都有了,接下来该是砌墙了,在ECMAScript中,语句就是我们需要砌的墙了。语句也和操作符一样,对于有C背景的人来说再自然不过了,下面采用类似的形式整理一下语句的相关知识,重点突出一些ECMAScript中比较特别和个人认为比较有意思的地方,同样,没有强调的但比较基础的语句并非不重要,而是我认为你已经熟悉。语句一览语句语法简要描述简单语句;语句以分号(;)结束,在不引起歧义的情况下也可以省略分号。语句块{}使用大括号({})将一组语句放一起组成一个语句块,在ECMAScript中,有语句块,但没有语句块作用域。if语句if(condition){}if(ocndition){}el 阅读全文
-
jQuery EasyUI 1.3.0 Demo合集、离线API、动态换肤
摘要:jQuery EasyUI 1.3 Demo合集、离线API、动态换肤。写jQuery EasyUI 1.2.6源码 Demo合集 离线API的时候就发现作者要放出来1.3了,前段时间发现已经更新了,没来得及整理,现给出jQuery EasyUI 1.3 Demo合集、离线API,以及把easyui的各种皮肤整合在一起,包括官网上的扩张皮肤,可以动态换肤了。这次没有像1.2.6翻译的源码,暂时也没用到,使用的时候再说吧。打包地址猛击下载,http://files.cnblogs.com/purediy/jquery-easyui-1.3.0.zipDemo预览图片API预览图片分类:jQuer 阅读全文
-
js实现放大镜效果
摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; c 阅读全文
-
基于Backbone.js的JavaScript MVC示例程序
摘要:基于Backbone.js的JavaScript MVC示例程序(7)一.概述二.REST Server的实现2.1 REST API设计2.2 数据库设计2.3 用MyBatis实现的DAO层2.4 用Jersey实现的REST API2.5 用Spring AOP实现的日志功能三.前端的实现3.1 显示User列表3.2 显示User详细信息3.3 修改User信息3.4 增加User3.5 删除User3.6 添加validate3.4 增加User左侧 User 列表上方添加了一个 "Add" 按钮,点击之后右侧的页面会显示一个增加 User 的表单,表单提交之后弹 阅读全文
-
node.js操作Cookie
摘要:通过node.js建立了一个完整的网站不是一件容易的事,这涉及读取页面模板,从数据库中抽出数据构建成新的页面返回给客户端。但光是这样还不行,我们还要设置首部,在chrome中如果CSS没有设置正确的Content-Type,会不起作用的。此处理还要考虑访问量,要设置缓存,缓存不单单是把东西从内存中读入读出就行,这样会撑爆电脑内存的,这用LRU算法(最近最少用的数据会清空出内存)。基于Cookie与数据库与URL重写,我们发展出一个session机制用于在多个action中通信。对于不同的请求交由不同的action来处理,就要发展出路由机制与MVC系统,等等。我信后写这些东西一点点写出来,揭示n 阅读全文
-
js 拖拽排序
摘要:现在做页面的经常会有用到拖拽的东西 ,我一直用的都是jquery的一些插件,但知其然,不知其所以然不是我想要的。起码对于经常会用到的东西还是尽可能多去了解点,所以就百度百度,书翻几下。想着自己也试着写个可以拖拽并自动排列的例子,起码了解一下。辅助js(主要是简化document.getElement(id) 这些的写法)如下代码:(可略过不看 代码最后会提供下载,并且不关拖拽具体实现) 1 (function (window) { 2 var regId = /^#[\w\-]+$/, 3 regCls = /^.[\w\-]+$/, 4 //从园子里某位前辈那里看来的... 阅读全文
-
nikebetterworld视差平滑滚动效果
摘要:设计人员和开发人员的在线有用资源分享jquery视差推荐:nikebetterworld视差平滑滚动效果让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。这就是视差滚动技术,作为今年网页设计的热点趋势,越来越多的网站应用了这项技术。上次,我创建了一个jQuery的垂直视差演示,操纵CSS在不同的速度,相对的移动滚动条移动多个背景。 著名的耐克公司Nikebetterworld就是采用这样技术实现的;今天采用jquery视差脚本,重新建立一个类似Nikebetterworld网页,效果演示Demo先来看看这样效果在网站当中的运用Dennis Kleine32.Maid St 阅读全文
-
JavaScript代码进行优化
摘要:对公司已有项目JavaScript代码进行优化,本文的是对优化工作的一个总结,拿出来与大家分享。当然我的优化方式可能并不是最优的,或者说有些不对的地方,请指教。目录JavaScript优化总结分为以下几点模块化(类编程)静态类实例类JavaScript压缩/合并Uglifyjs安装UglifyJS使用JavaScript文件合并文档生成YUIDoc安装与使用YUIDoc标签公共类库说明目录结构自动合并、压缩脚本文档说明参考链接、进一步阅读JavaScript优化总结分为以下几点优化前后对比优化前优化后代码混乱,同样功能的函数重复出现在多个地方。如果需要修改实现,需要找到所有的地方。牵一发而动全 阅读全文
-
golang与node.js的http模块性能对比测试(go1)
摘要:去年的时候,曾经简单对比了一下golang和nodejs的http模块的性能,见:golang与node.js的http对比测试那时golang还没发布go1,http模块比nodejs差得很远。go1出来已经有一段时间了,我知道go的http模块性能已经有比较大的提升,但是最近依然见到有人提起去年写的那篇文章,为避免产生对golang的误解,对于go1的最新测试结果如下。测试是在Ubuntu 12.04 64位系统下进行的:qleelulu@nb:~$ uname -aLinux nb 3.2.0-25-generic #40-Ubuntu SMP Wed May 23 20:30:51 U 阅读全文
-
公开我的开源项目newland.js
摘要:newland.js是一个node.js MVC框架,这个MVC架构只是针对它的后端部分而已。当然有人立即会提出怀疑,世界已经有这么MVC框架,你的亮点在哪啊?回答通常有两种:重复造轮子的意义,与新框架的特性。是的,重造轮子,世界无时无刻地造轮子,造轮子的人为了编造了许许多“藉口”,我觉得最美妙的藉口是最近多《GTF: Great Teacher Friedman 》读的东西,我觉得光是他说的那一点就能让许多人闭嘴了——当然,重新发明东西并不会给我带来论文发表,但是它却给我带来了更重要的东西,这就是独立的思考能力。一旦一个东西被你“想”出来,而不是从别人那里 “学”过来,那么你就知道这个想法是 阅读全文
-
newland.js的Ioc实现
摘要:concat( files ), function(){//取得放在前面的拦截器varintercepters = [].splice.call(arguments, 0, inter.length);//取得放在后面的控制器varcontrollers = arguments;//进行控制反转,构建我们所需要的控制器子类与它的实例files.forEach(function(el, i){//mac下的路径为 app/controllers/doc_controller.js//window下的路径为 app\\controllers\\doc_controller.jsvarmatch = 阅读全文
-
jQuery 1.8 Release
摘要:jQuery 1.8 Release版本发布了 昨天,jQuery官网发布了jQuery 1.8 Release版,现在已经可以在官网获得:http://jquery.com/。 由于在园子里还没发现这方面的文章,所以就来简单地介绍一下(注:本文只是简单的归纳介绍,不是完整的翻译,全文请参考原文:http://blog.jquery.com/2012/08/09/jquery-1-8-released/)。一、代码获取 http://code.jquery.com/jquery-1.8.0.min.js(压缩版,建议生产环璋用) http://code.jquery.com/jquer... 阅读全文
-
javascript模板系统 ejs v10
摘要:最近一直攻略node.js,发现ejsv9在后端的视图层有点力不从心。后端是模板的最大用户,因此拼字符串必须会死翘翘。通常来说,我们一个action对应一个模板,它应该是只含body部分的HTML,另外,还有一个layout,它是包含head与body的底部。它们两个加起来,加个模型层的数据生成一个真正的页面返给前端。但生成这页面不像普通的挖坑填数字的过程,像ejs、mustache、micro-Templating、doT.js就是如此。不过有的模板可以套嵌大量的逻辑,有的不能,像mustache就号称Logic-less templates,目的不想让模板也成为代码的意大利面条,这是JSP 阅读全文
-
Node.js入门学习笔记-IDE选择/配置之WebStorm(windows)
摘要:Node.js是什么?!http://www.ibm.com/developerworks/cn/opensource/os-nodejs/index.html?ca=drs1、安装nodejs,nodejs已经提供了各平台的编译过的文件. 下载地址http://nodejs.org/#download,一路next,直到完成。2、安装WebStorm:WebStorm是商业软件,可以免费试用30天,非常感谢MVP项目,从WebStorm获得了1年的License 。下载地址:http://www.jetbrains.com/webstorm/download/下载并安装一个支持Node.js 阅读全文
-
[jQuery,Dojo,MooTools]
摘要:学习流行的JavaScript框架20120727-[jQuery,Dojo,MooTools]前台我一直在想,怎么提高自己的技术水平。网上的文章我看下来一般都是这样几类:说明型教程,就是把官网的说明书翻译成中文,如果官网有教程最好,没有其实就是技术手册,而且转来转去的,缺少图片不说,排版都有可能一塌糊涂。helloworld教程,就是类似helloworld级的教程。基本上就是给入门的人看的。也不一定连续。专项型教程,针对某一个特定的问题进行阐述,这个完全看运气,有时候说的立刻能懂的,有时候则完全不知道在讲啥。搞笑型教程,类似讲故事一样的教程,长篇大论其实就是表述一个很简单的观点。市场上很多 阅读全文
-
window.name + postMessage实现不用代理页的跨域通信
摘要:有关跨域通信,可以叫跨域请求,跨域数据访问,想必大家在工作或多或少地接触到,网上也能搜出一大罗出来。我的解决方法与他们的不同之处是不使用代理页。确切来说,在IE67无法使用postMessage的情况,我们通常需要动态生成一个隐藏iframe来加载通信页,而它可能是跨域的。window.name的逆天之处在于,iframe.contentWindow.name是共用,即便因为URL的切换导致里面的不断改变,如果没有人为修改它,一直就是那个样子。但不同域的情况下,我们仍然不能访问iframe中的window.name,这时我们再把iframe切换成本域的页面就行了。这就是window.name通 阅读全文
-
JQ
摘要:index.php中 var autoSave = false; 控制不自动提交。index.php<?php require 'db.php'; $query = "SELECT `id`,`order`,`name` FROM `limove` ORDER BY `order`"; $lis = mysql_query($query,$conn); $li_count = mysql_num_rows($lis);?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition 阅读全文
-
jquery多功能软键盘插件
摘要:功能介绍:支持查询功能的键盘和简单得软键盘,键盘样式完全在独立的css文件中定义,可以自行美化。源代码:http://files.cnblogs.com/mz121star/jquery-softkeyboard-js.rar(支持从查询的软键盘)(简单的软件盘)插件的默认参数 jquery.fn.softkeyboard.defaults = {names: {_delbtn: "skbdel",_clearbtn: "skbclear",_querybtn: "skbquery",_closebtn: "skbclose 阅读全文