随笔分类 - [10]JS
-
50个你现在应该去使用的最新的出色的jQuery插件
摘要:50个你现在应该去使用的最新的出色的jQuery插件jQuery有一个非常好的网络社区环境,贡献了很多创造性的jQuery插件,但是正因为插件太多了,所以使得很多插件都很难被查找。本篇文章正是因为这个原因,天屹翻译并加工出这篇文章,作者在这里收集了不同类型的50个不同的jQuery和javascript库供你使用。正确的使用它们一定能有效的提高你网站的用户体验,从而留住客户。下面列出经过分类的插件,觉得不错记得推荐哦,有了你们的认可天屹会有更多的动力写文章的,Enjoy it!对话框Dialogs浏览器内置对话框使用起来确实很方便,但是你会发现它们非常的丑陋,并且不可配置。如果你想你的网站显得 阅读全文
-
grunt 0.4.1构建工具入门实践
摘要:grunt 0.4.1构建工具入门实践由于最近的食美特项目需要对css文件和js文件进行压缩,各种比较之后,选择了grunt进行构建。google一下,几乎都是grunt0.3的使用说明,按照说明,几乎无法使用。查看gruntjs的入门Getting started,又是云里雾里的,好吧,只能耐心看文档和不断的实践吧。一、使用环境说明:1、在window xp 下使用2、命令行使用的git的客户端 msysgit 1.7.6(类似的nodejs应用,使用类linux的命令行比较好)3、 只是入门说明,目的是快速的搭建环境,示例能够跑起来。详细的文档资料请参考gruntjs,一、nodejs安装 阅读全文
-
我的模块加载系统 v23
摘要:我的模块加载系统 v23我的模块加载系统 v23发布,主要改进以下支持动态添加加载器,正确取得加载器所在的节点的路径修正IE6加态加载模块的BUG对parseURL进行优化,减少对正则的依赖,提高性能。对跨域的容错更强,减少对top的访问,因为如果加载器是放在iframe中,而iframe与套嵌它的父页面不同域,就会抛错。目前重构文档中,为了总是指向正确的路径,不得不使用document.write,这时原来的最后一个script标签的方式就会出错!<script>window.$$path = location.protocol + "//" + locati 阅读全文
-
JavaScript与JSON数据交互实现的基于HTML的模板
摘要:JavaScript与JSON数据交互实现的基于HTML的模板每每完成一个项目或多或少总是有些收获的,有时候有很多好多东西需要积累分享,这样以后的项目开发就会越来越效率的哈,这不现在准备用以前项目开发中用到的东西,觉得还不错,整理了写出来分享下。写文章前我也在网上找了挺多Javascript模板之类的文章,没发现太多满意的,就找到一篇可着得给力点儿的,兴许还有许多给力的没发现,欢迎你推荐分享,好了,费话不多说,切入正题了。首先准备我们要的Json数据,简单点儿的来这第一串数据 1 var json ={ 2 "dataInfo": [ 3 { 4 ... 阅读全文
-
edge.js架起node.js和.net互操作桥梁
摘要:edge.js架起node.js和.net互操作桥梁今天要介绍的是edge.js这个github上刚兴起的开源项目,它可以让node.js和.net之间在in-process下互操作。.net版本在4.5及以上,因为.net4.5带来的Task,asyn,await关键字和node.js的Event模型正好匹配。如果你感兴趣的话,可以参见githubhttps://github.com/tjanczuk/edge和Edge.js overview.下面这幅图展示了edge.js在node.js和.net之间互操作的桥梁。Fun<object,Task<object>>表 阅读全文
-
关于“线程”与“阻塞”
摘要:关于“线程”与“阻塞”这个问题有可能是我个人的疑惑,或许其他人一看就明白,人总有转不过弯的时候!NodeJS是单线程的异步操作,在书上讲这一点的时候往往会拿出常规的做法来与之对比:单线程的阻塞操作。书中写道:线程在执行中如果遇到磁盘读写或网络通信(统称为 I/O 操作),通常要耗费较长的时间,这时操作系统会剥夺这个线程的 CPU 控制权,使其暂停执行,同时将资源让给其他的工作线程,这种线程调度方式称为 阻塞。当 I/O 操作完毕时,操作系统将这个线程的阻塞状态解除,恢复其对CPU 的控制权,令其继续执行。比如单线程中遇到一个读取txt文件的操作,按照上面的说法,此时该线程的CPU控制权被剥夺了 阅读全文
-
基于jQuery的下拉菜单插件
摘要:基于jQuery的下拉菜单插件,诸位上眼!!!前言很久没有写博客了,话说真的工作后才发现很多需要学的,有很多不足。加之最近工作没有什么沉淀,现在团队又面临解散,反正闲着也是闲着,就自己写了个插件,反正水平就这样,当时自我总结吧!应用背景在我们工作中,经常会遇到这种需求:① 鼠标点击某个文本框时出现下拉菜单② 常用的操作鼠标划上出现下拉菜单③ 按钮类应用我们会用到这种功能往往原因是因为地方小了,按钮多了,这往往说明产品设计一般出问题了。。。 但是,我辈屁民豪不关注产品(没资格插手),所以需要完成以上功能;其实总的来说,这些功能还是非常实用的。于是,为了应对以上场景,我工作中先是做了一个,然后又遇 阅读全文
-
zepto源码注释
摘要:zepto源码注释Zepto是一个轻量级的针对现代高级浏览器的JavaScript库,它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。这段时间公司的事情比较少,所以就把它的源码看了下,觉得写的挺好的,所以就有了给它写注释的想法。当然,这里面的注释只是我读代码时对它的理解,并不一定正确,如果有错误还请指正,先谢谢了。另外,敬请期待另一个JS大牛(果果)的JS库(then.js)的源码注释。 1 /* Zepto v1.0-1-ga3cab6c - polyfill zepto detect event ajax form fx - zeptojs.com/.. 阅读全文
-
Javascript执行效率小结
摘要:Javascript执行效率小结Javascript是一门非常灵活的语言,我们可以随心所欲的书写各种风格的代码,不同风格的代码也必然也会导致执行效率的差异,开发过程中零零散散地接触到许多提高代码性能的方法,整理一下平时比较常见并且容易规避的问题Javascript自身执行效率Javascript中的作用域链、闭包、原型继承、eval等特性,在提供各种神奇功能的同时也带来了各种效率问题,用之不慎就会导致执行效率低下。1、全局导入我们在编码过程中多多少少会使用到一些全局变量(window,document,自定义全局变量等等),了解javascript作用域链的人都知道,在局部作用域中访问全局变量 阅读全文
-
《表单篇》DataBase之大数据量经验总结
摘要:刚写完本人有史以来的第一份辞呈,准备晚上递交了,心底很是沉重呐。 想想我这个新手也驻足博客园一年许多月,却从未发表过博客,两个字形容“悲催”!在博客园扮演观众的我最近一直在阅览蒋金楠先生的著作《WCF技术剖析 1》,也难得年初工作不忙,有得空闲充充电。像我这公司几个老鸟,用的东西也都老过时了,所以还是要抽出时间去更新自己的知识库才好。 工作一年后!我选择了换工作,那辞职的借口谁都会编!但我的理由是我在这里所学到的知识经验和成长的速度不值得我在这里花一年的青春,但这里的环境氛围很好,第一次来面试的感觉是这公司的人很亲和且热情。可悲的是我完全可以胜任我这份工作,所以我选择跳槽。后悔的是跟前面所.. 阅读全文
-
提示功能的检索框
摘要:分步骤介绍如何设计一个带选择和提示功能的检索框好多网站的搜索输入框设计的很漂亮,接下来笔者将逐步介绍如何设置自己的搜索输入框.设计效果图:该效果主要采用CSS样式与Javascript进行实现.不得不说CSS样式功能很强大,而且效果很炫,笔者推荐一本书叫《CSS禅意花园》,你可以从中感悟CSS的唯美之处.我们分步来介绍如何实现.第一步:如何实现带提示信息的输入框我们知道输入框在html中使用<inputtype=”text”>标签定义,针对输入框我们常用的事件为触焦,和脱焦.我们从其它网站这块应用可以看出,当输入框获得焦点时提示信息就消失了,当输入框失去焦点时输入框中的提示信息就出 阅读全文
-
思考阿里巴巴系的前端解决方案
摘要:思考阿里巴巴系的前端解决方案思考阿里巴巴系的前端解决方案题记:你有解决问题的能力,却没有解决问题的方法 前端是用户体验的基础,是用户最先体验的服务。由于最近在开发购物分享网站食美特,经历了很多前端的麻烦。学习和参考了很多前端解决方案,这篇文章先说说我对阿里巴巴系的前端解决方案的体会。 一、淘宝的前端解决方案:kissy 。淘宝的kissy(http://docs.kissyui.com/)是由阿里集团前端工程师们发起创建的一个开源 JS 类库。它具备模块化、高扩展性、组件齐全、适合国情等特性。定义了通用的js类库,通用的约定,通用的html规范,通用的css规范,通用的js规划,以及基于b.. 阅读全文
-
JSONP跨域访问实现登录验证
摘要:JSONP跨域访问实现登录验证最近在做一个手机Web项目,硬着头皮上了。现在比较流行的就是使用Phonegap+HTML5+CSS+JS/JQuery做一个看起来native的mobile web app。但是由于时间急,而且这些东西都不是很熟悉,再加上这只是对已有web网站的mobile化,因此采用了Phonegap+几乎纯server端页面的方式,做起来省事多了,但是缺点还是有一大堆的,这里就不细说了。唠叨之前首先声明一点,本人不是教授,也没有大量研究过,因此如有说错的地方,请指出,不甚感谢。好了,这篇随笔要展示的是跨域访问的一种实现,这是针对传统ajax不支持跨域访问而提出的。当然你也可 阅读全文
-
jQuery弹出层插件
摘要:[原]发布一个jQuery弹出层插件,彻底开源附主站怎么能够活下来插件写好了,代码公开了,不是就代表就完成了,真的有人使用和反馈,才能体现出来它的意义和价值,才有可能存活下来。仅仅完成代码,只是其中的一小部分工作,也不是花费时间最多的地方,更多的时间用在,写用例和完善说明文档,还要为它做一个公开的网站(网站页面的布局,内容的分类整理,几乎相当于建立了一个小的个人网站),这样有了一个公开的获取最新代码的地址,再加上反馈会更好,信息的交流也是必不可少。我选择了github,它为以上的一切思路和功能的实现提供了环境。能不能活下来不知道,反正我做了我该做的。夸它两句简单、精致、够用,是我最初的想法。结 阅读全文
-
Nodejs+express+angularjs+mongodb搭建前端项目框架NJBlog
摘要:Nodejs+express+angularjs+mongodb搭建前端项目框架NJBlog项目地址:https://github.com/mz121star/demo项目来源: 最近一年学习前端方面技术,不敢说有所成绩,但是也是收获了颇多的经验,前端是个大水坑,学习路上总是遇上各种的坑,新技术的层出不穷让人眼花缭乱。出于想对前端方面的技术做一些总结 ,所以就花了一些时间边学习边增加的建立了这个项目,由我和我的同事共同维护中。今天分享出来,希望能和各路高手共同学习交流,更希望可以得到诸如看官您这样的神人来指导一下。项目介绍:NJBlog后台采用Nodejs+express来提供Restful 阅读全文
-
重构JS前端框架
摘要:关于重构JS前端框架的失败经验(顺便怀念那些死去的代码)好了 开始吧重构这个其实也不是什么大动作,主要要实现的功能嘛,就是把现有的JS代码重新划分一下,解耦现有模块。然后我打算把现有的程序划分一下模块然后重新打包做一个命名空间实现use或者类似于java的Package的东西。那么我只要加载一个use的js文件调用这个文件的use函数,通过设置某些参数,我可以动态地加载所需要的模块。这个是最完美的想法(那时我很傻很天真)。好的,噩梦开始了。前提,我低估了3个月前的自己。//好吧,下面可能会出现un文明用语~~首先,计划的第一天,我的打算是分离这个程序里面最需要解耦的部分,自制控件部分。说起来, 阅读全文
-
浏览器 CSS & JS Hack 手册
摘要:浏览器 CSS & JS Hack 手册浏览器渲染页面的方式各不相同,甚至同一浏览器的不同版本(“杰出代表”是 IE)也有差异。因此,浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册,那查询起来就方便多了。这篇文章就向大家分享Browserhacks 帮我们从网络上收集的各个浏览器特定的 CSS & JavaScript Hack,记得推荐和分享啊!IE 选择器 Hack?123/* IE 6 and below */* html .selector {} .suckyie6.selector {} /* .suckyie6 can be any unus 阅读全文
-
Backbone.js
摘要:什么是 Backbone.jsBackbone.js 是一个在JavaScript环境下的 模型-视图-控制器 (MVC) 框架。任何接触较大规模项目的开发人员一定会苦恼于各种琐碎的事件回调逻辑、以及金字塔般的代码。而且,在传统的Web应用程序代码中,不可避免的都有在应用逻辑中加入显示数据的代码的情况。当项目规模愈发变大时,这种形式的代码变得越发的难以维护,因为任何在主干逻辑中的变更都可能影响到数据显示逻辑,反之亦然。Backbone就是要来解决这样的代码耦合的问题。它通过提供一个控制层-显示层的框架,以及模版(template)来分离各自逻辑。这样的MVC框架类似于传统意义上桌面程序以及服务 阅读全文
-
回复的简易实现
摘要:回复的简易实现前些日子写了篇博客,网友给予了很多的评论,在查看及回复评论的过程中,也是发现博客园现有回复的不太好,举例如下,现有的回复如下图所示:,这里根本看不出来tony_ontheway说了什么,还要我一个一个找,哦,原来他是在第N页第N行说了这个,所以非常的不方便。所以今天我把网易盖楼回复的实现原理以及实例Demo贴出,望博友们顶起来,让博客园整改一下,必竟,博客园是我们的大本营,是我们学习知识的地方。这里高手如云,精英荟萃,我们的大本营也不能太差,是吧。我们让博客园改进,也是为自己创建良好的环境,所以,博友们,顶起来,吼起来,一起唤起博客园的注意。实现盖楼回复大致分三部。第一步:建数据 阅读全文
-
js加载脚
摘要:[Web] 被遗忘的知识点 - JavaScript加载管理最佳实践前言最近项目有一个需求,如下: HTML页面一般来说可以由CSS、JavaScript、Dom(通常为Div)以及一些JS初始化页面函数组成,现在需要将一个页面拆分为CSS、JavaScript、Dom和JS init函数四部分,通过从服务端分别获取这四部分,经过拼凑后,渲染出完整的页面。这里面CSS、DOM节点比较好处理,但是JavaScript的加载以及JS init的执行,就要考虑到很多问题。如果有谁遇到类似的问题,可以讨论下,毕竟想要将这个做成一个完善的框架会遇到很多问题。这篇文章,我将介绍一些加载管理JavaScri 阅读全文