随笔分类 - JS/JQuery
摘要：
Grunt和所有Grunt插件都是基于nodeJs来运行的，因此在你的电脑上需要安装nodeJs。安装nodeJs非常简单，点击访问nodeJs官网[https://nodejs.org](https://nodejs.org)，然后nodeJs官网会跟你的PC系统来给你分配合适的nodeJs安装包,如图：
阅读全文
Grunt和所有Grunt插件都是基于nodeJs来运行的，因此在你的电脑上需要安装nodeJs。安装nodeJs非常简单，点击访问nodeJs官网[https://nodejs.org](https://nodejs.org)，然后nodeJs官网会跟你的PC系统来给你分配合适的nodeJs安装包,如图：
阅读全文
摘要：
function sort(arr){
if(arr.length<=1){
return arr;
}
var num = Math.floor(arr.length/2);
var numValue = arr.splice(num,1);
var left = [];
var right = [];
for(var i = 0; i < arr.length; i++){
if(arr[i]
阅读全文
function sort(arr){
if(arr.length<=1){
return arr;
}
var num = Math.floor(arr.length/2);
var numValue = arr.splice(num,1);
var left = [];
var right = [];
for(var i = 0; i < arr.length; i++){
if(arr[i]
阅读全文
摘要：
在我们的前端开发中，为了不让用户输入相同的密码字符以提高其安全性，我们会写一个js方法来实现这个功能。接下来，我就来实现这个方法，有其他好的解决办法，敬请留言，博主必定向其学习。
我来解释一下这个原理：
在for循环体中，用value中的每一个字符与n进行比较，如果相等，则tmp自动加1，最后返回tmp；此时tmp的值必定就是value的长度。然后在调用这个方法时，就拿用户输入的字符串的长度与返回的这个tmp（我是将返回的tmp赋值给了m）来比较，如果相等，则提示用户不能使用相同的字符。
阅读全文
在我们的前端开发中，为了不让用户输入相同的密码字符以提高其安全性，我们会写一个js方法来实现这个功能。接下来，我就来实现这个方法，有其他好的解决办法，敬请留言，博主必定向其学习。
我来解释一下这个原理：
在for循环体中，用value中的每一个字符与n进行比较，如果相等，则tmp自动加1，最后返回tmp；此时tmp的值必定就是value的长度。然后在调用这个方法时，就拿用户输入的字符串的长度与返回的这个tmp（我是将返回的tmp赋值给了m）来比较，如果相等，则提示用户不能使用相同的字符。
阅读全文
摘要：
通常，我们都会使用比较熟悉的``javascript:history.go(-1)``来实现返回上一页，此种方法有一个问题就是返回上一页后不能刷新当前页面，给我们的开发带来了一定的不便，显示有时这种方法就不是我们需要的。那么有什么办法能获取到上一页的url呢？有人说可以用``document.referrer``来获取，这个也是可以的，其定义和用法如下：
referrer属性可返回载入当前文档的文档的URL。
不过，html5有一个sessionStorage也可以实现这个效果。那么，什么是sessionStorage呢？本文就着重来阐述这个功能。
阅读全文
通常，我们都会使用比较熟悉的``javascript:history.go(-1)``来实现返回上一页，此种方法有一个问题就是返回上一页后不能刷新当前页面，给我们的开发带来了一定的不便，显示有时这种方法就不是我们需要的。那么有什么办法能获取到上一页的url呢？有人说可以用``document.referrer``来获取，这个也是可以的，其定义和用法如下：
referrer属性可返回载入当前文档的文档的URL。
不过，html5有一个sessionStorage也可以实现这个效果。那么，什么是sessionStorage呢？本文就着重来阐述这个功能。
阅读全文
摘要：
准备一个用px实现的移动页面（宽度固定死的页面），引入metahandler.js框架
1、视口设置
width=640，是根据psd图来设置，有多宽设置多宽（设计图是640的设置640）
2、body设置宽度，是根据psd图来设置，有多宽设置多宽
3. metahandler.js里面参数的设置
调用自适应屏幕的功能函数，640是根据psd图来设置，有多宽设置多宽
opt.fixViewportWidth(640);
阅读全文
准备一个用px实现的移动页面（宽度固定死的页面），引入metahandler.js框架
1、视口设置
width=640，是根据psd图来设置，有多宽设置多宽（设计图是640的设置640）
2、body设置宽度，是根据psd图来设置，有多宽设置多宽
3. metahandler.js里面参数的设置
调用自适应屏幕的功能函数，640是根据psd图来设置，有多宽设置多宽
opt.fixViewportWidth(640);
阅读全文
摘要：```js
function is_weixin(){ //检查是否是微信浏览器 var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { return true; }else{ return false; ...
阅读全文
摘要：
今天在做移动端一个关于iframe框架的页面，突然发现高度不能自适应，以前有同行问过我这个问题，当时也是查了好多资料没有解决，今天自己碰上了，就麻烦大了，于是还是各种查资料，终于找到了解决问题的办法，网上还是大神多哇。以下博主就给大家贴上解决的办法。
第一种方法，采用的是ajax的load方法，此方法简简单单的一串代码即可：
阅读全文
今天在做移动端一个关于iframe框架的页面，突然发现高度不能自适应，以前有同行问过我这个问题，当时也是查了好多资料没有解决，今天自己碰上了，就麻烦大了，于是还是各种查资料，终于找到了解决问题的办法，网上还是大神多哇。以下博主就给大家贴上解决的办法。
第一种方法，采用的是ajax的load方法，此方法简简单单的一串代码即可：
阅读全文
摘要：
今天，在做移动端的项目中，按照设计稿的要求，是可以让用户自己输入出生日期的，我还很认真的用了刚刚知道的html5表单的日期类型，本想着终于不用日期插件就可以实现用户选择自己的出生日期了，可结果老大说，把这个表单去掉，要做成从身份证号里边读取用户的出生日期。好吧，高兴了一半，结果...。唉，没办法，只能按照领导的要求来做啊，于是就有了下边的从身份证号中获取出生日期和性别的代码：
阅读全文
今天，在做移动端的项目中，按照设计稿的要求，是可以让用户自己输入出生日期的，我还很认真的用了刚刚知道的html5表单的日期类型，本想着终于不用日期插件就可以实现用户选择自己的出生日期了，可结果老大说，把这个表单去掉，要做成从身份证号里边读取用户的出生日期。好吧，高兴了一半，结果...。唉，没办法，只能按照领导的要求来做啊，于是就有了下边的从身份证号中获取出生日期和性别的代码：
阅读全文
摘要：
目前，有了css3的rem，给我们的移动端开发带来了前所未有的改变，使得我们的开发更容易，更易兼容很多设备，但这个不在本文讨论的重点中，本文重点说说如何使用js来实时改变网页文字的大小。
阅读全文
目前，有了css3的rem，给我们的移动端开发带来了前所未有的改变，使得我们的开发更容易，更易兼容很多设备，但这个不在本文讨论的重点中，本文重点说说如何使用js来实时改变网页文字的大小。
阅读全文
摘要：Zeroclipboard 的实现原理
Zeroclipboard 利用 Flash 进行复制，之前有 Clipboard Copy 解决方案，其利用的是一个隐藏的 Flash。但最新的 Flash Player 10 只允许在 Flash 上进行操作才能启动剪贴板。所以 Zero Clipboard 对此进行了改进，用了一个透明的 Flash ，让其漂浮在按钮之上，这样其实点击的不是按钮而是 Flash ，也就可以使用 Flash 的复制功能了。
如何使用 Zeroclipboard
首先下载 Zeroclipboard，并解压缩。其中需要两个文件：ZeroClipboard.js 和 ZeroClipboard.swf ，将这两个文件放入到你的项目中。
其次，该效果只能放在服务器上后才能看到，所以，你可以在你的PC的IIS中建立一个虚拟的项目即可。
阅读全文
Zeroclipboard 的实现原理
Zeroclipboard 利用 Flash 进行复制，之前有 Clipboard Copy 解决方案，其利用的是一个隐藏的 Flash。但最新的 Flash Player 10 只允许在 Flash 上进行操作才能启动剪贴板。所以 Zero Clipboard 对此进行了改进，用了一个透明的 Flash ，让其漂浮在按钮之上，这样其实点击的不是按钮而是 Flash ，也就可以使用 Flash 的复制功能了。
如何使用 Zeroclipboard
首先下载 Zeroclipboard，并解压缩。其中需要两个文件：ZeroClipboard.js 和 ZeroClipboard.swf ，将这两个文件放入到你的项目中。
其次，该效果只能放在服务器上后才能看到，所以，你可以在你的PC的IIS中建立一个虚拟的项目即可。
阅读全文
摘要：
上一篇我发布的是关于 HighchartsJS创建环形带标识的图表实例， 从那篇文章就可以看出 HighchartsJS 确实是一款功能很强大的图表库。利用它，我们可以在项目中创建出我们所需要的图表来统计数据，很方便，但首先是要熟悉它的API文档；其次，在使用的过程中，只需要了解熟悉它的API文档还不够，因为，它的文档个人认为介绍的还不够详细，需要通过网上查资料才能达到我们的目的。
阅读全文
上一篇我发布的是关于 HighchartsJS创建环形带标识的图表实例， 从那篇文章就可以看出 HighchartsJS 确实是一款功能很强大的图表库。利用它，我们可以在项目中创建出我们所需要的图表来统计数据，很方便，但首先是要熟悉它的API文档；其次，在使用的过程中，只需要了解熟悉它的API文档还不够，因为，它的文档个人认为介绍的还不够详细，需要通过网上查资料才能达到我们的目的。
阅读全文
摘要：
HighchartsJS是一款功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库，目前最新版本库是Highcharts 4.1.9。另外，HighchartsJS还提供很多的插件和第三方扩展，但那些不是本文所要描述的主要内容，在此不表。笔者只说说自己曾经使用过的案例以及对案例的注释。
阅读全文
HighchartsJS是一款功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库，目前最新版本库是Highcharts 4.1.9。另外，HighchartsJS还提供很多的插件和第三方扩展，但那些不是本文所要描述的主要内容，在此不表。笔者只说说自己曾经使用过的案例以及对案例的注释。
阅读全文
摘要：
该插件乃本博客作者所写，目的在于提升作者的js能力，也给一些js菜鸟在使用插件时提供一些便利，老鸟就悠然地飞过吧。
此插件旨在实现目前较为流行的点击放大图片并左右点击切换图片的效果，您可以根据自己的实际需求来设置是否添加左右切换图片的效果。整体代码如下：
阅读全文
该插件乃本博客作者所写，目的在于提升作者的js能力，也给一些js菜鸟在使用插件时提供一些便利，老鸟就悠然地飞过吧。
此插件旨在实现目前较为流行的点击放大图片并左右点击切换图片的效果，您可以根据自己的实际需求来设置是否添加左右切换图片的效果。整体代码如下：
阅读全文
摘要：
什么时候需要获取图片真实的宽度和高度
在做pc网页的时候，有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。然后判断过后给予不同的展示方式！
另外一种就是在手机页面上，在新闻页插入的图片往往都是按照图片的原尺寸来展示，如果手机屏幕太小，太大的图就会超出去！这时候有两种解决办法
1、给所有的图片加上这样的样式
阅读全文
什么时候需要获取图片真实的宽度和高度
在做pc网页的时候，有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。然后判断过后给予不同的展示方式！
另外一种就是在手机页面上，在新闻页插入的图片往往都是按照图片的原尺寸来展示，如果手机屏幕太小，太大的图就会超出去！这时候有两种解决办法
1、给所有的图片加上这样的样式
阅读全文
摘要：通常，我们会用jq的.width()/.height()方法获取图片的宽度/高度或者用js的.offsetwidth/.offsetheight方法来获取图片的宽度/高度，但这些方法在我们通过样式设置了图片的宽高后获取的就不是图片的实际宽高，这显然在有些时候不是我们想要的结果，那么有没有一种方法来获取这样的实际宽高呢？答案是有的。下面的代码就能解决这样的问题：
阅读全文
通常，我们会用jq的.width()/.height()方法获取图片的宽度/高度或者用js的.offsetwidth/.offsetheight方法来获取图片的宽度/高度，但这些方法在我们通过样式设置了图片的宽高后获取的就不是图片的实际宽高，这显然在有些时候不是我们想要的结果，那么有没有一种方法来获取这样的实际宽高呢？答案是有的。下面的代码就能解决这样的问题：
阅读全文
摘要：该插件乃本博客作者所写，目的在于提升作者的js能力，也给一些js菜鸟在使用插件时提供一些便利，老鸟就悠然地飞过吧。
此插件旨在实现目前较为流行的拖拽改变元素大小的效果，您可以根据自己的实际需求来设置被拖拽元素的最小宽高和最大宽高。整体代码如下：
阅读全文
该插件乃本博客作者所写，目的在于提升作者的js能力，也给一些js菜鸟在使用插件时提供一些便利，老鸟就悠然地飞过吧。
此插件旨在实现目前较为流行的拖拽改变元素大小的效果，您可以根据自己的实际需求来设置被拖拽元素的最小宽高和最大宽高。整体代码如下：
阅读全文
摘要：
该插件乃本博客作者所写，目的在于提升作者的js能力，也给一些js菜鸟在使用插件时提供一些便利，老鸟就悠然地飞过吧。
此插件旨在实现目前较为流行的拖拽效果，您可以根据自己的实际需求来设置被拖拽元素是否可以被拖拽至可视区域以外。整体代码如下：
阅读全文
该插件乃本博客作者所写，目的在于提升作者的js能力，也给一些js菜鸟在使用插件时提供一些便利，老鸟就悠然地飞过吧。
此插件旨在实现目前较为流行的拖拽效果，您可以根据自己的实际需求来设置被拖拽元素是否可以被拖拽至可视区域以外。整体代码如下：
阅读全文
浙公网安备 33010602011771号