随笔分类 - [10]JS
-
使用JQuery从客户端调用C#方法
摘要:这篇文章将帮助你怎样实现客户端调用后台定义的方法。JQuery让生活变的更简单,对于它来说,这有一个很简单的方法去实现这个目的。早前,我们知道一种方法:如果我们想从客户端去调用一个后台添加的函数就需要写一种叫的WebMethod的东西,而现在,通过下面的方法,我们将无需再用到WebMethod。 通过下面的例子,我将写一个方法,它的目的是当点击删除键时将会删除一个指定的用户。我不想回发(postback,Web 页将数据发送回服务器上的同一页的进程。),所以想从客户端执行该事件。我在服务器端的cs文件中写了一个方法,并在客户端通过JQuery去调用它。这个页面叫Test.aspx。而这个方法. 阅读全文
-
[nodejs]使用神器webstorm调试nodejs
摘要:还在终端敲命令,定位到文件夹然后node xxx.js? 你out了。现在我们有更好的调试nodejs方式为什么不去使用呢,只需要一个快捷键而已。ws本身对nodejs有良好的支持,利用ws开发调试nodejs生活将变得很轻松。1.安装nodejs,nodejs已经提供了各平台的编译过的文件不用辛苦编译了,下载安装对应自己平台的版本。http://nodejs.org/2.安装javascript神器webstorm,webstorm也是一个好软件,支持多平台。特别提醒ws是是一个商业收费软件,可以试用30天。http://www.jetbrains.com/webstorm/3.打开ws进行 阅读全文
-
50个jQuery代码段帮你成为更出色的JS开发者
摘要:本文会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成。这些都是我尽量记住的有着最佳性能的代码段,因此如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中!我希望你在这一文章中能找到有帮助的东西。0. 如何创建嵌套的过滤器://允许你减少集合中的匹配元素的过滤器,//只剩下那些与给定的选择器匹配的部分。在这种情况下,//查询删除了任何没(:not)有(:has)//包含class为“selected”(.selec 阅读全文
-
中文前端UI框架Kit(二)kitjs组件代码解析
摘要:上一篇博文受到了大家的很多关注,谢谢大家的捧场。所谓干货,也是我的愿景,就是希望能让大家实实在在看得见实现原理,在自己的项目里面用的起来的,能骗得老板的奖金,能完成KPI指标的东西^_^。Kit作为一个UI库,我并没有打算让大家都来学习我的Kit的Core,背熟我的API,这种跟风的学习方式一点意义都没有,今天jQuery热,大家都是学jQ,明天SeaJs火了,大家都去炒SeaJs,所以我在KitJs里面,专门为jQ的用户准备了一个语法糖(Suger.js),完全模拟jQ的API,除了实现,接口都一样,也方便大家直接拿来主义的改造Kit的组件。当然,作为一个纯技术Fan来说,深入理解一门技术是 阅读全文
-
模块加载系统 v16
摘要:本版本最大的改进就引入强大的调试机制。如果一个框架使用了模块加载后,迎来的最大问题莫过于调试。由于有了模块化,因此不需要担忧体积的问题,因此大放手脚伸入前端各个领域去,JS文件暴涨,也意味着API数量瀑涨,就像jQuery那一点儿API有的人都记不全,更别说像EXT,YUI,dojo这样的巨无霸了。对于这个方法是在A模块还是B模块,我们在调用时还可以查一查,但出错时,就未必出A模块或B模块内,A模块还可能依赖于C模块与D模块,D模块还有依赖,这样一级级下去,我们很难追溯到出错的源头。特别是,如果这个JS文件是动态加载的,然后又删掉了,连firebug也查不了!因此强化调试机制势在必行,这也是本 阅读全文
-
JavaScript 每周导读
摘要:《JavaScript 每周导读》第五期继续向大家分享最新的 JavaScript 重点资讯、技术文章、开发工具以及新出炉的各种开发框架,让 JavaScript 开发人员了解领域内的技术发展趋势。本期头条是《jQuery Mobile 1.1 发布》和《免费电子书:JavaScript 启蒙》,详细内容如下:本期头条jQuery Mobile 1.1 发布jQuery Mobile 用于创建针对智能手机和平板电脑的跨设备Web应用。jQuery Mobile 1.1 版本实现了工具栏完全固定、更流畅的页面切换和AJAX加载等。另外,为了使开发者能方便的从1.0版本升级到1.1版本,jQuer 阅读全文
-
如何编写可维护的面向对象JavaScript代码
摘要:能够写出可维护的面向对象 JavaScript 代码不仅可以节约金钱,还能让你很受欢迎。不信?有可能你自己或者其他什么人有一天会回来重用你的代码。如果能尽量让这个经历不那么痛苦,就可以节省不少时间。地球人都知道,时间就是金钱。同样的,你也会因为帮某人省去了头疼的过程而获得他的偏爱。但是,在开始探索如何编写可维护的面向对象 JavaScript 代码之前,我们先来快速看看什么是面向对象。如果已经了解面向对象的概念了,就可以直接跳过下一节。 什么是面向对象? 面向对象编程主要通过代码代表现实世界中的实质对象。要创建对象,首先需要写一个“类”来定义。类几乎可以代表所有的东西:账户,员工,导航菜单.. 阅读全文
-
2012世界末日
摘要:在百度搜索"2012世界末日"所展现的地震效果的源代码 昨天在同学群里收到这样的信息:【重磅消息:只要在百度搜索"2012世界末日",你的电脑显示器页面将会震动,出现地震山摇的状况,然后会有一张"船票"飘然而出 】。很想看看百度的前端工程师是怎么写出这个效果的。以前我研究过谷歌logo的代码,特别是昨天的拉链效果,虽然找到了源码,但是谷歌的页面里的代码都被压缩和混淆,加上谷歌自己的前端js框架代码混入其中实在难以看懂,抽百度的源码就想比较下百度和谷歌的前端技术,哈哈,百度还是简单多了,没有被压缩和混淆,可以作为学习的范本,好了不废话了 阅读全文
-
容易实现下拉菜单解决方案
摘要:如果一个网站有很多页面和子页面,那么你需要一个菜单来导航。这是下拉菜单开始发挥作用。一个下拉菜单和执行的下降,可以使一个大型网站,方便用户导航。虽然下拉菜单导航方便,有时他们似乎难以实现,但下面列出的解决方案是容易实现,特别是其中大部分是建立jQuery或MooTools。SuperfishjQuery SuckerFish StyleDrop Down TabsAnimated Drop Down Menu with jQuerydroppySimple Drop Down Menu for jQuerySmooth Navigational MenujQuery Multi Level C 阅读全文
-
Javascript 使用 "大杂烩"
摘要:这是我早期在网上看的javascript学习方法,觉得很不错,就保存到word了,这几天学习Js,再看了一遍,对初学或者已经会Js的程序员来说,还是可以学习的。还有大家如果有更好的Js学习方法,可以提供下噢。谢谢!1.Javascript数组API1.//定义数组2.varpageIds=newArray();3.pageIds.push('A');4.5.数组长度6.pageIds.length;7.8.//shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined9.vara=[1,2,3,4,5];10.varb=a.shift();//a:[ 阅读全文
-
说说JSON和JSONP,也许你会豁然开朗,含jQuery用例
摘要:前言:由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。当然了,通过调用强大的PhoneGap插件然后打包,你可以实现100%的Socket通讯和本地数据库功能,又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能,但这两种方式都有其局限性,前者需要PhoneGap支持,后者要求用户设备必须支持WebSocket,因此都不能算是ST2的原生解决方案,原生的只有AJAX。说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问题目前都有不同的解决方案,比 阅读全文
-
mass Framework droppable插件
摘要:mass Framework拖放组件的第二弹,八大行为组件之一,droppable终于完成了。它是专门用于处理拖放块与放置对象之间的关系。放置对象在我的框架有个更好的名字叫,靶场。一个拖放块相当于导弹,其活动范围就是其射程,那么放置对象就是它的靶场。在HTML5原生拖放API中,当一个元素成为靶场,它可以绑定以下四个事件:dragenter:当光标进入靶场时,执行此回调。dragover:当光标进入靶场后,执行此回调。dragleave:当光标进入靶场时,执行此回调。drop:当光标进入靶场后,留在其上移动时放开鼠标时,执行此回调。从上面的描述也可知,原生放置API只能处理光标与放置的关系,与 阅读全文
-
Json 的日期格式与.Net DateTime类型的转换
摘要:Json 的日期格式与.Net DateTime类型的转换Json 的日期形式大概是这样:"/Date(1242357713797+0800)/" , 甭管它的格式是多么不友好(因为单从形式看根本不知道何年何月),如果这个Date只是一个属性的话, Json.Net 已经为我们处理好了。但有些很特殊的时候,需要单独把这个Date转换为.Net的DateTime格式,那么下面的代码就可以帮到你了。这个代码我已经找了很多次,终于被我发现了,免去重复造轮子的劳动。这里跟大家分享一下, 可以保留毫秒,完全与原来结果一致。 staticvoid Main(string[] args) 阅读全文
-
JSON数据中DateTime类型的处理方法
摘要://json 数据中Date(12839730837)转换成时间函数-----------------------------------------------------------------------for (var i = 0; i < store.proxy.data.results; i++) { var temp_date = renderTime(store.proxy.data.rows[i].datatime); store.proxy.data.rows[i].datatime = temp_date;}function renderTime(data) { v 阅读全文
-
jquery 插件ztree的应用------简单的树(tree)
摘要:首先在这分享一下ztree的api地址:http://www.baby666.cn/v3/api.php。如果本文中有些不明白的地方可以去查看api。 我先介绍要构建一个tree所需js文件:query-1.4.4.min.js、query.ztree.core-3.1.js、 jquery.ztree.excheck-3.1.js这些文件可以去网上下载。好,有了这些js脚本,那么我们就要开始代码了,首先我们先来一个简单的例子,形成一个简单的tree,看代码如下 var setting = { check: { enable: tru... 阅读全文
-
分享一个自定义的 console 类,让你不再纠结JS中的调试代码的兼容
摘要:问题的产生 在写JS的过程中,为了调试我们常常会写很多 console.log、console.info、console.group、console.warn、console.error代码来查看JS的运行情况,但发布时又因为IE不支持console,又要去掉这些代码,一不小心就会出错。 本文分享自己昨晚写的一个console类来试图解决这一问题。当然,更好的做法是把测试代码分开写,那样就不会有这个问题。解决思路 如何解决IE下不兼容的问题呢,那就是我们自己定义一个console类来覆盖浏览器提供的console功能,这样只要在页面中引用此JS文件就可以了。 另外,此类还提供了查看输出... 阅读全文
-
通用前端开发框架
摘要:前言最近在几个spa的项目中都使用前后端完全分离,后端只提供数据接口的方式。慢慢总结了一套前端的通用框架。这个框架没有语法限制,没有特别的规则,可接任何语言的后台。一切以快速开发为准则。技术总览技术上来说,使用seajs做模块调度。核心模块有:jquery、jquery-ui、backbone(一个前端MVC框架)、less(一个是css能用变量等编程特性来编写的js库)。已经包括的可用模块有:contextMenu(jquery右键菜单插件)、bootstrap(来自twitter的通用的css和js库)、uploadify(jquery文件上传插件)、qtip(jquery提示插件)。后续 阅读全文
-
技术弟弟-----JQuery+JQueryUI+Jsplumb 实现拖拽模块,流程图风格
摘要:先看效果.由于时间的原因。这个demo只兼容IE8,IE9。其他浏览器暂时不支持。不过jsplumb本身是支持各种浏览器的。写这篇文章是因为我在实际开发中遇到一个需求,支持拖拽模块到指定的容器里。并且每个模块会有自己的output 和input。开始觉得很酷也很变态。经过一段时间的调研,特把结果分享给大家。不足之处,敬请指正。看了题目里的3个J。可能有的朋友觉得头晕,需要这么多东东?我先逐一介绍一下。第一个jquery是我们平时经常使用的jquery 库。它可以让你用很少的代码实现一些很酷的js功能(实际它封装了很多js)。第二个JQueryUI提供了一整套核心交互插件,UI部分用jQuery 阅读全文
-
JQUERY框架各种书籍整理包括书籍介绍和下载
摘要:下面是我近期整理的几乎囊括了所有的jquery的教程和学习文档,包括文档的介绍和下载地址,jquery爱好者和想学习jquery的朋友可以参考下,希望大家多多支持。。。锋利的jQuery(含源码)[PDF]jQuery 使用手册[PDF]jquery 入门基础教程[PDF]JQuery关键词用法参考[PDF]jQuery的基本语法[PDF]JQUERY参考手册[PDF]jQuery 使用技巧[PDF]JQuery UI 各种接口详解[PDF]Jquery 基础学习笔记[PDF]AJAX教程—JQUERY[PDF]Jquery语法实例[PDF]Jquery给页面的所有超链接添加脚本函数[PDF] 阅读全文
-
node.js从入门到菜鸟——node与数据库,一段不得不说的故事
摘要:在前一篇博文中,我们简单的分心了node,用node建立了一个文件解析服务器,并且在服务器中进行了WEB寻址的操作。通过这些操作,我们已经可以把一个简单的静态网站搭设在服务器之上了(http://www.cnblogs.com/xiao-yao/archive/2012/03/30/2425716.html)。当然,仅仅完成这样的一个步骤还是远远不够的,我们需要的不是通过node搭设一个静态网站,而是通过node搭设一个完整的应用。那么我们可以想想下一步操作应该做什么了。没错,我们来尝试一下数据库的简单操作。在尝试之前,我们需要来学习一个新的模块:querystring模块。querystri 阅读全文