1
jquery里url转json和json转url的方法

在jquery里把url里的值转成json的方法函数,及把json转成url格式的字符串的方法。本文和大家分享一下在jquery里,json和url相互转换的方法:一:JSON转URL:jquery里有一个$.param()的函数,可以用来把JSON转成url格式的字符串:varobj={aa:"fda",bb:["bb1","bb2"]};console.log($.param(obj));


2
bootstrap里popover实现点击区域外关闭隐藏的方法[原创]

在使用bootstrap的popover组件时,实现点击popover外的其它地方关闭隐藏popover的方法及实例。站长在做的web项目里,用到了bootstrap的popover组件,要求:鼠标放上去,或点击时显示popover;鼠标移开后,popover不会关闭和隐藏;当点击网页的其它地方时,要关闭popover;功能很简单,站长很快就写好了,但抱着学习和优化的目的,就到网上找了下类似的文章,竟然发现,(不要笑)网上的方法好像还不如我的方法,-_-!!!看了好几个网站


3
bootstrap里popover的相关属性、方法和事件

本文整理了bootstrap的popover组件的相关属性,方法及事件,通过本文可以让你快速的掌握bootstrap里popover的使用。bootstrap里一款非常流行的css框架,站长现在做web都是用的这个,所以在使用bootstrap的时候,把会用到的一些内容做记录和整理是很有必要的,一是加深自己更深的了解,二也能帮助到其他的人。本文站长就来整理一下bootstrap里popover组件的相关内容。一:让自己的网页里可以使用popover组件的方法:第一步:引入相应的JS文件,两种方案


4
Flex布局全攻略—CSS里Flex相关的属性

本文整理了CSS里和flex相关的所有属性,通过本文,可以让你快速的掌握CSS里flex布局和使用。本文,站长整理了一下CSS里和flex相关的所有属性,整理的同时,也是一个自我学习的过程。站长在写这篇文章时,参考了多个网站上的资料,不过总有种“看着很累”的感觉,所以才打算自己再次整理编辑一下,方便自己,也方便那些同样需要的朋友!一:认识Flex:不需要太去计较Flex是什么,只要我们明白以下几点就行了:主流浏览器都已支持flex,不用担心兼容的问题;Fl


5
jquery.lazyload图片延迟加载插件—源码下载及使用方法和实例

本文和大家分享一个jquery开发的用来延迟加载网页里图片的lazyload插件,当我们网站里的图片特别多的时候,打开网页的时候,会出现“卡顿”的现象,这就是因为有太多图片正在加载而造成的,但我们的网页,在打开的时候,并不需要把所有的图片都一起加载的,只需要加载在我们“视野”之内的图片就行,其它的图片可以延迟加载,这样就加快了我们网页打打开速度,让别人访问我们网页的时候体验更好。今天就和大家分享一个jquery开发的,可以用来延迟加载我们


6
requirejs使用时,如果require发生错误时,处理error的方法

使用requirejs加载js文件时,发生错误时的处理方法,即requirejs里的error对象。requirejs插件可以让我们的web里的js文件的引用变得非常简单,大大优化了我们的web加载速度和体验。最近站长在做一个web项目的时候,需要使用rquirejs来加载一个第三方的JS文件,但需要在加载出错的时候,加载另一个JS文件。在网上找了好久的资料,最后才在官网找到,这里直接把方法分享给大家:一般我们在引用模块或js文件的时候都是这样来用:req


7
jquery里获取最后一个或几个元素的方法[最全整理]

本文整理了在jquery里获取最后一个,或后几个元素的方法。本文站长和大家整理分享一个在jquery里和获取“最后一个”或“后几个”元素的方法:一:获取最后一个(jquery对象):在jquery里和“最后一个”相关的属性或方法有::last : 获取最后的那个元素:last-child : 获取每个父元素的最后一个子元素:last-of-type ::nth-last-child ::nth-last-of-typ


8
jquery里Deferred(延迟)对象的常用实例

本文总结了jquery里延迟对象deferred在日常web开发中,经常会用到的几个实例,通过这些实例,可以让你快速的掌握deferred对象的使用方法。以前站长写过一篇文章来介绍jquery里的延迟对象,也就是Deferred对象:《jquery延迟(deferred)对象和回调函数详解》,不过站长相信肯定还有很多人和站长一样,对jquery里的延迟deferred对象还是会感觉点那么迷惑。没关系,站长会经常整理一些和deferred相关的具体实例,通过这些实例,相信,即使你还是不太了解deferred,但


