JavaScript + JQuery
文章平均质量分 62
Rkatsiteli
一个人的快乐,不是因为他拥有的多,而是计较的少!
展开
-
H5 处理服务器返回的 excel 二进制流
当服务器计算excel ,返回数据超级慢的情况下,需要加入 loadding 显示,采用 xhr.responseType = 'arraybuffer' 设置类型,进行 发送请求,回调回来的数据为 二进制流,设置 window.navigator.msSaveOrOpenBlob 支持 ie10+,搜狗浏览器兼容模式场景!H5 处理服务器返回的 excel 二进制流加入 loadding...原创 2018-07-16 15:33:30 · 1331 阅读 · 2 评论 -
JavaScript 项目实战工具类
自己封装的一些项目工具类,留着以后难免会用到!1、通过参数名获取URL传递的参数值GetQueryString:function(name){//通过参数名获取URL传递的参数值var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");var r = window.location.search.substr(1).match(reg原创 2016-04-11 20:28:45 · 2472 阅读 · 1 评论 -
js 如何将汉字转换成拼音
js 如何将汉字转换成拼音有多种方法,你可以使用插件,pinyin.js,访问地址:请移步 pinyin.js链接下面介绍下我实现的几个方法:demo1:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> textare原创 2016-08-01 14:04:47 · 6455 阅读 · 0 评论 -
js 获取浏览器版本信息(全)
js 获取浏览器版本信息(全)觉得挺不错的,所以就收藏起来<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <he转载 2016-06-23 19:56:18 · 36671 阅读 · 5 评论 -
JS 本地图片预览
JS 本地图片预览效果附上: 代码附上:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>图片上传本地预览</title> <style type="text/css"> #preview {width: 260px;height: 190px;bor转载 2016-07-06 18:28:57 · 657 阅读 · 0 评论 -
js 生成二维码实例
效果图附上:代码附上:qrcode.js/*from tccdn minify at 2014-6-4 14:59:43,file:/cn/c/c/qrcode.js*//** * @fileoverview * - Using the 'QRCode for Javascript library' * - Fixed dataset of 'QRCode for Javascript li转载 2016-07-27 16:36:13 · 1902 阅读 · 0 评论 -
JS代码如何不被别人看到?
JS代码如何不被别人看到 js方法禁止查看源文件、防止复制、禁止右键、总结 1、锁定右键将网页中的换为如下代码即可:<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.em转载 2016-07-17 15:48:25 · 13364 阅读 · 0 评论 -
JS 检测是否联网
JS 检测是否联网解决方案1: //检测是否联网,支持离线检测的浏览器有IE6+(只支持navigator.onLine属性)、Firefox3、Safari4、Opera 10.6、Chrome、iOS 3.2版Safari和Android版WebKit。 if (navigator.onLine) { console.l转载 2016-06-20 10:26:52 · 8029 阅读 · 0 评论 -
JS 调取摄像头
JS 调取摄像头截止目前(2016-06-23)为止,js 调取摄像头实现视频聊天,部分浏览器还是不怎么支持的。示例1 :代码附上:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <meta name="viewport" content="width=原创 2016-06-23 15:06:02 · 55920 阅读 · 16 评论 -
JS 禁用移动流量球、禁用iframe嵌入
JS 禁用移动流量球、禁用iframe嵌入 情况1: native 与h5 交互 使用WebViewJavascriptBridge,此时,在native 会在打开你的网页的时候,嵌入一个iframe,来跟你交互。具体交互,请移步:http://blog.csdn.net/qq_16559905/article/details/50623069 情况2: h5网页在浏览器打开的时候,有个移动原创 2016-06-28 15:08:32 · 2006 阅读 · 0 评论 -
点赞+1 效果
见图案代码附上:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no"> <title></title> </hea原创 2016-08-09 16:27:43 · 7473 阅读 · 0 评论 -
模拟mui框架编码
//调用方法/*1、tm.os.ios/tm.os.android/tm.os.versions().webKit //表示安卓设备/ios设备/webKit内核*/var tm = (function(document) { "use strict"; var readyRE = /complete|loaded|interactive/, //complete 可返回浏览器是原创 2016-09-06 13:37:34 · 744 阅读 · 0 评论 -
动态调试JS脚本文件:(JS源映射 - sourceURL)与 debugger
问题描述:当你以动态的方式加载 JS 文件的时候(就是动态加载JS脚本),你就会发现,调试这个加载后的动态JS太过于费劲了,很难调试,那么,以下方案帮你搞定!解决方式1:sourceURL(源映射)—> //@ sourceURL=b.js 关键代码: //@ sourceURL=b.js (要调试当前文件的全名)PS:@符号和 sourceURL间必须有空格,否则达不到效果。例如:转载 2017-10-25 21:06:06 · 9374 阅读 · 3 评论 -
JS 实现复制粘贴功能
JS 实现复制粘贴功能目前没有做过多的测试,只是测试了几个手机,介绍:支持情况(1)移动端:chrome(版本 58.0.3029.96 (64-bit))、猎豹(V6.0.114.14559)、QQ浏览器(Chromium53.022785.104 \ IE11.0.9600.18665)、火狐(版本 53.02)(2)App端苹果6(版本:10.3.1)、华为 (版本:6.0.1)原创 2017-05-24 16:11:27 · 26652 阅读 · 7 评论 -
JS Base64 3Des加密解密(荐)
首先,下载Des.js文件/* Paul Tero, July 2001 http://www.tero.co.uk/des/ Optimised for performance with large blocks by Michael Hayworth, November 2001 http://www.netdealing.com THIS SOFTWARE原创 2016-04-14 18:55:09 · 3930 阅读 · 2 评论 -
iScroll上拉加载下拉刷新 -> 遇到的问题
上拉加载下拉刷新,在网上找的大部分代码都能用点,但是感觉不是特别的友好,总是有点缺陷,都得需要自己修改,缺陷比如:(1)这种 (2)这种其实,修改几处地方即可,截图附上:即可!所有代码在这里:这里写链接内容原创 2016-12-12 18:39:13 · 938 阅读 · 0 评论 -
iScroll click事件触发两次的解决方案
iScroll呢其实是截获了点击浏览器时的touchstart和touchend事件。在touchend的时候使用js去触发元素的onclick事件(_end这个函数)。而在实际操作中,先执行了touchend,然后再执行了一次onclick的相关函数。这样就形成了头疼的一次点击两次触发!网上有很多代码说解决“iScroll click事件”点击一次触发两次,我也是按着各位大神的步骤写的,但是依旧原创 2016-11-24 20:07:54 · 6243 阅读 · 7 评论 -
animate is not a function(zepto 使用报错)
animate is not a function(zepto 使用报错)为什么使用zepto写animate报错?因为zepto默认构建包含: Core, Ajax, Event, Form, IE几个模块,要使用animate需要再引用fx模块。下面附上 fx模块的链接:fx或者:zepto.fx.js 引入这个js即可!/** * Zepto.fx.js * * 这个功能是Zepto原创 2016-11-09 11:26:34 · 11337 阅读 · 3 评论 -
JS Cookie存取值 和 域(domain)
JS Cookie存取值代码附上: <script type="text/javascript"> //Cookie取值 function readCookie (name) { var cookieValue = ""; var search = name + "="; if (document.cookie.length原创 2016-03-17 18:49:45 · 36973 阅读 · 0 评论 -
模拟 react 框架编码
前端 React 源码,真是无语,不得不说FaceBook写的就是牛逼,JS的逻辑特别的清晰,耦合性特别的强。感觉 React 不错,所以就看了看源码,没事儿就模拟了下,代码附上:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta content="width=device-width,initi原创 2016-05-18 18:17:33 · 934 阅读 · 0 评论 -
模拟Quintus引擎框架编码
最近看了Quintus引擎,感觉他的JS 架构做的不错,所以就自己模拟了一套。其实,效果的话,没有效果,比较枯燥,但是他的JS de 格式写的着实不错,继承,重写一一用到,接下来看代码:示例1:创建index.html文件<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta content="wid原创 2016-05-18 15:51:38 · 666 阅读 · 0 评论 -
JS、Jquery父子节点总结(转)
1、JS的父子节点del_ff(s); //清理空格var chils= s.childNodes; //得到s的全部子节点var par=s.parentNode; //得到s的父节点var ns=s.nextSbiling; //获得s的下一个兄弟节点var ps=s.previousSbiling; //得到s的上一个兄弟节点var f转载 2016-04-18 20:12:48 · 4982 阅读 · 0 评论 -
浅谈 script 加载
浅谈 script 属性有人说<script>标签加载到页面头部比较好,有的说尾部比较好,其实,<script>标签加载到html页面里边,都因人而异,只是写法不同而已。设置script标签的属性: 1、在页面底部加载。 2、<script src="js/require.js" defer async="true" ></script> async属性表面这个文件需要异步加载,避免网页原创 2016-04-07 13:32:11 · 373 阅读 · 0 评论 -
JS解析XML--实现省市县级联
JS解析省市区级联XML文件代码附上://1.开始读取xml文件var xmlDoc = checkXMLDocObj('../js/font/province_data.xml');//读取到xml文件中的数据//2. 首先对xml对象进行判断function checkXMLDocObj(xmlFile) { var xmlDoc = loadXML(xmlFile); i原创 2016-03-16 19:51:21 · 5081 阅读 · 0 评论 -
JQuery选择器收藏
Query.All("name", "a", "b");//通过多个元素来匹配数组Query.And(Query.EQ("name", "a"), Query.EQ("title", "t"));//同时满足多个条件Query.EQ("name", "a");//等于Query.Exists("type", true);//判断键值是否存在Query.GT("value", 2);//大于>转载 2016-03-31 18:37:17 · 578 阅读 · 0 评论 -
JS Date日期排序
JS Date日期排序<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv=转载 2016-03-18 17:08:17 · 5075 阅读 · 0 评论 -
JS Date函数处理
JS Date 对象用于处理日期和时间创建 Date 对象的语法:var myDate=new Date()Date 对象会自动把当前日期和时间保存为其初始值。参数形式有以下5种: new Date("month dd,yyyy hh:mm:ss");new Date("month dd,yyyy");new Date(yyyy,mth,dd,hh,mm,ss);new Date(yy转载 2016-03-18 17:04:11 · 523 阅读 · 0 评论 -
图片转Base64位
图片转Base64位 FileReader<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head>转载 2016-03-17 19:47:59 · 369 阅读 · 0 评论 -
通过Js来获取所有屏幕分辨率的总结
通过Js来获取所有屏幕分辨率的总结原创 2016-01-07 10:00:11 · 10704 阅读 · 0 评论 -
JS动态加载数据绑定事件--delegate() 方法
JS动态加载数据绑定事件-委托delegate() 方法W3C规范定义定义和用法delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。JavaScript动态加载的数据,同时给他加载绑定事件,我选用Jquwey中的 delegate()原创 2016-03-09 18:32:35 · 6210 阅读 · 0 评论 -
浅谈ES6 let命令
(1)let命令理解(a)基本用法介绍 ES6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。 自己的理解,let跟 var 变量声明,不同的是,let不会导致变量提升,而var会,这也就是let的好处(ES6个人觉得底层就是使用闭包封装的)。例如:var a = [];for (var i = 0; i < 10; i++)原创 2016-04-13 15:46:38 · 475 阅读 · 0 评论 -
浅谈JavaScript如何运行中断或停止
在js运行过程中,在某些情况下想中断程序的运行,在网上查过,没有找到有这样的函数。一般情况下,大多数都是用return代替的。 因为js脚本很多都是基于函数的运行,return的作用是中断函数的执行,提前退出该函数。所以在执行某个函数内部的时候可以通过返回return来退出js执行。 在没有引用任何JS的前提下,也没有在window.onload中,如何不在函数中,中断JS执行?原创 2016-04-08 18:20:17 · 51059 阅读 · 2 评论 -
JS 清除浏览器缓存(转)
关于浏览器缓存 浏览器缓存,有时候我们需要他,因为他可以提高网站性能和浏览器速度,提高网站性能。但是有时候我们又不得不清除缓存,因为缓存可能误事,出现一些错误的数据。像股票类网站实时更新等,这样的网站是不要缓存的,像有的网站很少更新,有缓存还是比较好的。今天主要介绍清除缓存的几种方法。 清理网站缓存的几种方法1. meta方法//不缓存<META HTTP-EQUIV="pragm转载 2016-04-21 10:55:08 · 1190 阅读 · 0 评论 -
window.onload 、$(function()function())、;(function(){}());的执行顺序(初)
window.onload 、$(function()function())、;(function(){}());三个的执行顺序: ;(function(){}()); > $(function()function()) > window.onload<!DOCTYPE html><html> <head> <meta charset="UTF-8">原创 2016-04-29 17:44:14 · 5661 阅读 · 0 评论 -
调整合适的画布尺寸(游戏)
处理尺寸调整<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"> <title>处理尺原创 2016-05-03 14:38:06 · 1880 阅读 · 0 评论 -
JQuery绑定事件与移除事件、动画
绑定事件:bind、on、live、delegate、keyup(); 触发事件:trigger(‘keyup’)、keyup(); 解绑事件:unbind、off、die、undelegate。 事件绑定:bind 一、绑定事件 JQuery绑定事件,除 bing() 方法之外,还有 on()、live()、one() 等 事件的绑定方法。 绑定事件分类:(a) 绑定单个事件$原创 2016-04-17 16:17:06 · 3501 阅读 · 0 评论 -
浏览器使用WebSocket实时通讯
如果你要有一个支持 WebSocket的服务器(Java、Php等),可以在浏览器中使用一个新的WebSocket服务协议,来打开一个链接:var socket = new WebSocket("ws://172.0.0.1:8080/SpringWebSocketPush/websck"); 与http://这一URL 前缀等价的WebSocket 前缀 是 ws:// ,安全 WebSocke原创 2016-04-29 19:07:53 · 15442 阅读 · 1 评论 -
JQuery基础
一、JQuery的用途。访问和操作Dom元素。控制页面样式。 对页面事件的处理。方便的使用JQuery的插件。与Axax技术的完美结合。 二、JQuery的优势。轻量级。强大的选择器。出色的DOM封装。可靠的事件处理机制。出色的浏览器兼容性。隐式迭代。丰富的插件支持。 三、Window.onload 与 $(document).ready()的对比。 Tables W原创 2016-04-17 11:06:56 · 386 阅读 · 0 评论 -
JS 字符串截取
1、charAt()charAt() 方法可返回指定位置的字符。<script type="text/javascript"> var str="Hello world!"; document.write(str.charAt(1);</script>2、获取字符串中所有数字。<!DOCTYPE html><html> <head> <meta charset=原创 2016-04-27 18:52:58 · 736 阅读 · 0 评论 -
call() 跟 apply()使用(转)
一、方法的定义 call方法:语法:call(thisObj,Object)定义:调用一个对象的一个方法,以另一个对象替换当前对象。说明:call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。 apply方法: 语法:app转载 2016-05-10 17:06:43 · 330 阅读 · 0 评论