javascript
wangqiuchen_Study
这个作者很懒,什么都没留下…
展开
-
响应式font-size计算
7.5:设计稿尺寸处以100css中的样式:(设计稿中的数值/100),单位:remdocument.ready=function(){ var html = document.documentElement; var windowWidth = html.clientWidth; html.style.fontSize = windowWidth...原创 2019-01-15 17:28:00 · 662 阅读 · 0 评论 -
jQuery的deferred对象详解
jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本。 每个版本都会引入一些新功能。今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能—-转载 2017-03-27 11:47:36 · 545 阅读 · 0 评论 -
jsonp其实很简单【ajax跨域请求】
<div>前两天被问到ajax跨域如何解决,还真被问住了,光知道有个什么jsonp,迷迷糊糊的没有说上来。抱着有问题必须解决的态度,我看了许多资料,原来如此。。。为何一直知道jsonp,但一直迷迷糊糊的不明白呢?——网上那些介绍资料都写的太复杂了!我是能多简单就多简单,争取让你十分钟看完!1. 同源策略ajax之所以需要“跨域”,罪魁祸首就是浏览器的同源策略。即,一个页面的ajax只能获取这个页面转载 2017-03-27 11:44:19 · 325 阅读 · 0 评论 -
深入浅出 妙用Javascript中apply、call、bind
这篇文章实在是很难下笔,因为网上相关文章不胜枚举。巧合的是前些天看到阮老师的一篇文章的一句话:“对我来说,博客首先是一种知识管理工具,其次才是传播工具。我的技术文章,主要用来整理我还不懂的知识。我只写那些我还没有完全掌握的东西,那些我精通的东西,往往没有动力写。炫耀从来不是我的动机,好奇才是。”对于这句话,不能赞同更多,也让我下决心好好写这篇,网上文章虽多,大多复制粘贴,且晦涩难懂,我希望能够转载 2017-03-24 14:31:07 · 312 阅读 · 0 评论 -
方便实用的Jquery Cycle特效实例
第一步:老样的先写入Html结构,图片数量不限,这里写的是3个。class="pics"> div class="pics"> img src="images/beach1.jpg" width="200" height="200" /> img src="images/beach2.jpg" width="200" height="200" />原创 2017-03-10 10:18:09 · 504 阅读 · 0 评论 -
图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别
通过 3 张图和 1 张表格,轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。一、测试代码如下:> html lang="zh-cn"> head> meta charset="utf-8" /> title>Javascripttitle>转载 2017-03-09 16:45:22 · 483 阅读 · 0 评论 -
swiper3.4 IE8兼容性问题
swiper3.4在IE8下面会报错,换成idangerous.swiper-2.1.min.js就好了,资源已上传!!!原创 2017-01-06 17:11:59 · 13920 阅读 · 1 评论 -
swiper移动端左右滑动与连接同时触发解决方案
swiper api中有自己的属性preventClicks可以控制不同时触发,但是经自己测试,只适用于pc端,移动端仍然有问题,以下为自己的实现方式,仅供参考。项目已经放到资源,下载可以看。var startY,startX,endX,endY;var mySwiper = new Swiper('.swiper-container',{ preventClicks : tr原创 2017-01-05 16:06:09 · 5661 阅读 · 0 评论 -
jquery实现移动端抢红包功能
下面是效果,打包在资源里,可以下载后直接看效果原创 2017-01-05 15:54:14 · 2699 阅读 · 4 评论 -
countdown-min.js使用 倒计时
JS引用:script src="http://js.jrjimg.cn/lib/ui/countdown-min.js">script>JS:new JRJ.ui.CountDown({ '$ele': $('#countdown1'), //默认tpl,由builder重新指定HTML. 'tpl': '剩余{{hour}}小时{{min}}原创 2016-09-26 10:50:19 · 1039 阅读 · 0 评论 -
TabSwitch-min.js使用 标签切换
引用jsscript src="http://js.jrjimg.cn/lib/ui/TabSwitch-min.js">script>js中var tabParamzht = { menuPre: "menu_",//标签按钮id前缀 conPre: "cont_",//容器id前缀 total: 2,//标签总数 onClass: "hove原创 2016-09-26 10:43:43 · 1212 阅读 · 0 评论 -
图片轮播
图片轮播功能原创 2016-08-18 17:03:56 · 385 阅读 · 0 评论 -
JS代码判断IE6,IE7,IE8,IE9
JS代码判断IE6,IE7,IE8,IE9 下面是检测Microsoft Internet Explorer版本的三种代码! 有一种代码: var browser=navigator.appName var b_version=navigator.appVersion var version=b_version.split(";"); var trim_Version=原创 2016-04-28 09:51:00 · 1805 阅读 · 0 评论 -
图片轮播2
script src="http://js.jrjimg.cn/lib/jquery-1.7.min.js">script>script src="http://js.jrjimg.cn/lib/ui/focuspic-min.js">script>--在资源中样式/*焦点图*/.focusimg a,.focusimg a:hover{color:#000;text-decoration原创 2017-04-14 10:59:50 · 426 阅读 · 0 评论 -
JavaScript单元测试框架JsUnit基本介绍和使用
XUnit framework XUnit是一套标准化的独立于语言的概念和结构集合,用于编写和运行单元测试(Unit tests). 每一个语言都有一个用于单元测试的XUnit框架,比如Java有JUnit, C++有CppUnit, PHP有PHPUnit, Oracle SQL有UTPL/SQL. JsUnit JsUnit的官网: http://jsunit.net/ Js转载 2017-05-15 10:30:54 · 450 阅读 · 0 评论 -
css3动画 安卓卡顿解决方案
公司有个H5项目,采用 的CSS3动画制作。IOS播放流畅。但是 安卓卡成翔;下面附上解决办法:开启硬件加速。。。在webkit中有神奇效果:opacity: 1;或者-webkit-backface-visibility: hidden;*{-webkit-backface-visibility: hidden;}原创 2018-01-30 13:30:42 · 2546 阅读 · 0 评论 -
js操作select
select获取选中值 第一种方式$('#testSelectoption:selected').text();//选中的文本$('#testSelect option:selected').val();//选中的值$("#testSelect").get(0).selectedIndex;//索引 第二种方式$("#tesetSelect").find("option:selected原创 2014-04-30 09:54:41 · 673 阅读 · 0 评论 -
数字翻页
1. js 红字js已经上传到资源库中jquery.dataStatistics.js" type="text/javascript"> $(document).ready(function(){ var moneyList = $("#moneyList").val(); moneyList = moneyList.replace(/[,]/g,"").repla原创 2018-01-24 15:22:08 · 658 阅读 · 0 评论 -
https访问方式的微信分享
此处只说明与http访问不同的地方,其他获取appId、timestamp、nonceStr 、signature方式相同1.html直接搜索红字的js就可以下载jweixin-1.2.0.js">wxConfig.js?v=${version!}">2.js wxConfig.js内容 注意:1. desc中不能现金,或原创 2018-01-24 11:16:22 · 5339 阅读 · 2 评论 -
微信分享到朋友圈、发送给朋友开发注意事项
1、invalid url domain当前页面所在域名与使用的appid没有绑定,请确认正确填写绑定的域名,如果使用了端口号,则配置的绑定域名也要加上端口号(一个appid可以绑定三个有效域名,见目录1.1.1)。2、invalid signature签名错误。建议按如下顺序检查:确认签名算法正确,可用http://mp.weixin.qq.com/debug/cgi-bin/sandbox?原创 2018-01-04 16:18:17 · 4896 阅读 · 2 评论 -
js 实现点击图片放大
http://demo.lanrenzhijia.com/2014/pic0801/转载 2017-12-27 15:07:08 · 2609 阅读 · 0 评论 -
去除ios移动端alert/confirm的网址(url)
<div class="article_bar clearfix"> <div class="artical_tag"> <span class="original">转载</span> <span class="time">2016年04月21日 19:55:12</span> </di转载 2017-10-16 15:37:10 · 484 阅读 · 0 评论 -
ajax提交
var dataJson={}; dataJson.id = id; dataJson.personal_address = personal_address; dataJson.personal_description = personal_description; dataJson.work_description = work_description; dataJson原创 2017-10-24 17:05:29 · 295 阅读 · 0 评论 -
保留小数,四舍五入
function decimal(num,v){var vv = Math.pow(10,v);return Math.round(num*vv)/vv;} alert(decimal(12.335,2));原创 2017-09-27 16:42:50 · 422 阅读 · 0 评论 -
jquery构建json字符串
var dataJson={}; dataJson.id = id; dataJson.final_transaction = final_transaction; dataJson.rows =[]; for(var i in business_status){ var obj={}; obj.business_status = business_statu原创 2017-09-14 15:43:04 · 717 阅读 · 0 评论 -
解决iscroll.js上拉下拉刷新手指划出屏幕页面无法回弹问题
博客已迁移至http://zlwis.me。使用过iscroll.js的上拉下拉刷新效果的朋友应该都碰到过这个问题:在iOS的浏览器中,上拉或下拉刷新时,当手指划出屏幕后,页面无法弹回。很多人因为解决不了这个问题,干脆就那样不解决了,还有的直接就不用HTML了,使用原生代替HTML页面。相信很多朋友也有自己的解决办法,只是没写出来,所以网上都搜不到解决方案。在很多QQ群里面也有很多人在问该怎么解转载 2017-05-10 13:32:44 · 777 阅读 · 0 评论 -
JsUnit工具应用
为什么要用JsUnit,因为项目不是WEB项目,JS代码无法用网页测试,同样无法通过alert测试,所以采用JsUnit来测试编写的JS代码。准备工作:下载JsUnit相关资源:www.jsunit.net 解压后如下图:JsUnit的核心文件(jsUnitCore.js、jsUnitTestManager.js等 )都在app文件夹中,testRunner.html是用来JS测试图形化页面,你不转载 2017-05-15 10:31:58 · 451 阅读 · 0 评论 -
修改select样式
//下拉列表var sel = document.getElementsByTagName("select") ; for (i = 0, j = sel.length; i j; i++) { sel[i].addEventListener("change",function(){ this.previousSibling.textContent = $(thi原创 2016-03-29 11:40:56 · 425 阅读 · 0 评论 -
js实现文字左右滚动
html span class="jrj-red-b ml5">最新要闻:span>div class="jrj-fr" style="width: 760px;position: relative;">div id="scgl_s1_scroll" style="overflow: hidden; width: 650px;white-space: nowrap;float: rig原创 2016-04-13 11:48:26 · 3249 阅读 · 0 评论 -
js 倒计时
//拍品JSvar U2PublishDataJS = { CurrentUserId: 0, PageSize: 5, CurrentPageIndex: 1, DisplayPageIndexLimit: 2, IsFilter: true, interval: [], //存放注原创 2015-11-05 16:25:17 · 428 阅读 · 0 评论 -
Js闭包
闭包就是为了读取方法中的内部变量的。F2()就是f1()的闭包,在外部读取f1()的内部变量Function f1(){ Var n = 999;Function f2(){ Alert(n);}Return f2;} Var result = f1(); //999原创 2014-04-29 12:18:25 · 376 阅读 · 0 评论 -
js 限制用户只输入数字
onkeypress="return typeOnlyDigital(event)//限制用户只输入数字 function typeOnlyDigital(event) { var charCode = (typeof event.which == 'numb翻译 2014-04-29 12:35:57 · 517 阅读 · 0 评论 -
Js中的string.format(),string.substring(start,end),string.substr(start,length)
string。 var template1="我是{0},今年{1}了"; var template2="我是{name},今年{age}了"; var result1=template1.format("loogn",22); var result2=template2.format({name:"loogn",age:22});原创 2014-04-29 12:33:58 · 795 阅读 · 0 评论 -
Js操作input的radio
Js设置radio的input选中document.getElementById("rad_Chart").checked= true;JS获取radio的input是否选中原创 2014-04-29 22:47:55 · 873 阅读 · 0 评论 -
js删除table第0行以后的tr
$("#tb_Select tr:gt(0)").remove()原创 2014-04-29 22:45:10 · 471 阅读 · 0 评论 -
onmouseenter,onmouseleave与onmouseover,onmouseout
Onmouseenter:如果父页面也有此事件不会触发。Onmouseover:如果父页面也有此事件会触发。翻译 2014-04-29 22:43:28 · 510 阅读 · 0 评论 -
js定义数组,定义对象,new对象
chartObj.series = [];//定义数组var serie = {}定义对象;注:js中定义的对象可以动态的添加属性如:serie.field=”xmbh”;或serie.data =[]原创 2014-04-29 22:47:38 · 1291 阅读 · 0 评论 -
js数组去重(非冒泡)
//检索重复的行数function check(receiveArray, checkItem) { var index = -1; // 函数返回值用于布尔判断 for (var i = 0;i if(receiveArray[i] == checkItem) { index =i;原创 2014-04-29 22:47:17 · 558 阅读 · 0 评论 -
打开窗口居中
//获得窗口的垂直位置iTop = (window.screen.availHeight - 30 -m_height.substring(0, m_height.length-2)) / 2;//获得窗口的水平位置iLeft = (window.screen.availWidth - 10 -m_width.substring(0, m_height.length -2)) / 2;翻译 2014-04-29 22:42:55 · 451 阅读 · 0 评论 -
js中四舍五入
var page = 0; if (PageCount % m_queryConditoin.PageSize == 0) { page = PageCount /m_queryConditoin.PageSize; } else { page = PageCount /m_queryConditoin.PageSize +原创 2014-04-29 13:54:20 · 587 阅读 · 0 评论