随笔分类 - [10]JS
-
研读《js权威指南》
摘要:js面向对象的那点事前言 最近在研读《js权威指南》对js的面向对象机制有了一定的了解,下面跟着实验来做下读书笔记"."运算符 在真正的去定义一个类前,我们先来看看js的一个运算符号".",它的作用是进行对象属性的存(写)取(读),它的用法是 存(写) 对象名.属性=值\对象\方法; 取(读) 对象名.属性; 下面来做个实验View Code1 var dog = new Object(); //新建一个dog的object对象 2 dog.name = "boby"; //名字,直接用.给与dog这个object对象添加name属性 阅读全文
-
js连连看
摘要:js连连看js连连看首先见证奇迹的时刻---效果图如下:实现主要分为三个部分:一、创建元素块二、随机分布元素块三、事件绑定一、创建元素块生成span的元素标签,并将标签添加到父容器中,设置其left、top和background属性。/* * creSpan 创建元素标签 * n 指当前个数 * mpId 指父容器 * mleft 指其left属性值 * mtop 指其top属性值 * bgcolor 指其背景色属性值*/ function creSpan(n,mpId,mleft,mtop,bgcolor){ var mSpan = document.c... 阅读全文
-
Chrome V8引擎的一点认识
摘要:最近在玩弄JavaScript ,也一直在捉摸,脚本Engine怎么解析你写的Code,对Google兴趣浓,索性就看了谷歌的脚本engine的官方资料,都是E文的,但是却是最纯的不是,看下来总结V8性能的几点表现: 1.快速属性访问 相比于其他语言,JavaScript是动态编程语言,属性可添可减,对象自由调用,意味着对象的属性很容易改变,相比于其他的脚本引擎,IE的JScript,FF的SpiderMonkey 和Safari的JavaScriptCore,大部分使用像字典结构的的存储结构-每个属性访问必须查找和解释属性在内存中的位置。这样就导致要比像Java那样的实例访问要慢,为... 阅读全文
-
Coolite TreePanel开发实例
摘要:Coolite TreePanel开发实例 包括功能(右击菜单,筛选菜单,拖动菜单)在博客园也待了很久,一直有想法想发表几篇文章,毕竟在这里获得了太多的知识,也得把自己学习到的东西来分享给大家。但是由于本人技术不咋的,文笔也不咋的,迟迟不敢写。但是,今天还是迈出这第一步吧!如果写的不好,请各位见谅下,也请大家多提下意见,谢谢!最近在做一个权限管理平台,主要针对公司各系统进行权限控制,如果说各位有谁有做这方面的经验的话,可以来一起探讨下哦!这个平台就是用COOLITE来开发的,关于COOLITE这方面大家可以百度下,也可以到官方看下http://www.ext.net/。东西挺不错的,就是引用文 阅读全文
-
一个简单的验证框架
摘要:工作中经常要进行表单验证,一个网站做下来,自己也积累了一套。放出来做个备份!框架的两个核心方法,一个是用于处理提示信息,另一个是调用验证函数!//用于显示错误提示//HTML 格式 <div class="l tips"><em id="err-intro"></em></div>//@param id 元素的CSS表达式//@param status//0 表示失败,这时第三个参数有效,显示这红色字//1表示成功,会在此元素的父节点上添加一个叫okey的类名,显示绿色的勾号//2表示隐藏,去掉元素的inn 阅读全文
-
Javascript定义类(class)的三种方法
摘要:Javascript定义类(class)的三种方法投递人itwriter发布于 2012-07-10 06:57评论(1)有650人阅读原文链接[收藏]«» 作者:阮一峰 日期:2012年 7 月 9 日 将近 20 年前,Javascript 诞生的时候,只是一种简单的网页脚本语言。如果你忘了填写用户名,它就跳出一个警告。 如今,它变得几乎无所不能,从前端到后端,有着各种匪夷所思的用途。程序员用它完成越来越庞大的项目。 Javascript 代码的复杂度也直线上升。单个网页包含 10000 行 Javascript 代码,早就司空见惯。2010年,一个工程师透露,Gmai 阅读全文
-
编写高度可维护javascript代码的几点关键性原则
摘要:博客园闪存首页新随笔联系管理订阅随笔- 258 文章- 5 评论- 166编写高度可维护javascript代码的几点关键性原则Javascript是一个非常神奇的语言。非常容易书写,但是难于维护。希望大家在完成这篇文章阅读之后,能够将你书写的js代码变成真正可维护可阅读的代码!为什么这么困难?记住在书写js之前,你需要知道它是一个动态语言。这意味着有很多方式来书写代码。你不需要处理强类型,或者类似C#和java的复杂语言特性 。最难的部分可以在如下图片中很清楚的认识到:上面左边的超薄书本是来自于Douglas crokford的JavaScript:The Good Parts(影印版),另 阅读全文
-
Javascript 高级手势&基于 CSS3 和 JavaScript 实现的效果
摘要:在IE10中新加入的对高级用户输入的识别支持,举例说明:注册一个点击操作,通过一句addEventListener就能够知道当前用户的点击是哪种设备,是手指的点击,是鼠标的单击还是触控笔的点击(平板设备都会带有触控笔)。<canvasid="MyCanvas"></canvas><script>MyCanvas.addEventListener("MSPointerDown",MyBack,false);functionMyBack(e){alert(e.pointerType.toString());}</sc 阅读全文
-
Windows下安装NodeJS和CoffeeScript方法
摘要:初练CoffeeScript,安装时遇到一些问题,总结如下,供有需要的Coffee粉丝参考。Windows下,如果有代理设置,或网络访问不畅情况下,安装Node之后,通过npm安装CoffeeScript,往往不能成功。首先安装Node,现在已经有了Windows下msi安装格式包,到http://nodejs.org/下载对应格式:之后安装Node。安装CoffeeScript如果网络不畅,用npm install -g coffee-script死活安装不上CoffeeScript,可以考虑以下两种方式。都需先到https://github.com/jashkenas/coffee-scr 阅读全文
-
消息提示框架 - Backbone.Notifier
摘要:在线演示本地下载我们曾今在以前的文章中介绍过jQuery的警告和提示框插件,今天这里我们介绍一个开源的消息提示框架Backbone.Notifier,目前版本为version0.1。使用这个框架可以帮助你构建非常灵活强大的浏览器端消息提示功能。这个框架依赖于:jQueryunderscore.jsbackbone.js:如果你不了解什么是backbone.js,请参看这篇文章主要特性支持不同的样式和位置显示,完全可定制,比如dialog,loading,拥有3D模块展示界面拥有事件机制的API很多在线例子帮助大家了解如何使用如何使用倒入依赖类库:<!-- Dependencies --& 阅读全文
-
javascript 抽奖
摘要:javascript 抽奖模拟抽奖的实现过程旋转原理:当支持CSS3属性采用transform: rotate(角度deg)设置,当角度为正数时顺时针旋转,当为负数时逆时针旋转。如果是IE8及其以下,采用采用绝对定位设置top和left,模拟角度旋转。run方法,参数angle指角度 function run(angle) { if (isIE) { cosDeg = Math.cos(angle * Math.PI / 180); sinD... 阅读全文
-
通过Knockout.js + ASP.NET Web API构建一个简单的CRUD应用
摘要:较之面向最终消费者的网站,企业级Web应用对用户体验的要求要低一些。不过客户对“用户体验”的要求是“与日俱增”的,很多被“惯坏了”的用户已经不能忍受Postback带来的页面刷新,所以Ajax在企业级Web应用中得到了广泛的应用。企业级Web应用的一个特点是以“数据处理”为主,所以“面向绑定”的Knockout.js 是一个不错的选择。ASP.NET Web API,作为.NET平台最好的REST服务开发平台(主要与WCF相比),则可以以服务的形式提供对数据的后台处理。一、一个简单的基于CRUD的Web应用在《通过ASP.NET Web API + JQuery创建一个简单的Web应用》中,我 阅读全文
-
jquery easyui+ashx
摘要:先看看这个项目的组织结构吧。相信有些经验的人看到这个组织架构就知道,是一个基本的三层架构,然后在数据库访问层使用了一个抽象工厂模式来调用DAL。简单的介绍一个这个架构。FrameWork:包括数据库访问接口,数据访问库,公共代码类,数据访问工厂等基础库Register.Model:实体库Register.DBUtility:通用数据库操作类Register.IDAL:数据库增删改查接口Register.DALFactory:数据库访问程序集访问工厂类Register.DAL:数据库增删改查相关操作Register.Command:公共访问类,比如密码加密解密,邮件发送等基础类Register. 阅读全文
-
jqgrid框架
摘要:javascript笔记:自己写一个jqgrid框架(一) 最近突发奇想,想自己写一个grid控件框架,本来想自己设计一套,尝试几次,发现自己设计样式难度挺大,毕竟自己是个程序员而不是专业美工,所以我打算临摹一下jqgrid框架。 这次开发实践的主要目的是锻炼下自己的javascript编程能力,所以我只是抠出了jqgrid的页面设计,至于javascript代码我不想借鉴,自己独立开发,所以我的代码绝对原创。 下面就是我抠出的页面代码,代码如下: studyjqgrid.html:View Code<!DOCTYPE html PUBLIC "-//W3C//DTD XHTM 阅读全文
-
30个高质量的免费jquery滑块PSD文件
摘要:在今天的网站上你看到90%的网站都有一个jquery图片滑动效果。它们大都应用在一个简单的博客,企业站,大型门户完整,他们都有主页上的jquery滑块。这样做的目的有助于提高用户体验,尤其是在那些摄影网站,今天我为你提供30个高品质的免费jquery滑块PSD文件。1烟囱图像滑块的PSD这是一个时尚的图形图像滑块,图形,半透明的前进/后退和各种有吸引力的进展按钮。这是一个简单和吸引人的设计2。优雅的照片滑块3。为您的网站的滑盖设计这是一个滑盖设计,您可以编写,并使用它在你未来的网页设计,有一个干净的布局,精心组织,最小的和具有现代气息的设计简单。4。黑暗的内容滑块5。现代Web滑块6暗滑块特色 阅读全文
-
jQuery写法图片等比缩放以及预加载
摘要:avaScript 学习笔记之一jQuery写法图片等比缩放以及预加载以前对于JavaScript总是在用到的时候在页面上写几个函数,基本没考虑到函数的封装与重用,最近有个项目可能对于这方面要求有点高,所以就研究了下类似jQuery的封装。这里就图片等比缩放以及预加载的效果来尝试下,写写类似的JavaScript代码。图片等比缩放以及预加载的效果如下(预加载效果有时候会不是很明显):JS主要代码如下:(function() { var yQuery = (function() { var yQuery = function() { return yQu... 阅读全文
-
很棒的时间线ui控件
摘要:传送门时间练利用两个时间之间的差别与整个时间轴的长度运算得来?locateHandler = function () {var referTime = (that[that.length] - that[0]) / 86400000, i = 0, len = that.handler.length, temp = 0;for (; i < len;) {temp = ((that[i] - that[0]) / (referTime * 86400000)) * that.parent.offsetWidth;that.fx(that.handler[i], 'left' 阅读全文
-
C#实现简易ajax调用后台方法
摘要:在当前WEB当中,有些人都会抛弃asp.net的服务器控件,转而使用ajax来进行数据的交互和存储. 当我们大量使用ajax的时候,对于新手而言,肯定会创建很多的ashx或aspx页面,通过拼接参数,在ashx或aspx中对参数进行解析, 并根据某些特定的参数进行解析来判断当前的请求属于哪种类型的操作,然后手动获取Request.QueryString、Params、Form内的值,来实现功能.大致代码如下:View Code1 //html 2 名字:<input id="name" type="text"/> 3 <input ty 阅读全文
-
Javascript Lazyload延迟加载特效
摘要:Javascript Lazyload延迟加载特效,大家帮看看有问题没源代码在底部,效果如下:延时加载有点简单了吧,核心代码就这点:function imgLazyLoad(){ var timer,screenHeight = document.documentElement.clientHeight; var elems = Lazy.$('.lazyload'); elems = Lazy.toArray(elems); Lazy.bind(window,'scroll',loading); function load... 阅读全文
-
Knockout.js的官方文档
摘要:上周四在看Knockout.js的官方文档,阅读过程中顺便将其整理成了一份完整的文档,如果你此有兴趣,可以从这里下载。P.S. Knockout.js简介[来自百度百科]Knockout是一个轻量级的UI类库,通过应用MVVM模式使JavaScript前端UI简单化。Knockout是一个以数据模型(data model)为基础的能够帮助你创建富文本,响应显示和编辑用户界面的JavaScript类库。任何时候如果你的UI需要自动更新(比如:更新依赖于用户的行为或者外部数据源的改变),KO能够很简单的帮你实现并且很容易维护。Knockout有如下4大重要概念:◆ 声明式绑定 (Declarati 阅读全文