随笔分类 - [10]JS
-
javascript 框架功能大剖析
摘要:javascript框架有什么功能,这个不是框架作者随意决定,这与人们经常用JS做什么事直接相关。 javascript框架是从common.js这样工具函数集演变过来,最重要的特征是实用。由于框架作者肯定是从 一线开发人员过来的,这个他心里有数,再结合主流框架的功能调查,就万无一失了。jQueryjQuery强在它专注于DOM操作的思路一开始就是对的,以后就是不断在兼容性,性能上进行改进。ajax 数据交互(1.5来自社区)attributes 属性操作,共分className, 表单元素的value值,属性与特征四大块。callbacks 函数列队core 种子模块,命名空间,链式结构, 阅读全文
-
JavaScript中的函数是数据
摘要:JavaScript 中的函数实际上是数据。这也就是说下面的2 种定义函数的方式是完全一样的。function f(){return 1;}var f = function(){retrun 1;}第二种定义函数的方式也被称为“文本标记型”函数两种定义函数的区别: 第二种定义函数的缺点,有位置的限制,而第一种没有,我们看一下下面的例子<script type="text/javascript"> //这也就是说下面的2 种定义函数的方式是完全一样的。 function fun01() { } var fun02 = function () { }//结果是fun 阅读全文
-
博客园 漂浮快捷操作
摘要:http://www.cnblogs.com/IT-Bear/archive/2012/03/23/2413948.html正文在看了Mainz的博客风格后,想要自己也弄上一个,于是就动手了。尽管效果出来了,但是收藏、评论和推荐应该只在博文页出现,这里还没有做判断。看了一下Mainz的代码有些地方还没看懂,需要研究一下。另我的是1024×768小屏,在IE8和Chrome下测试是没有问题的。推荐此文,是和好文要顶用的一样的链接不知道问什么没有效果。;green_channel_success(this,'谢谢推荐!');如果您那里出现了不兼容的问题请告诉我,谢谢。怎么 阅读全文
-
jquery星级插件、支持页面中多次使用
摘要:我从网上收集一个jquery星级插件的,它只支持一个页面中使用一次,多次使用的话会发生冲突,达不到我项目的需求,没办法,只能修改它,效果图如下:css所需背景图片:二话不说,帖代码:html代码<div class="xing"> <span style="float: left">总体评价:<font color="#CC3300" size="-1">*</font></span><div class="rating-wrap" 阅读全文
-
JQuery的结构-Dive into jQuery
摘要:随笔- 7 文章- 0 评论- 2JQuery的结构-Dive into jQuery原文参考:http://www.splashnology.com/article/the-structure-of-jquery-dive-into-source-code/2517/Jquery很流行了,那么它到底是怎么构造的,记得一位老师说过“结构是宝,一懂百了;结构不懂,一窍不通”。这句话深深地在我脑海里。。。。。总体结构1 (function( window, undefined ) {2 var document = window.document,3 navigator = window.... 阅读全文
-
jQuery插件-轻量弹出层-UIDialog
摘要:参数解释:id:null,//需要赋值的IDcallOnOpen:null,//弹出后调用方法callOnClose:null,//关闭后调用方法eventType:null,//事件类型click,blur,change,dblclick,error,focus,load,mousedown,mouseout,mouseupidContent:null,//需要添加的idwidth:'auto',//宽height:'auto',//高title:'消息',//标题content:'测试内容'//内容复制代码<!DOCTY 阅读全文
-
jQuery插件-轻量图片轮换-UISlide
摘要:jQuery插件-轻量图片轮换-UISlide特点:1. 带标题内容的图片切换。预览图2. 接口简单,因为简单所以修改方便。修改第1行或第4行宽高即可。1.slide_wrap{position:relative;width:710px;height:340px;margin-bottom:5px;border:2pxsolid#ccc;background:#fff;color:#666;overflow:hidden;}2.slide_imglist{}3.slide_imglistli{float:left;margin-right:3px;display:inline;}4.slide 阅读全文
-
net ajax 异步调用的几种实现方法(jquery)
摘要:介绍几种.NET中ajax异步调用的不同实现方式(1).aspx 普通web窗体页。删除aspx页面中 html代码,只保留第一行。在后置代码页 .aspx.cs 中写对应的方法代码。前台调用: // 异步调用页面url,参数组,返回执行事件 $.post("AjaxPage.aspx" , { type:'getData01' },function(re){ $('#re_method01').html(re); });复制代码(2)单独.aspx 页(新建的时候不勾选 “将代码放在单独的文件中”) + 任意.cs文件(需要继承System 阅读全文
-
Range在各浏览器下的问题和常见处理办法
摘要:第一次听到Range这个概念是在空间编辑器的技术交流会上,当时作者给我们提到编辑器中最重要的概念就是Range,通过操作range,就可以实现编辑器的所有操作。到底具体什么是range呢,其实简单点就是选区,大家对矩形可能有概念,其实range可以理解为矩形,只要我们选定了一个文本,那么这个文本就占有空间了,所以range是有起始和结束位置的。一、关于浏览器的兼容性 目前主要有3种关于range的类似的对象,分别是W3C range 对象,Mozzlia selection ,ie TextRange 关于这三种的区别,请查看文档http://www.quirksmode.org/dom... 阅读全文
-
JQuery EasyUi之界面设计
摘要:JQuery EasyUi之界面设计——前言与界面效果(一)如果冯巩的开场白是“观众朋友们,我想死你们了”,那么我的开场白是“最近一直很忙,很久没有发文了”。前面说过了EXT.NET,这里顺便再说说JQuery EasyUI。为啥我会选择JQuery EasyUI呢?主要有以下几点:轻量级。基本的组件都用,即“麻雀虽小五脏俱全”。使用简洁方便,比如支持html+js。可扩展性。可维护性。世上没有完美的产品,而且其对IE6的兼容性还存在一些问题,但相比extjs,其还是很方便阅读和修改的。简单性。这既是优点也是缺点。比如icon,自带的就那么几个,像我这样的懒人,就用那么几个就够了,extjs的 阅读全文
-
javascript模板系统 ejs v9
摘要:我的模板系统升一下级, 继续在新公司里面用。 现在几在互联网公司没有不用javascript模板了, 什么TX, 百度, 新浪, 360什么的, 最后瀑布流的流行, 里面又有许多用到模板。本版本就是改回v6的形态,后端数据还是带@前端才方便查看与调试。昨天也与一TX前端工程师讨论过这个必要性。取得模板中的需要填写的变量,再与后端传过来的JSON进行比较,尽早进行数据验证。这种技术,可以看一看PHP的变量命名就知了,带是带$前缀。在之前的版本中,如果输出语句带分号或逗号是会报错的<script type="tmpl" id="table_tmpl"& 阅读全文
-
模仿igoogle【定制化、拖动排序,最大化、分屏】
摘要:【jquery仿dataList】应用之——模仿igoogle【定制化、拖动排序,最大化、分屏】接上一次日志哈,这一次用原来写的datalist实现了简单应用,模拟igoogle。做的过程中发现代码很多问题,主要是流程上的问题。主要是自己层次不够,明明已经感到这样那样的问题,都能说出来就是不知道怎么改。主要问题:1 初始化时候参照其他jquery框架,应该达到配置最小化,却怎么都做不好2 现在控件必须提供数据源datalist与模板template,数据源还好说,但是模板的写法真的太坑爹,现在是放在数据库里面了以后怎么做还说不清哦3 与.net中datalist一致,不论datalist还是i 阅读全文
-
看看node.js chat程序如何实现Ajax long-polling长链接刷新模式
摘要:前言 首先,关于node.js,这里就不再细说了。 node.js chat是node.js作者用JS写的一个多人聊天工具, 源代码公开下载,网址是chat.nodejs.org。作者用这个小例子,来展示如何用nodejs开发高效率的应用程序。对于nodejs的学习者来说,是一个很好的例子。 废话不多说,开始今天的主题。纵观这个程序,感觉它的最可贵之处,在于展示了,如何用nodejs实现长链接模式的刷新技术。 (这个程序不详细介绍,重点讲解这个功能)Client.js 首先看一段核心代码: 1 function longPoll (data) { 2 3 //....此... 阅读全文
-
利用Linq + Jquery + Ajax 异步分页的实现
摘要:在Web显示的时候我们经常会遇到分页显示,而网上的分页方法甚多,但都太过于消耗带宽,所以我想到了用Ajax来分页,利用返回的Json来处理返回的数据,大大简化了带宽的压力。先说下思路,无非就是异步执行ajax 把新列表所需要的数据用json格式返回来,然后把原来的列表Remove掉,让新列表Show。上前台Html代码:<!--一个table 里面是repeater 当然了你也可以用<UL>那样效率更高--><table width="100%" border="0" cellpadding="0" id 阅读全文
-
Linq + Jquery + Ajax 实现异步分页,批量删除,单个删除,全选,反选 ……
摘要:此文章是利用Linq + Jquery + Ajax 异步分页的实现的后续文章,里面涵盖了,利用客户端复选框进行批量删除,单个删除,全选,反选的各种操作,可以立即用于商业开发!客户端代码:$("#quan").click(function () {//全部选择 $(".check_select").attr('checked', true); }) $("#fan").click(function () {//反选择 $(".check_select").each(function (i) { $( 阅读全文
-
JQuery UI的拖拽功能
摘要:JQuery UI是JQuery官方支持的WebUI 代码库,包含底层交互、动画、特效等API,并且封装了一些Web小部件(Widget)。同时,JQuery UI继承了jquery的插件支持,有大量的第三方插件可以丰富JQuery UI的功能。JQuery UI提供的API极大简化了拖拽功能的开发。只需要分别在拖拽源(source)和目标(target)上调用draggable和droppable两个函数即可。拖拽原理首先要明确几个概念。 ource:拖拽源,要拖动的元素。 taerget:拖放目标,能够放入source的容器。拖拽的动作分解如下: 1. drag start:在拖拽源... 阅读全文
-
Kinect初探之一
摘要:微软在今年(2012)的二月一号推出了Kinect for Windows控制器和SDK,几经周折,本人在淘宝上找米国亚马逊代购来的机器终于在今天早上的时候被国企EMS送到手中——为什么不发顺丰啊我的天。1860软妹币包运费关税代购费——晚找代购一天涨了60——,此外略去不提。Kinect除了大家都知道的景深镜头,图像镜头之外,还有一个上下调整镜头的马达——千万千万不要手贱用力掰——、多个麦克风——对,他能像siri一样,甚至比siri还要awesome、他可以分辨声音的方位,并记录下位置。下载下来官方的SDK V1.0版,运行一下Demo比起Xbox的sensor而言多花的900人民币的价值 阅读全文
-
Node.JS环境搭建手顺(无脑操作)
摘要:0、Node.js是啥?Node.js是一个搭建在谷歌Chrome浏览器的JavaScript运行时之上的平台,为了方便的创建快速、可扩展的应用。Node.js is a platform built onChrome's JavaScript runtime for easily building fast, scalable network applications.1、下载cygwin,url:http://cygwin.com/setup.exe2、安装cygwin点击 下一步,选择"Install from Internet(网络安装)"选择安装的路径,这 阅读全文
-
Node.js
摘要:前言 前面一章,我们介绍了Node.js这个面向互联网服务的JavaScript服务器平台,同时Node.js的运行环境已经搭建起来,并通过两段HelloWorld程序验证了Node.js的基本功能。本章我们同样通过实战的演练,利用Node.js建立一个简单的Web服务器。 如果你熟悉.NET或其他类似平台的Web开发,你可能会像,建立一个Web服务器有什么,在Visual Studio中建立一个Web工程,点击运行即可。事实的确是这样,但请不要忘记,这样的代价是,比如果说,你是用.NET开发Web应用,你就使用了完整的IIS作为你的Web服务器基础,这样当你的应用发布时就只能用IIS了。而. 阅读全文
-
modular js
摘要:Snandy停下来,思考才是进步的本质。AMD:浏览器中的模块规范前面提到,为实现与NodeJS相同方式的模块写法,大牛们做了很多努力。但由于浏览器环境不同于服务器端,它的模块有一个HTTP请求过程。这个请求过程多数使用script tag,script tag默认的异步性导致很难实现与NodeJS一模一样的模块格式。Modules/Wrappings使得实现变为现实。虽然和NodeJS的模块写法不完全一致,但也有很多相似之处,使得熟悉NodeJS的程序员有一些亲切感。但NodeJS终究是服务器端的JavaScript,没有必要把这些条条框框放到浏览器JavaScript环境中。这时AMD诞生 阅读全文