写在前面

这里总结了一些jQuery开发过程中的一些技巧，希望对大家有所帮助。

禁用页面的右击菜单

1
2
3
4
5

$(function(){
    $(document).on('contextmenu',function(e){
       return false;
    });
});

写在前面

如果你不会原生js，只会用jquery，那么你必须懂得jquery如何做性能优化。下面我总结了一些常用的，希望对大家有些帮助。

使用最新的jQuery类库

使用合适的选择器

(1) 使用id来定位DOM元素是最高效的方式，如果不能直接用id找到你需要的元素，可以考虑用find()方法。
(2) 标签选择器的性能也是不错的，它是性能优化的第二选择，因为jQuery将直接调用本地方法document.getElementByTagName()来定位DOM元素。
(3) 对于类选择器，现代浏览器和IE9+ 支持本地方法document.getElementByClassName(),而对于老的浏览器如IE8 以及以前的版本，只能靠使用DOM 搜索方式来实现，这无疑对性能产生较大的影响，所以建议大家有选择性的使用它。
(4) 属性选择器无法直接实现，大多都是使用DOM搜索方式来达到效果，很多现代浏览器支持querySelectorAll()方法，但是不同的浏览器的性能还是不一样的，总的来说，使用这种方式性能并不是非常理想。所以尽量避免使用这种有害性能的方式。
(5) 伪类选择器也同样无法直接实现，jQuery需要搜索每一个元素来定位这个元素，这将是对性能造成较大的消耗，尽量不要使用，如果非用不可，就先用ID 选择器定位父元素，然后再使用该选择器。
注意：尽量使用ID选择器，尽量给选择器指定上下文。

写在前面

说到日历组件，网上一搜一大堆，各种插件啊、集成框架啊实在不少。但是插件有的不合需求，框架嘛依赖关系一大堆，比如jQueryUI、bootstrap等。其实现在我就是想要一个轻量级的日历组件，功能也不需要很强大，只要能兼容所有浏览器，能选择任意年份日期和星期就可以了。

前言

目前流行原生App和H5进行混合开发，提高开发速度。IOS和JS进行通信比较麻烦，但Android对这种交互进行了很好的封装、我们可以很简单的用Java代码调用WebView中的js函数、也可以用WebView中的js来调用Android应用中的Java代码。

网页的JS代码调用Android中Java代码的方法

在网页中调用java代码、需要在webview控件中添加javascriptInterface

1
2
3
4

contentWebView = (WebView) findViewById(R.id.webview);
//启用javascript
contentWebView.getSettings().setJavaScriptEnabled(true);
contentWebView.addJavascriptInterface(this, "js对象名");

前言

最近 很认真地在学习AngularJS，正准备在项目中实践，却不小心地知道了React，根据我师傅说的 React相比AngularJS对DOM的操作思想又是不一样的，React的虚拟文档对象模型(DOM)和拼接机制很有可能是新的一种趋势。这让我很忧郁啊 _ ，就像以前初学JavaScript的时候，jQuery的编程思想让我耳目一新，于是没有深入学JavaScript而是花了很长一段时间去研究jQuery，接着在熟练掌握了jQuery之后又被AngularJS给洗脑。而现在呢，AngularJS还没有使地很6，又要去学React吗？前端的新技术兴起速度快得出乎你的想象。唉，没办法。“沉舟侧畔千帆过，病树前头万木春”，学技术的，总是要不断地“抛弃”原有的技术，去研究新的技术。

前言

最近在翻新7月份一个项目的代码，确实感觉现在的水平提升了不止一个档次啊^_ ^，之前花了一个近1500行代码完成的交互效果，现在几百行就搞定，而且不依赖三方的UI组件。我现在的编码有自己的设计模式，像模态这些通用的功能我习惯整理在util模块里，其他模块里如果需要调用new一个对象即可。今天不介绍整个util模块的代码，就拎一个模态组件和大家分享一下，如果觉得不错 就拿去用吧。真的很不建议为了实现一个简单的功能去网上下一个重量级的UI组件，而且还不好维护，倒不如自己手写一个。

写在前面

经常说SEO却从来没有写过爬虫，今天很有幸看到了关于nodeJS的爬虫程序的实现，模仿着写了个demo，权当砖头抛给大家了。

程序架构

因为是基于nodeJS，我们所需准备的架构很简单，用express4.x生成一个项目，然后再安装request和cheerio模块就可以。项目的package.json是这样的：

写在前言

我1个月前开发的webApp是个单入口的单页应用，那个时候需求没有很复杂，仅仅是一个购物的站点，但后来不停地添加功能，而且近期还提出需要把webAPP的部分页面分享到 IOS webView、微信朋友圈，并且能完成完整的业务逻辑。

我的策略

拆模块，分多页

这个需求下来，我第一反应是“拆”——把单页的webAPP根据模块拆分成多页，以一个新的html页面的形式提供给iOS和微信端。这么做的好处很明显：

写在前面

之前没学过nodeJS，底子不好，对AMD和CMD的实现没法理解，现在nodeJS也算是步入门槛，再回过身好好研究一下这个“模块化加载器”。

SeaJS与RequireJS最大的区别

一言以蔽之：执行模块的机制大不一样

RequireJS 是执行的 AMD 规范, 所有的依赖模块都是先执行，当然 RequireJS 从 2.0 开始，也改成可以延迟执行（根据写法不同，处理方式不同）。这点和常规的nodeJS风格很像，模块编写前把所有用到的依赖模块率先在头部注入进来，然后需要调用的时候就可以直接拿来用。后端语言大多是这个编码思路，比较好接受。而SeaJS对模块的态度是懒执行（ As lazy as possible），这样有四个好处：

写在前面

一言以蔽：CommonJS是服务器端模块的规范，Node.js采用了这个规范。

commonJS简介

根据CommonJS规范，一个单独的文件就是一个模块。加载模块使用require方法，该方法读取一个文件并执行，最后返回文件内部的exports对象。

举个例子 example.js