JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。以下十项jQuery示例可以帮助大家的Web设计项目顺利实现效率提升。

SQL注入攻击的总体思路：

发现SQL注入位置；判断服务器类型和后台数据库类型；确定可执行情况
对于有些攻击者而言，一般会采取sql注入法。下面我也谈一下自己关于sql注入法的感悟。

现在普遍移动端开发都是使用rem来进行开发，但是使用rem开发有一个痛病，就是写CSS的时候都需要通过px转化成rem，那么今天就给大家介绍一款SublimeText3的一款自动化转换px到rem的插件-CSSREM。
先上插件效果图：

插件描述：

jQuery-emoji 让文本框或可编辑div具备插入表情功能。 Let textarea or editable div has ability to insert emoji.

插件描述：基于jQuery的滑动解锁插件SlideUnlock

插件效果图：

知道大家比较喜欢看那种“某某效果”那样的文章，毕竟不费什么时间，几眼就看完了。首页上大半也都是这样的文章。本人不擅长写效果，还是献一篇长文。写了很长时间的，例子没敢举复杂的，实现也是用最简单的写法。点到为止，是一篇知识由厚到薄个人总结篇。

在js中函数是非常重要，本文尝试用组合学的观点，来推导函数中常见概念。

Js内存泄漏及解决方案
在IE下的JS编程中，以下的编程方式都会造成即使关闭IE也无法释放内存的问题，下面分类给出：

1、给DOM对象添加的属性是一个对象的引用。范例：

1
2

var MyObject = {};
document.getElementById('myDiv').myProp = MyObject;

一般的菜鸟只知道把用户信息保存到Cookie即可，登录只管判断Cookie是否存在，凭借着cookie值的存在情况来判断用户是否登录，更有一些甚至把用户密码也保存在Cookie中，这是极其危险的，人家要搞你分分钟可以模拟你的Cookie来登录你的用户，做一些危险的事情。

1、攻击者怎么拿到你的登录的Cookie值。

一、iframe内存释放

相关资料称IE在iframe元素的回收方面存在着bug，在通常情况下应该将该元素的src属性值修改为”abort:blank”，并手工将其从 DOM树上移除，然后把脚本中引用它的变量置空并调用CollectGarbage()就可以避免iframe不能正常回收所造成的内存泄露。

效果图：

查看演示

演示效果：

查看演示

做移动web开发免不了用微信扫描页面来进行调试，android版微信浏览器一直都默认缓存html静态资源，每次静态资源变化甚至新内容发布的时候在微信浏览器上都极有可能不能更新，很多时候要清理微信缓存才能看到效果，很是烦人。部分客户装了QQ浏览器，微信实际调用的是QQ浏览器，有时候甚至光清理微信缓存都无效，QQ浏览器的缓存也要清。

query-barcode.js 条形码插件官方下载，barcode-coder ，一款优秀的 barcode 条形码插件，可以实现任一效果条形码的在线生成。

有些时候，我们希望让用户在网页上完成某个操作就能自动将指定的内容复制到用户计算机的剪贴板中。但是出于安全原因，大多数现代浏览器都未提供通用的剪贴板复制接口(或即便有，也默认被禁用)。只有IE浏览器可以通过如下方式来进行复制。

1

window.clipboardData.setData("Text", "这里是需要复制的文本内容");

模块化：
每个模块只完成一个独立的功能，然后提供该功能的接口。模块间通过接口访问。模块中的（过程和数据）对于其它模块来说是私有的（不能访问修改）

原始人写法：

1
2
3
4
5
6

function m1(){
//...
}
function m2(){
//...
}

Normalize.css只是一个很小的CSS文件，但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset，Normalize.css是一种现代的、为HTML5准备的优质替代方案。Normalize.css现在已经被用于Twitter Bootstrap、HTML5 Boilerplate、GOV.UK、Rdio、CSS Tricks 以及许许多多其他框架、工具和网站上。

曾经发表过的关于data的博文：使用 data-* 属性来嵌入自定义数据，想对data定义数据有深入了解的小伙伴请转至那篇博文，今天将再次提及data-*属性，以及在使用Jquery时如果要再DOM上储存数据（jquery的data方法）：

一、DOT.js介绍

dot.js是一个模板框架，在web前端使用，其主要特点是快，小，无依赖其他插件。

主要的用途就是，在写好的模板上，放进数据，生成含有数据的html代码。

在做h5移动页面，相信大家一定碰到过页面已经打开，但是里面的图片还未加载出来的情况，这种问题虽然不影响页面的功能，但是不利于用户体验。抛开网速的原因，解决这个问题有多方面的思路：最基本的，要从http请求合并，缓存管理，图片压缩等方面做性能优化；另外就是可以对页面里用到的所有图片做预加载的处理，当用户打开页面的时候不立即显示第一屏，而是先显示资源加载效果，等到加载完毕，再来显示页面的主内容，这样就能解决那个问题。虽然这种加载效果占用了用户的浏览时间，但是我们可以把它做的好看有趣一点，所以也不会影响用户体验。本文实践了这种想法，提供一个非常简洁的图片预加载组件，实现简单，功能不弱，在做移动页面的时候应该对你有参考价值。

在网上一搜可以看到很多类似的代码，加入网页body部分就可以。
例如下面这段代码：

1
2
3
4
5
6
7
8
9
10
11
12
13

//复制内容自动添加版权信息
document.body.oncopy = function (){
    setTimeout(function (){
        var text = clipboardData.getData("text");
        if (text)
        {
            text = text + "\r\n原文出自【grycheng前端博客】，转载请保留原文链接："+location.href;
            clipboardData.setData("text", text);
        }
    },
    100
    )
}