9
jquery上传视频,并截取视频第一帧做封面主图同步上传(附完整在线实例)

本文非常详细的讲解了如何用jquery来作视频上传功能时,同步获取视频的第一帧当作封面主图同步上传的方法及步骤,并且还有完整的在线实例演示,可以直接复制而拿去用的。本文,站长和大家分享一个我们日常web开发中会用到的实例:jquery做的视频上传,并获取视频的第一帧当作视频的主图同步上传。文章的最后会有完整的在线实例演示提供给大家,不想看站长啰嗦的可以直接拉到文章的最后,去看在线实例。我们要做的视频,及封面同步上传,需要实现以下几点:可以拖拽上传;上传之前可以预览视频,及截取到的封面;要使用jquery里的ajax来上


10
JS里DataURL、File、Blob及canvas对象间互相转换的方法函数

本文提供了在js里,DataURL、File、Blob、canvas这四个对象之间互相转换的方法。这是站长在网上看到,搜集过来的,非常有用:1》:canvas转换为dataURL :varcanvas=document.createElement("canvas");varimgsrc=canvas.toDataURL('image/jpeg',0.8);//第二个参数指图片质量2》:file/Blob对象转换为dat


11
通过实例来了解FormData对象的方法和属性[原创]

本文通过具体的实例来了解和学习FormData对象的相关属性和方法。本文是站长用自己的理解来解释FormData对象,和其它网站上到处复制来复制去的不太一样,是站长自己对FormData对象的理解。先来说说什么是FormData:我们从客房端向服务端提交数据,通过用的就是Form表单,FormData其实就是Form表单向服务端提交的“数据”。一:FormData对象的创建:1》:向创建对象一样来创建:varformData


12
正则表达式里match的用法全攻略及实例

本文通过具体的实例来讲述正则表达式里match的用法,通过本文可以让你快速的掌握正则里match的使用方法。在js或jquery里使用正则来“获取”一些内容时,就要用到正则里的match和e xec的方法,本文主要讲match的用法。match的用法结构为:str.match(reg);下面通过具体的实例来了解match的各种用法:实例1:使用match来判断变量中是否有指定的字符串:varstr="学习jQuery就来爱jQuery";var


13
js或jquery里字符串转时间及判断转换后的是否为日期时间

本文整理了在js及jquery里,把字符串转为时间,及时间戳与时间之间相互转换的方法。本文站长和大家整理一下在js和jquery里,和“把字符串转为日期时间,并且判断转换后的是否为标准的日期时间”相关的内容及方法:比如,网页里显示了当前页面最后更新的时间,我们用jquery获取到后,得到的只是“字符串”格式的日期,我们需要把它转换成“日期时间”类型,才能对它进行一些类似“判断与当前时间的间隔”之类的操作。一:字符串转日期:要把这样的字符串转为


14
HTML5里video的相关属性、方法及事件整理[附完整在线实例演示]

本文整理了HTML5里和video标签的相关方法,属性及事件,通过本文你可以快速的掌握HTML5里VIDEO标签的使用,并且有完整的在线实例演示,让你更直观的了解video的各种方法和事件。站长最近做的一个WEB项目里,需要显示相关的视频,这就用到了HTML5里的video标签,站长在查找和学习其相关的事件,属性时,需要在网上找多篇文章一起看,才能“看全”,十分的不方便,站长就在这里总结整理一下,同时也是一个学习的过程。一:HTML5里VIDEO标签的使用示例:通常,我们对视频的要求不高的话,直接像上面这样来引入视频就行了。二:video标签的


15
jquery汉字转拼音[附在线实例演示]

本文和大家分享了jquery里,如何把汉字转换成拼音的方法及完整的在线实例演示。和大家分享一个jquery里把汉字转换成拼音的函数,可以转换成全拼,也可以转换成简拼。下面是核心的转拼音的函数(如果直接把源码贴出来,会非常影响阅读,因为太长了):ToPinYin.txt[记得把后缀改为js]使用方法很简单:var str = pinyin.convertPYs("汉字",true/false);//true表示全拼,f


16
jquery.qrcode二维码插件—源码下载及使用实例

jquery.qrcode插件的下载,及生成二维码的在线实例演示。和大家分享一款非常好用的,jquery里生成二维码的插件:jquery.qrcode一:插件的下载://GitHub地址:https://github.com/jeromeetienne/jquery-qrcode//百度云下载:链接:https://pan.baidu.com/s/1Edz6e74hU62shZBD-cfozQ提取码:fs63//免费CDN


