随笔分类 - [10]JS
-
JS关闭当前页面的方法
摘要:JS关闭当前页面的方法一、不带任何提示关闭窗口的js代码1 关闭二、自定义提示关闭 1 13 三、关闭当前页面这样点关闭的时候就不会弹出如当前窗口正试图关闭的对话框了.那么怎么样当用户点浏览器的最大化最小化关闭按钮中的关闭按钮时也弹出关闭的确认对话框呢?这样:1 这样的话在点关闭时候就会执行onbeforeunload函数,弹出真的要关闭此窗口吗的对话框,点取消返回假,不关闭,点确定返回真关闭窗口那么怎么样才能够点击某个按钮的时候弹出确定取消对话框呢??如果点取消就不执行下面的代码,点确定就继续执行下面的代码?在按钮的单击里写:1 Response.Write("");意思 阅读全文
-
jQuery 重新温习 遗忘知识点
摘要:jQuery 重新温习 遗忘知识点解决jQuery和其他库的冲突当把jQuery和其他JavaScript库(例如Prototype、MooTools或YUI)一起使用时$("form :input").size()获取所有,,和元素$("form input").size()只获取input标签的元素$("input[name='check']:checked")获取name='check'选中的元素属性选择器中包含”#”和“.”等特殊字符,需要使用转义符转义。比如id=”id#b” $(“#id\\ 阅读全文
-
JQuery实现分页程序代码
摘要:JQuery实现分页程序代码做Web开发的程序员,分页时在所难免的,微软GridView、AspPager等设置分页数据可以自动分页,但是这里浏览器会闪动,用户体验不是很友好,在此我整理了JQuery实现分页,并且使用JQuery绑定模板,显示数据首先Default.aspx页面需要引用的JS文件JQuery采用 1.4.1.1 下载地址:http://pan.baidu.com/share/link?shareid=3024434948&uk=2920032010JQuery数据显示模板JS 下载地址:http://pan.baidu.com/share/link?shareid=3 阅读全文
-
NodeJS系列-部署
摘要:NodeJS系列-部署NodeJS我就不介绍了,被标题吸引进来的人可以看这个链接,了解NodeJS。下来就开始关于NodeJS开发的指南。NodeJS可以部署的平台有Windows,Unix,iOS。本系列教程是基于Windows平台的介绍。NodeJS在部署的方式上有不同的方法,本系列教程以入门为主,为避免涉及过多题外的知识,所以给大家介绍最快捷的方法。安装首先从官网上下载NodeJS,下载完成后按照提示进行安装。打开安装目录,不自定义安装路径的话,一般是 C:\Program Files\nodejs 这个目录。node.exe 是主程序node_modules 是模块库,包含文件操作模块 阅读全文
-
说说jsonp
摘要:说说jsonp什么是jsonpjsonp充其量只能说是一种“方法”。它可以让页面从其他域中获取资料。首先要知道的是同源策略,在javascript中使用http请求(ajax)是会受到同源策略的限制的。A网站的页面是不能在javascript中访问B网站的资源的。但是,对于这种希望A网站访问B网站的资源的需求怎么办呢?(跨域访问)。jsonp就出现了。html中虽然说javascript是不能跨域的,但是有许多标签,比如,,这些有src属性的标签是不受同源策略的影响的。于是jsonp就把脑筋动到script标签上了。一般script都是静态的,但是script能否是动态的呢?比如我在scrip 阅读全文
-
软件的模块化开发
摘要:软件的模块化开发什么是模块化模块化这个词最早出现在研究工程设计中的《Design Rules》,这本探路性质的书中。其后模块化原则还只是作为计算机科学的理论,尚不是工程实践。此时硬件的模块化一直是工程技术的基石之一。如标准螺纹、汽车组件、计算机硬件组件等。软件模块化的原则也是随着软件的复杂性诞生的。从开始的机器码、子程序划分、库、框架、再到分布在成千上万公里的互联网上主机上的程序库。模块化是解决软件复杂性的重要方法之一。模块化以分治法为依据,但是否意味着我们把软件无限制的细分下去。事实上当分割过细,模块总数增多,每个模块的成本确实减少了,但模块接口所需代价随之增加。要确保模块的合理分割则须了解 阅读全文
-
easyui tree 的数据格式转换
摘要:easyui tree 的数据格式转换一般用来储存树数据的数据库表都含有两个整型字段:id pid,所以我们查询出来的List一般是这样的(约定pId为-1的节点为根节点):var serverList = [ {id : 2,pid : -1}, {id : 1,pid : -1}, {id : 3,pid : 1}, {id : 4,pid : 1}, {id : 5,pid : 1}, {id : 9,pid : 1}, {id : 10,pid : 9}, {id : 8,p... 阅读全文
-
一个不陌生的JS效果-marquee,用css3来实现
摘要:一个不陌生的JS效果-marquee,用css3来实现关于marquee,就不多说了,可以戳这里。毕竟他是一个很古老的元素,现在的标准里头也不推荐使用这个标签了。但平时一些项目中会经常碰到这样的效果,每次都是重新写一遍,麻烦!JS类实现marquee今天倒弄了一个类,还不全,打个草稿吧~ 下次就凑合着用吧。DEMO在这里,戳我Javascript Marquee Class/*** @author 靖鸣君* @email jingmingjun92@163.com* @description 滚动* @class Marquee* @param {Object}*/var Marquee = 阅读全文
-
Javascript单元测试框架比较Qunit VS Jasmine
摘要:Javascript单元测试框架比较Qunit VS Jasmine工欲行其事必先利其器,好的单元测试框架是TDD成功的一半。Javascript优秀的测试框架很多, 包括Jasmine,Qunit,JsTestDriver,JSUnit,Mocha等,当然你也可以写自己的单元测试框架,本文主角是Jasmine和Qunit。我之前一直用Qunit来做单元测试,Qunit在中国占有率是非常高的,我也不例外,而美国同事们已经用到Jasmine了,为了做一个更好的选型,决定对这两个框架做了一个小小的比较。先看看作者对自己框架的描述:Jörn Zaefferer( QUnit作者 ) :QU 阅读全文
-
瀑布流思路总结
摘要:瀑布流思路总结前言:瀑布流的效果,页面都是由很多数据块(这里将数据块分成多列)组成,每个数据块的高度不等, 浏览器下拉后数据都是从高度最小列最先展示在用户面前;实例:http://miiee.taobao.com/choice.htm?pcid=8106&cid=81060011、首先获取每列的高度,保存在一个数组中,然后求数组中最小项的值function minIndexOf( array ) { var arr = array || [], len = arr.length, index; if ( len > 0 ) { index = 0; ... 阅读全文
-
强大的前端框架模版分享
摘要:强大的前端框架模版分享(含Zip)我不会CSS由于想做一个私站,一开始还天真的想自己手写Css打造UI。不料,自己连个定位都写不出来!昨晚搞个登录界面,div居中,内容规范对齐都让我烦躁了!罢了!看样子设计师(美工)与程序员果然是天生的一对!今天我找了一个网站,Download的这个模版的时候一直报503!随后我也不知道在哪狂翻到了这个下载包,找到了当然分享出来了!BootStrap 模版这个HTML5的模版是用BootStrap写的,BootStrap大家都应该蛮熟悉的!模版特点:9种不同的主题!充分响应,优化的用户界面!有效的HTML5和CSS3,虽然兼容HTML4,IE8+,1000 + 阅读全文
-
Web前端Require.js
摘要:前言前段时间粗略的扫过一次require.js,当时没怎么在意,结果昨天看到index里面的代码就傻了,完全不知道从哪开始看啦,所以require与backbone的学习还要加紧才行。由于前端所占业务越来越重,所以出现了模块化编程,但是js加载的先后顺序可能会给我们带来麻烦。有时候我们为了解决页面堵塞会采用异步加载js的方式,这种方式往往带来了一些不确定因素。为了解决这些问题,James Burke便搞了一个AMD(Asynchronous Module Definition 异步模块定义)规范异步加载模块,模块加载不影响后续语句执行。我们这里要学习的require.js就是一个实现了AMD的 阅读全文
-
利用avalon 实现一个简单的成绩单
摘要:利用avalon 实现一个简单的成绩单本文的灵感是来自Halower的这篇博文,他是使用knockout与jQuery实现的。不过我觉得MVVM本来就强大的事件绑定功能,因此用jQuery 是多此一举。另,他也用了一些面向对象的写法。我个人认为,纯数据就该好好当纯数据,作为数据模型(M)而存在,想操作数据,则交由视图模型(VM)。在angularjs流行的一些成规,都是要求大家不要自己操作DOM,DOM是框架自行帮你偷偷搞定。这也与avalon一直提倡的“操作数据即操作DOM”的理念相符。由于avalon巧妙地利用了Object.defineProperty, __defineSetter__ 阅读全文
-
Extjs的学习及MIS系统实践应用
摘要:Extjs的学习及MIS系统实践应用(系列文章)本系列文章从Extjs的实际运用出发,结合系统开发的实践经验,详细解释Extjs的基本控件及控件扩展的用法,和在平时的学习运用中一步一步查阅的资料、积累经验的集锦。标题及链接奉上1、Extjs-初学者在.NET环境下的学习extjs拼写代码的心得2、Extjs-从最初的textfield控件学起3、Extjs的ComboBox控件4、Extjs的DataField、Checkbox、RadioGroup控件5、Extjs的FormPanel、TabPanel面板6、Extjs的GridPanel、ColumnModel、GridView、Pagi 阅读全文
-
grunt 上手
摘要:grunt 上手开始上手Grunt 和 grunt 插件都是通过 npm 安装, Node.js 包管理器管理的。Grunt 0.4.x 版本需要Node.js 版本号不低于0.8.0。一.安装CLI为了顺利开始,你将需要全局安装Grunt命令行界面CLI。你可能需要使用sudo(for OSX, *nix, BSD etc)或者作为一个管理员运行你的命令行。npm install -g grunt-cli这样呢,就可以把grunt命令放到系统路径,允许你在任何目录运行。注意,安装grunt-cli 并不是安装了grunt 任务运行器。 grunt CLI的职责很简单:运行grunt版本(wh 阅读全文
-
前端开发者应掌握的基本知识
摘要:前端开发者应掌握的基本知识原文为A Baseline for Front-End Developers,感觉不错随手翻译了一下~前些天我给一个项目写过一个使用指南,以供其他的开发者们观摩学习。当我在写这个指南的时候,我意识到我不经意间罗列出的一些在测试、开发过程中用到的名词,诸如:Node,npm,Homebrew,git等,在两三年前绝对是能把我吓尿了的高端大气上档翅的东西。曾几何时,编辑代码、本地测试然后通过FTP把项目发布到服务器是前端开发人员必要的工作流程。我们对于自身能力的衡量是基于我们能否搞掂IE6,以及完成跨浏览器的完美显示。包括我自己在内的很多人都缺乏传统的编程经验,像HTML 阅读全文
-
JavaScript正则表达式的坑很深
摘要:JavaScript正则表达式的坑很深Javascript的正则表达式,不能不说方便,简简单单“//”就可以声明一个RegExp对象,配合编辑器的颜色渲染,实在让人舒心。但过于方便的东西,必然也会有一些瑕疵需要我们去注意。首先要说的是使用RegExp对象来声明正则,因为他是除了eval之外,唯一能将字符串转化为正则对象的方法。但在使用的时候,如果你长时间没写JavaScript,那么很容易将他的参数和上面的“//”混淆。使用RegExp需要注意两点:1、第一个参数只能是正则的内容,并且不包含起始和结束符“/”,修饰符应写在第二个参数里;2、正则表达式的内容需要使用“\”转义的,必须考虑到字符串 阅读全文
-
10个简单实用的 jQuery 代码片段
摘要:10个简单实用的 jQuery 代码片段尽管各种JavaScirpt框架和库层出不穷,jQuery 仍然是Web前端开发中最常用的工具库。今天,向大家分享我觉得在网站开发中10个简单实用的 jQuery 代码片段。您可能感兴趣的相关文章精心挑选12款优秀 jQuery Ajax 分页插件分享60款绚丽的 jQuery 幻灯片插件下载分享8款效果精美的 jQuery 加载进度条插件期待已久的2012年度最佳 jQuery 插件揭晓精心挑选的优秀 JavaScript 日历和时间插件平滑滚动到锚点 这个功能很常见,在网站底部添加一个让访客快速回到页面顶部的功能,下面是实现这个功能的示例代码:?1. 阅读全文
-
javascript 关闭窗口,弹出新窗口并带有确认关闭对话框解决办法
摘要:javascript 关闭窗口,弹出新窗口并带有确认关闭对话框解决办法Posted on2013-07-21 15:43◢雨枫╬情人阅读(386) 评论(2)编辑收藏 在很多人眼里,北京是一个物欲横流的社会,生活节奏之快,让你一丝都不能停下来,走在路上伴随着人群急速往前涌,或许有些人都不知道要去哪、也不知道自己想要的是什么?在一个浮躁的社会里,多了一些浮躁的人,到处的寻找捷径,脚踏实地已经跑得无影无踪。 公司里项目一个接一个的上线,上线后一个接一个的出现问题,或许是我们该反思的时候了,在时间、质量、成本三者需要平衡的时候,我们总是会在时间和成本上做考虑,上线之前的演示只是一个纸老虎,其实离使. 阅读全文
-
解读jQuery中extend函数
摘要:解读jQuery中extend函数2013-07-20 13:59 by 靖鸣君,241阅读,0评论,收藏,编辑$.extend.apply( null, [ true, { "a" : 1, "b" : 2 } ] );//console.log(window.a);//window.location.reload();$.extend.apply( null, [ true, { "a" : 1, "b" : 2 } ].concat( { "c" : 3, "d" : 阅读全文