随笔分类 - [10]JS
-
jsonp帮助你知道你关注的他或她喜欢什么歌曲
摘要:jsonp帮助你知道你关注的他或她喜欢什么歌曲利用腾讯提供的QQ音乐API,返回一段对方在QQ音乐收藏的歌曲名称json数据,并对该json做解析,就能知道你的那个他或她喜欢听什么歌曲了,然后你就知道他/她的品位了,然后就自己看着办了,嘿嘿。我只能帮你到这了。感谢bejson收集的各种有用的接口,他的网站http://www.bejson.com/webInterface.php。QQ音乐收藏歌曲的API是http://qzone-music.qq.com/fcg-bin/fcg_music_fav_getinfo.fcg?dirinfo=0&dirid=1&uin=QQ号&a 阅读全文
-
有趣的win8进度条
摘要:有趣的win8进度条刚才在安装visual studio 12,发现它的安装界面都是win8风格的,而且安装的时候有个进度条,看着挺不错,就用 jquery 实现了一下,的确挺有趣:点击停止效果代码:<!DOCTYPE html><html> <head> <style type="text/css"> * {margin:0;padding:0} .progress {width:500px;height:100px;margin:0 auto;position:relative;background-color: #000 阅读全文
-
jQuery.fn.attr与jQuery.fn.prop
摘要:jQuery.fn.attr与jQuery.fn.propjQuery.fn.attr、jQuery.fn.prop的区别假设页面有下面这么个标签,$('#ddd').attr('nick')、$('#ddd').prop('nick')分别会取得什么值?<div id="test" nick="casper" class="dddd"></div>没什么关子好卖,答案如下:$('#test').attr('nick' 阅读全文
-
avalon - 初步接触
摘要:avalon - 初步接触avalon的介绍http://rubylouvre.github.io/mvvm/按照作者的介绍,在HTML中添加绑定,在JS中用avalon.define定义ViewModel,再调用avalon.scan方法,它就能动了!神奇的代码:如上图所示:开发者: 1 定义一个带有自定义标签的HTML结构 2 定义一个简单的JS代码用户操作: 用户在input文本框中改变值时,你就会发现对应的多条相关联的记录都被同步修改问题:事件是什么时候绑定的,因为开发者都没有操作domjs代码中定义的值,如何关联到html代码中html代码中如何实现自动同步视图(input... 阅读全文
-
jQuery+JSONP实现虾米音乐的检索、选取和播放
摘要:jQuery+JSONP实现虾米音乐的检索、选取和播放这篇文章是我自己原创的,所以请各位转载的朋友注意追加本文连接。http://www.jqdemo.com/927.html很多人都希望能在发帖的时候带上音乐。当然你可以去http://swf123.com/创建一个flash播放器带上音乐,但是这个是需要你追加一个可以用的音乐地址的。而虾米不同,你可以直接调用他的widget.最后生成图中展示的播放器。这里公布核心代码,提供案例下载。在此感谢bejson收集各种免费的json接口这里我们要用到的接口是:http://kuang.xiami.com/app/nineteen/search/ke 阅读全文
-
JS异步流程控制(序列模式、并发模式、有限并发模式)
摘要:JS异步流程控制(序列模式、并发模式、有限并发模式)十一、Node.js异步流程控制(序列模式、并发模式、有限并发模式)Javascript在基本语法上与其它大部份C派生的语言没有太多区别,你可能很容易从其它语言过度到Javascript。很多从其它语言转到Javascript来的用户,在用一段时间之后很可能对这门语言又爱又恨,特别是对于异步流程的控制。对于大部份异步编程的模型来说,大多是事件驱动型且是基于进程来编码。这样为我们带来了诸多好处,我们不必去处理为了实现同样目的而做的多线程模型里面的问题。多线程编程里面,由于多个线程访问的内存块是一样的,所以可能会出现死锁、共享竞争等问题。 异步编 阅读全文
-
javascript 基础
摘要:当前标签: javascriptAjax基础(上)paxster 2013-05-24 20:32 阅读:476 评论:0Cookie基础paxster 2013-05-19 10:07 阅读:9 评论:0Javascript事件详解2paxster 2013-05-14 10:03 阅读:23 评论:2Javascript事件详解1paxster 2013-05-13 22:55 阅读:146 评论:0Javascript BOM基础paxster 2013-05-11 21:00 阅读:193 评论:2Javascript DOM基础paxster 2013-05-10 22:53 阅读: 阅读全文
-
EasyUI ComboTree 异步加载 ( .net 版 )
摘要:EasyUI ComboTree 异步加载 ( .net 版 ) 大家好,好久没写博客了! 最近在做推广资源管理系统中,进行了大量的数据分析、计算。本以为可以安心不理,奈何部门的下拉列表总觉得不尽如人意。下面的我们凑合结果:上图 看了是不是很纠结,如果所在公司部门少还好,一旦多起来,使用者必疯。大家可能会问,为什么要这样做(一个字,懒!三个字,众人懒)。大家懒到能用就成的地步。无奈之下我来解决。把百度都快搜烂了,发现 EasyUI Combotree能当此重任,随下军令状。 EasyUI Combotree 走你。一、Combotree的数据加载方式有如下两种: (1)、本地数据源加载< 阅读全文
-
Bootstrap01
摘要:【前端框架之Bootstrap01】我们一起来看看这个家伙是什么前言我感觉自己的眼界没有打开,关注的东西前前后后都是那么几样,诚然不精一门何以精前端,但是对前端新技术的关注还是需要的,就拿我们今天要说到的。bootstrap,说实话,知道的或者说用过的人肯定不多,认为自己入门了但是没听过的bootstrap朋友可以留个言,我们来统计一下,若是人数众多的话,我们应该欣慰国内前端的专注原生或者感叹国内朋友的闭塞呢?扯远了,我也是最近才接触到这块,也不说令人汗颜之内的话,不懂学就完了,我不懂的可多了,这里就来简单看看吧。什么是bootstraphttp://www.bootcss.com/boots 阅读全文
-
前端工程师小A学习JS的旅程
摘要:前端工程师小A学习JS的旅程前端工程师小A学习JS的旅程在网页里,拖拽效果是很常见的形式,实现起来也比较简单,但是这么简单的代码,却能体现出很多前端开发工程湿的JS能力,我们来看看小A工程师的实现路程:HTML代码:<!DOCTYPE HTML><html><head> <title>拖拽效果</title> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrom 阅读全文
-
JavaScript 实现分页效果
摘要:JavaScript 实现分页效果一、需求示例图二、需求分析1、分页依据元素: 当前页码, 后端的页码总数2、页数小于等于6, 直接在当前页码显示左右相邻页码3、页数大于等于7, 根据 余数(= 总页码数 - 当前页码数)来做判断三、注释源码注:代码依赖jQuery库function paging ( currentPage, totalPage ) { var p = currentPage, t = totalPage, linkStr = ''; // 页码链接(后面 + 页码参数),也可以作为参数传递 // 插入一个页码包装器 $('<div class. 阅读全文
-
图片滚动图片的效果
摘要:图片滚动图片的效果(不一样的实现思路)需求 : 图片切换的时候下一屏不允许出现空白的项,换句话说就是 : 1、当移动的最后一屏移动的个数小于要展示的个数的时候 ,只移动(展示个数-最后一屏的个数的)差值。 举个例子:每一屏都要展示7个,但总个数才10个,滚动到下一屏时候用户看到的还是7个,这个时候需要移动的是三个这个效果是基于jQuery写的,只是想纪念下自己的学习 话不多说了,贴代码 1 (function( $ ){ 2 var slider = function( elem , args ){ 3 this.config = $.extend({ 4 ... 阅读全文
-
React初探
摘要:React初探近日,facebook将其用户界面构建Javascript库React开源发布。等等……什么叫用户界面构建库(a library forbuildinguser interfaces)?顾名思义,当然就是该库是将特定规范的源代码(JSX),构建成新的代码(Javascript)。为什么我们需要这么做呢?我们觉得写CSS太麻烦了,太多重复工作了,所以我们使用LESS来代替他,让机器代替我们做这些事情。但是出于性能的需求,现在并不流行加载一个less.js让其动态处理这些LESS代码,而是转为先由LESS文件构建成静态的CSS文件,再使用,就像Bootstrap一样。OK,回到Rea 阅读全文
-
jquery实现无限滚动瀑布流实现原理
摘要:http://www.cnblogs.com/fengyuqing/archive/2013/05/31/pinterest.html现在类似于pinterest这类的表现效果很火,其实我比较中意的是他的布局效果,而不是那种瀑布流。虽然我不是特别喜欢这种瀑布流的表现样式,但是还是写了几篇关于无限滚动瀑布流效果的文章,Infinite scroll+Masonry=无限滚动瀑布流,infinite-scroll-jquery滚动条(下拉)加载数据插件之类的文章。可能是我表达描述不是很详细清楚,所以好多朋友看了不是很清楚,并发信给我求解释。所以有了今天这篇文章。其实早在:十几款jquery无限滚动 阅读全文
-
HTML中拖放介绍
摘要:HTML中拖放介绍1.在jQuery UI里面会经常使用Draggable和Droppable,实现Web开发中拖放效果,当然这不是原生条的拖放,所以在处理复杂的拖放上还是需要自己动手写很多代码,最近开发中就遇到这个问题。拖放的广泛用途:文件管理、数据传输、图标绘制和其他许多操作。个人觉得在列表文件,比如树形菜单上用的比较多。但是这里的拖放和iphone上的触摸(touch)滑动还不完全一样,这里的拖放可能是用鼠标操作,但是触摸滑动主要是通过手指之类的。没有具体开发过mobile web应用,不知道jQuery UI的draggable和droppable是否支持手机上的触摸操作。Web拖放发 阅读全文
-
使用avalon ms-ui绑定实现基于组件的开发
摘要:使用avalon ms-ui绑定实现基于组件的开发让日子过得轻松,必须让代码不断往上抽象。avalon的一切就是为这个崇高的目的而迸进——操作数据即操作DOM,远离DOM进行前端开发。javascript之所以在生命的前十年碌碌无为,都是因为开发者被这些兼容性问题搞怕了。在前十年,人们都是用着那些很底层的原生DOM方法,JS方法进行编程,效率异常低下。随着Prototype.js, jQuery等库的出现, 把几乎所有能封装都给封装了, 我们的生活才变得美好起来。但开发企业内部管理系统,却鲜有听说用jQuery来搞,大家都爱用开箱即用的EXT UI框架。UI组件无疑是比jQuery这些DOM操 阅读全文
-
超炫的开源 JavaScript 物理引擎
摘要:Verlet-js:超炫的开源 JavaScript 物理引擎Verlet-js是一个简单的集成 Verlet 的物理引擎,基于JavaScript编写,作者是Sub Protocol。粒子系统、距离限制、角度限制等,Verlet-js 都能支持,基于这些基础,它可以帮助你构建几乎任何你能想象到的任何东西。 下面的几个 Demo 的效果都很炫!有类似Google Gravity 的重力场效果,还有模拟现实布料、分形树和蜘蛛网等等,赶紧来围观吧!您可能感兴趣的相关文章Transit – 超平滑的 CSS 过渡和变换动画效果插件Squel.js – 基于 JavaScript 的 SQL 查询构. 阅读全文
-
细说Angular ng-class
摘要:细说Angular ng-class在前面Angularjs开发一些经验总结中我们说到在angular开发中angular controller never 包含DOM元素(html/css),在controller需要一个简单的POJO(plain object javascript object),与view完全的隔离(交互angularjs框架的职责。但在某些项目中看见controller涉及DOM的元素最多的是在controller scope上定义某变量,其值为class name,形如:function ctr($scope){ $scope.test =“classname”.. 阅读全文
-
基于Node的代码生成器 之 入门教程
摘要:基于Node的代码生成器 之 入门教程背景为了方便团队和其它朋友使用我开发的这款代码生成器,特此写一篇入门教程。环境要求Node:http://nodejs.org/。.Net4.5:http://www.microsoft.com/zh-cn/download/details.aspx?id=30653。happy.node:http://happy.codeplex.com/SourceControl/latest。目录结构模板文件和最终生成的代码文件生成程序app.js 1 var _ = require('underscore'); 2 3 var DatabaseSc 阅读全文
-
防止重复点击提交
摘要:首先说说防止重复点击提交是什么意思。 我们在访问有的网站,输入表单完成以后,单击提交按钮进行提交以后,提交按钮就会变为灰色,用户不能再单击第二次,直到重新加载页面或者跳转。这样,可以一定程度上防止用户重复提交导致应用程序上逻辑错误。 不妨引深来看,它不一定发生在表单的提交事件上,同样可以发生在ajax的异步请求上。有效地在web客户端采用一定机制去防止重复点击提交,将大大减轻服务器端压力。 那么,我们就不妨从表单提交及ajax的两种不同请求的处理过程中,来试试如何防止重复点击提交。 一、表单提交 就以登录表单为例,代码如下:<form action="login.do" 阅读全文