17
jquery里用正则来验证密码,必须包含大小写字母,数字及特殊符号,或最少包含两种

本文和大家分享,在jquery里如何用正则表达式来验证输入的密码必须包含大小写字母,数字,特殊符号,或至少包含其中的两种的方法及完整的在线实例演示。我们在web开发中,经常会用到正则来验证用户所输入和提交的内容,所以站长也会经常收集和整理一些好用的正则表达式,记录和整理本来就是学习过程中的一部分,今天在网上看到有人在询问一个正则,就自己写了一下,拿出来与大家分享。一:要求用正则来验证用户输入的密码,至少包含大小字字母,数字和特殊符号中两种,简单的说,就是验证用户输入的密码不能太简单。乍一想,这种正则好像


18
jquery里把form表单数据转为json的两种方法及在线实例

本文讲的是在jquery里,把form表单数据转换为JSON格式数据的两种方法,并且有完整的在线实例演示。本文站长和大家分享两种可以把form表单的数据转换为JSON格式的数据的方法:假设,我们有这样一个form表单: select1select2checkbox1checkbox2checkbox3 radio1radion2radio3获取JSON下面来看,如何把上面的表单的数据转换成JSON:方法一:jquery里自带的serializeArray()


19
js和jquery里把json转为字符串的三种方法及在线实例演示

本文总结了在js和jquery里,把json转换为字符串的三种方法,并且附带有完整的实例及在线演示。以前站长写过一篇《jquery里把字符串转为json对象的四种方法,及每种方法的优缺点》,今天站长再来总结和整理一下如何把json转为字符串:假设,我们有这样一个JSON数据:varjson={a:"aaa",b:"bbb",c:["c1","c2"]};json.d="


20
js或jquery里可以用来格式化显示文件大小和时间的两个函数

本文分享了两个js或jquery里常用的两个函数,可以用来格式化显示文件的大小或时间的函数。站长收藏和经常使用的两个工具函数,可以用来格式化显示文件的大小或者时间的函数,这里分享给大家:1.格式化文件大小的函数:functionFormatSize(bytes){varsizes=['Bytes','KB','MB','GB','TB'];if(bytes==0)ret


21
localResizeIMG—lrz本地图片压缩裁剪插件

本文主要提供localResizeIMG插件的下载,使用和实例,localResizeIMG是一款非常流行的本地图片压缩插件,使用起来也非常的简单。本文站长给大家提供一个非常知名和流行的本地图片压缩插件:localResizeIMG,简称lrz。本文的最后会有完整的在线实例演示地址!一:localResizeIMG(lrz)插件的获取和下载://可以通过下面的链接获取到源文件https://github.com/think2011/localResizeIMG//也可以通过下面的站长提供的百度云来下载:


22
js或jquery里用正则清除连续重复的字符串和不连续重复的字符串

在js或jquery里,用正则清除字符串变量里,连续重复或不连续重复的字符串的方法。站长以前写过一篇关于正则里“重复”的文字,写的非常详细,大家可以先看下:正则表达式匹配重复的字符串[超详细]附完整实例本文,站长来说下如何用正则来去除重复的字符串,包括连续重复和不连续的重复。先说连续重复的字符串,比如aa11bbcc22dd,这就属于连续重复,我们要把这种连续重复的字符串清除,只保留一个,方法是非常简单的:varstr="aa11


23
Html5里的file对象的相关属性,和获取file对象的两种方法

本文主要讲的是html5里获取file对象的两种方法和file对象的相关属性说明。在HTML5之前,在web前端是获取不到文件的相关信息的,比如我们最常见的图片上传前的预览功能,纯前端是实现不了的,但HTML5就能实现,所依靠的就是HTML5里的file对象。获取file对象有两种方法:第一种:表单里的file上传控件://加上multiple表示可多选$("#file").on("change",


24
html5拖拽时,event的DataTransfer对象的详细说明

本文讲的是HTML5拖拽相关的DataTransfer对象的详细属性。在使用HTML5的拖拽功能时,在获取拖拽的文件的相关信息时,要用到event对象的DataTransfer,下面站长来整理一下DataTransfer的相关属性和方法:1.dataTransfer.dropEffect :设置或返回拖放目标上允许发生的拖放行为。如果此处设置的拖放行为不再effectAllowed属性设置的多种拖放行为之内,拖放操作将会失败。