jquery
文章平均质量分 83
Jafeney
成功的道路并不拥挤,因为坚持的人不会太多
展开
-
jquery一些技巧总结
禁用页面的右击菜单 $(function(){ $(document).on('contextmenu',function(e){ return false; }); }); 新窗口打开页面 $(function(){ //例子1:href="http://"的超链接将会在新窗口打开链接原创 2015-09-30 23:21:50 · 1035 阅读 · 0 评论 -
从jQuery到AngularJS,再到React,前端必须走在最前端
前言最近 很认真地在学习AngularJS,正准备在项目中实践,却不小心地知道了React,根据我师傅说的 React相比AngularJS对DOM的操作思想又是不一样的,React的虚拟文档对象模型(DOM)和拼接机制很有可能是新的一种趋势。这让我很忧郁啊 * _ * ,就像以前初学JavaScript的时候,jQuery的编程思想让我耳目一新,于是没有深入学JavaScript而是花了很长一段时原创 2015-12-07 17:18:27 · 9096 阅读 · 0 评论 -
缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
前言Lazy Load 这个 jQuery 插件,是用来缓冲加载图片的插件。如果一篇文章很长有很多图片的话,下载图片就需要很多时间。而这款插件,会检测你的滚动情况,只有你要看到那个图片的时候,它才会从后台请求下载图片,然后显示出来。使用这个插件,可以在需要显示图片的时候,才下载图片,所以可以减少服务器的压力,避免不必要的资源下载。如果一个人不看下面的图片,那加载下面的图片就是一种浪费。Lazy Lo转载 2015-12-02 19:20:32 · 633 阅读 · 0 评论 -
用jQuery写个简单的日历组件
说到日历组件,网上一搜一大堆,各种插件啊、集成框架啊实在不少。但是插件有的不合需求,框架嘛依赖关系一大堆,比如jQueryUI、bootstrap等。其实现在我就是想要一个轻量级的日历组件,功能也不需要很强大,只要能兼容所有浏览器,能选择任意年份日期和星期就可以了。 好了,废话不多说,直接上代码: 好了,先引入jQuery库。(发表一下感概:angularJS的数据原创 2015-11-24 00:46:08 · 1104 阅读 · 1 评论 -
webApp用户体验优化——quickClick
前言近期对webApp的优化方面下了些功夫。优化的手段用了很多,图片压缩、cdn加速、ajax操作缓存、客户端数据缓存、弹性滑动等,一系列优化工作完成后,webApp的加载速度着实提高了不少,从原先的首屏1.75s到现在的300ms左右,还有稳定性和用户体验也还算可以。不过最让我头疼的是 页面上的点击事件总是有200ms~300ms的延迟,这个致命的弱点让webApp始终无法”以假乱真“,不过幸运的原创 2015-11-27 15:42:00 · 4316 阅读 · 0 评论 -
【积淀】jQuery写个简单的模态窗口组件
前言最近在翻新7月份一个项目的代码,确实感觉现在的水平提升了不止一个档次啊^_ ^,之前花了一个近1500行代码完成的交互效果,现在几百行就搞定,而且不依赖三方的UI组件。我现在的编码有自己的设计模式,像模态这些通用的功能我习惯整理在util模块里,其他模块里如果需要调用new一个对象即可。今天不介绍整个util模块的代码,就拎一个模态组件和大家分享一下,如果觉得不错 就拿去用吧。真的很不建议为了实原创 2015-12-12 17:16:35 · 4255 阅读 · 2 评论 -
jQuery优化笔记:运用JavaScript模式
单例模式用于改善代码结构的最简单 的技术就是使用精心选择的命名空间,通常这一模式被称为单例。以下是比较喜欢的书写格式: var myApp={ init:function(){ var self=this; self.getData(); self.eventBlind(); //单原创 2015-10-06 23:11:14 · 620 阅读 · 1 评论 -
我的JavaScript设计模式
前言JavaScript编设计模式有很多,比较常用的是单例模式、模块模式和观察者模式。这里不一一介绍这些模式的用法和场景。记住,设计模式没有好坏,只有适合不适合。下面简单介绍一下我研究出来的一种JavaScript编码模式,这个模式牛逼谈不上,但是用来管理你的前端项目还是挺方便,感兴趣的同学往下看。针对单页应用单页应用实现的原理是通过JavaScript控制页面的显示和隐藏,好看点的话再加点转场效果原创 2015-12-01 12:01:14 · 585 阅读 · 0 评论 -
谈谈jquery性能优化的常用策略
如果你不会原生js,只会用jquery,那么你必须懂得jquery如何做性能优化。下面我总结了一些常用的,希望对大家有些帮助。使用最新的jQuery类库使用合适的选择器 (1) 使用id来定位DOM元素是最高效的方式,如果不能直接用id找到你需要的元素,可以考虑用find()方法。 (2) 标签选择器的性能也是不错的,它是性能优化的第二选择,因为jQuery将直接调用本地方法documen原创 2015-09-30 23:20:12 · 1302 阅读 · 0 评论 -
基于Redux架构的单页应用开发总结(三)
写在前面 这篇具体讲讲Redux使用的一些技巧 React式编程思维在没有遁入React之前,我是一个DOM操作控,不论是jQuery还是zepto,我在页面交互的实现上用的最多的就是DOM操作,把复杂的交互一步一步通过选择器和事件委托绑定到document上,然后逐个连贯起来。$(document).on('event', 'element', function(e){ e.preve原创 2016-06-11 17:18:09 · 2652 阅读 · 0 评论