ngtwewy

方法一:正则分析法 function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; }调用方法: alert(GetQueryString("参数名1"));alert(GetQueryString("参数名2")); alert(GetQueryStr

2016-09-20    JavaScript    277
ngtwewy

今天在做前台页面的时候,应用了两个网上找到的JS效果,其中一个效果不起作用,FF下也没有报错,运用排除法发现是window.onload = function(){...}重复造成冲突,Google了一下,遇到这个问题的人还不少,通过查找资料和自己的实践验证,提供思路如下:比如在一个页面中有两个JavaScript 分别都用到了window.onload一个是:window.onload=function(a){...},另一个是:window.onload=function(b){...}这样就造成了一个JavaScript 运行不了(一般是前一个)。写成这样就可以了window.onloa

2016-09-11    JavaScript    309
ngtwewy

下面的代码使用了两种方式删除数组的元素,第一种定义一个单独的函数,第二种为Array对象定义了一个removeByValue的方法,调用非常简单定义函数removeByValue进行元素删除function removeByValue(arr, val) { for(var i=0; i为数组对象增加相应的的方法,调用就变得更加简单了,直接调用数组的removeByValue方法即可删除指定元素Array.prototype.removeByValue = function(val) { for(var i=0; i

2016-09-08    JavaScript    301
ngtwewy

JavaScript的Array可以包含任意数据类型,并通过索引来访问每个元素。要取得Array的长度,直接访问length属性:var arr = [1, 2, 3.14, 'Hello', null, true]; arr.length; // 6请注意,直接给Array的length赋一个新的值会导致Array大小的变化:var arr = [1, 2, 3]; arr.length; // 3 arr.length = 6; arr; // arr变为[1, 2, 3, undefined, undefined, undefined] arr.le

2016-09-08    JavaScript    275
ngtwewy

要计算1+2+3,我们可以直接写表达式:1 + 2 + 3; // 6要计算1+2+3+...+10,勉强也能写出来。但是,要计算1+2+3+...+10000,直接写表达式就不可能了。为了让计算机能计算成千上万次的重复运算,我们就需要循环语句。JavaScript的循环有两种,一种是for循环,通过初始条件、结束条件和递增条件来循环执行语句块:var x = 0; var i; for (i=1; i让我们来分析一下for循环的控制条件:i=1 这是初始条件,将变量i置为1;ii++ 这是每次循环后的递增条件,由于每次循环后变量i都会加1,因此它终将在若干次循环后不满足判断条件i

2016-09-08    JavaScript    284
ngtwewy

js的touch事件,一般用于移动端的触屏滑动代码如下:$(function(){document.addEventListener("touchmove", _touch, false);}) function _touch(event){alert(1);}touchstart:当手指触摸屏幕时触发;即使已经有一个手指放在了屏幕上也会触发。touchmove:当手指在屏幕上滑动时连续的触发。在这个事件发生期间,调用preventDefault()可阻止滚动。touchend:当手指从屏幕上移开时触发。touchcancel:当系统停止跟踪触摸时触发。关于此事件的确切触发事件,文档中没有明确

2016-09-08    JavaScript    304
ngtwewy

主要分四个部分第一部分:浏览器的按键事件第二部分:兼容浏览器第三部分:代码实现和优化第四部分:总结第一部分:浏览器的按键事件用 js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown、 onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件,依次是keydown,keypress,然后是按键释放时 候的keyup。在这3种事件类型中,keydown和keyup比较底层,而keypress比较高级。这里所谓的高级是指,当用户 按下shift + 1时,keypress是对这个按键

2016-09-07    JavaScript    302
ngtwewy

方法一:test var timer; function testdown() { timer = setTimeout(function(){ $("#ttt").html("hahahahaha"); }, 1000); } function testup(){ clearTimeout(timer); } 方法二:out /*设置一个长按的计时器,如果点击这个图层超过2秒则触发,mydiv里面的文字从out变in的动作*/ var

2016-09-07    JavaScript    311
ngtwewy

JqueryMobile的select menus赋值后显示问题。最近使用JqueryMobile框架做了一个应用,中间发现一个小小的问题。从数据库读取出来的数据绑定到select menus到时候文本并不是现实的绑定的值,而是第一个选项,在默认值的后面多了一个对号。$("#select-choice-1").val(“值”);也就是给select menus赋值的时候,显示在文本上的并不是所赋的值,而是第一个值。说白了,就是select使用了data-native-menu="false",select的值修改了, 而jquery mobile的样式没有更新.解决方法, 在对select的值

2016-09-07    JavaScript    285
ngtwewy

Mobiscroll $(function(){ var opt = { preset: 'date', //日期 theme: 'sense-ui', //皮肤样式 display: 'modal', //显示方式 mode: 'scroller

2016-09-07    JavaScript    301
ngtwewy

给header和footer添加 data-position="fixed" 和 data-tap-toggle="false"即可,代码如下: 门店详情 备忘登记 退货 换货

2016-09-07    JavaScript    282
ngtwewy

结论:对于数字、字符串等是将它们的值传递给了函数参数,函数参数的改变不会影响函数外部的变量。对于数组和对象等是将对象(数组)的变量的值传递给了函数参数,这个变量保存的指向对象(数组)的地址。当函数改变这个地址指向的对象(数组)的内容时,同时也改变了函数外部变量指向的对象(数组)的内容;当函数改变的是变量的地址时,实际就与函数外部的变量失去了联系,变成了完全不同的对象了,不会对函数外部对象造成改变。很多人认为 JS 中参数有两种传递方式:数字、字符串等按值传递;数组、对象等按地址(引用)传递。其实都是一种值传递。下面的例子很好的说明了这一点。var v1 = [] var v2 = {};

2016-09-07    JavaScript    271
ngtwewy

让我们先考虑下面这情况:var a = [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]; var b = [ "foo", "bar", "baz", "bam", "bun", "fun" ];很显然最简单的结合结果应该是:[ 1, 2, 3, 4, 5, 6, 7, 8, 9, "foo", "bar", "baz", "bam" "bun", "fun" ]concat(..)这是最常见的做法:var c = a.concat( b ); a; // [1,2,3,4,5,6,7,8,9] b; // ["foo","bar","baz","b

2016-09-07    JavaScript    307
ngtwewy

parse用于从一个字符串中解析出json对象,如var str = '{"name":"huangxiaojian","age":"23"}'结果:JSON.parse(str)Objectage: "23"name: "huangxiaojian"__proto__: Object注意:单引号写在{}外,每个属性名都必须用双引号,否则会抛出异常。stringify()用于从一个对象解析出字符串,如var a = {a:1,b:2}结果:JSON.stringify(a)"{"a":1,"b":2}"

2016-09-06    JavaScript    309
ngtwewy

querySelector 和 querySelectorAll 方法是 W3C Selectors API 规范中定义的。他们的作用是根据 CSS 选择器规范,便捷定位文档中指定元素。目前几乎主流浏览器均支持了他们。包括 IE8(含) 以上版本、 Firefox、 Chrome、Safari、Opera。querySelector 和 querySelectorAll 在规范中定义了如下接口:module dom { [Supplemental, NoInterfaceObject] interface NodeSelector { Element querySelector(i

2016-09-06    JavaScript    291
ngtwewy

Web 发展了几十个春秋,风起云涌,千变万化。我很庆幸自己没有完整地经历过这些年头,而是站在前人的肩膀上行走。Web 技术发展的速度让人感觉那几乎不是继承式的迭代,而是一次又一次的变革,一次又一次的创造。这几年的前端,更为之甚!我从 12 年底开始接触前端,12 年之前的前端发展情况只能从上一辈的笔触中领会。本文会盘点从 09 年开始到 15 年间前端技术的革新,同时也会从多个角度,解读近几年前端技术发展的潜在因素,其中穿插了若干对前端演进的拙见,难免会有错误和疏漏,望读者可以补充和斧正。那些年,一度追捧,一度放弃下面,花一些篇幅简单回顾下 09 年到 15 年前端的发展历程(感谢@法海 师兄

2016-09-05    JavaScript    258
ngtwewy

项目地址:https://github.com/oneuijs/You-Dont-Need-jQuery前端发展很快,现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行,直接操作 DOM 不再是好的模式,jQuery 使用场景大大减少。本项目总结了大部分 jQuery API 替代的方法,暂时只支持 IE10+ 以上浏览器。Query Selector常用的 class、id、属性 选择器都可以使用 document.querySelector 或 docum

2016-09-05    JavaScript    309
ngtwewy

function showLoading(msg) { var textonly = "textonly"; var html = ''+msg+''; $.mobile.loading( "show", { text: $.mobile.loader.prototype.options.theme, textVisible: $.mobile.loader.prototype.options.text, theme: 'b',

2016-09-05    JavaScript    307
随机推荐
php执行cli程序
Sublime常用插件
CentOS 7 编译安装 Nginx,Naxsi Waf 和 PHP 手记
Div保持高宽比
macOS如何在终端使用MySQL命令
Audio对象的属性
macOS 系统常用目录
ffmpeg 拼接视频报错,Found duplicated MOOV Atom. Skipped
Parameter 一个轻量的 Node.js 数据验证工具
Linux 目录结构