js
文章平均质量分 62
kaikai4
这个作者很懒,什么都没留下…
展开
-
WINDOW.OPEN()用法详解
myWindow=window.open('','','width=200,height=100') myWindow.document.write("This is 'myWindow'") myWindow.focus() myWindow.opener.document.write("This is the parent window")转载 2017-06-18 11:00:34 · 1068 阅读 · 0 评论 -
js读取解析JSON类型数据
一、什么是JSON?JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式,同时,JSON是 JavaScript 原生格式。非常适合于服务器与 JavaScript 的交互二、为什么使用JSON而不是XML他们都是这样说的: 尽管有许多宣传关于 XML 如何拥有跨平转载 2016-03-02 16:48:43 · 394 阅读 · 0 评论 -
原生js和jquery实现图片轮播特效
http://www.jb51.net/article/64662.htm转载 2016-01-12 09:31:10 · 360 阅读 · 0 评论 -
文字轮播无缝滚动
文字轮播无缝滚动 a{text-decoration:none; color:inherit;} ul{margin:0; padding:0;} ul li{list-style:none;} .scroll-txt{width:350px; height:30px; border:1px solid #ccc; color:#484848; position:relativ转载 2016-01-11 17:12:01 · 643 阅读 · 0 评论 -
移动工作中需要注意的东西
1. 添加到主屏后的标题(IOS)[/b] 2. 启用 WebApp 全屏模式(IOS) 3. 百度禁止转码通过百度手机打开网页时,百度可能会对你的网页进行转码,往你页面贴上它的广告,非常之恶心。不过我们可以通过这个meta标签来禁止它:4. 设置状态栏的背景颜色(IOS)设置状态栏的背景颜色,只有在 "apple-mobile-web-app-c转载 2016-01-11 16:37:09 · 472 阅读 · 0 评论 -
瀑布流小总结
简单总结一下瀑布流的原理:1、先规划好自己的布局,如一个页面有4列图片2、获取这4列图片中最低的一个元素高度3、遍历这4列元素,找出最低的一个元素4、将要添加的图片添加到最低的元素中,将以上几步封装在一个函数里面5、在触发滚动条滚动的时候触发这个函数以此类推... ...简单的瀑布流就完成了! 瀑布流布局 * { margin: 0;转载 2016-01-11 16:29:32 · 299 阅读 · 0 评论 -
tab 点击左侧导航,右侧对应内容上移顶部(动画)
.cp_mid { width: 1210px; margin: 0 auto; position: relative; height: 2000px; overflow: hidden; } .cp_leftnav { width: 200px; height: 60px; line-height: 60px; text-ali转载 2016-01-11 16:23:58 · 1107 阅读 · 0 评论 -
JS类型识别
一、JS中的类型分为以下几种:1、原始(值)类型: 1)Undefined、Null:单分出来的原因是它们没有构造函数。 2) Number、String、Boolean。2、对象(引用)类型: Object、Array、Date、RegExp、自定义对象……二、原始类型与对象类型的区别:栈内存、堆内存 原始类型使用栈内存,变量名对应的存储空间内转载 2016-01-11 16:13:44 · 329 阅读 · 0 评论 -
zepto和jquery的区别,zepto的不同使用8条小结
1. Zepto 对象 不能自定义事件 例如执行: $({}).bind('cust', function(){}); 结果: TypeError: Object has no method 'addEventListener' 解决办法是创建一个脱离文档流的节点作为事件对象: 例如: $('').bind('cust', function(){});转载 2016-01-04 11:34:00 · 520 阅读 · 0 评论 -
识别手机端自动跳转
function is_mobile() { var regex_match = /(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browser|up.link|htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|tec转载 2016-01-04 10:51:40 · 760 阅读 · 0 评论 -
event.preventDefault()
event.preventDefault()方法是用于取消事件的默认行为,但此方法并不被ie支持,在ie下需要用window.event.returnValue = false; 来实现。function stopDefault( e ) { if ( e && e.preventDefault ){ e.preventDefault();} else { wind转载 2015-12-14 15:07:58 · 362 阅读 · 0 评论 -
js继承的实现
js继承有5种实现方式: 1、继承第一种方式:对象冒充 function Parent(username){ this.username = username; this.hello = function(){ alert(this.username); } } function Child(username,pass转载 2015-12-13 10:46:42 · 233 阅读 · 0 评论 -
JS-数组
1)初始化:var aArr = new Array();var aArr2 = new Array(20);var aArr3 = new Array("a","b","c");var aArr4 = ["a","b","c"];它不象JAVA中的数组,在初始化时必须规定长度;JS中的数组可以随便声明;但它最多能存放的项数是:4 294 967 2转载 2015-12-13 16:06:54 · 232 阅读 · 0 评论 -
如何对网页的加载进行性能优化
如何对网页的加载进行性能优化1、图片优化,压缩文本和图片2、减少请求次数3、合并JS文件和CSS样式4、延迟显示可见区域外的内容5、延迟加载和执行非必要的脚本6、确保功能性图片优先加载7、使用AJAX请求8、精简代码转载 2015-10-14 18:00:41 · 290 阅读 · 0 评论 -
闲话Promise机制
Promise的诞生与Javascript中异步编程息息相关,js中异步编程主要指的是setTimout/setInterval、DOM事件机制、ajax,通过传入回调函数实现控制反转。异步编程为js带来强大灵活性的同时,也带来了嵌套回调的问题。详细来说主要有两点,第一嵌套太深代码可读性太差,第二并行逻辑必须串行执行。 1 request = function(url, cb, eb)转载 2015-09-16 17:39:46 · 589 阅读 · 0 评论 -
HTML5中40个最重要的技术点
介绍SGML(标准通用标记语言)和HTML(超文本标记语言),XML(可扩展标记语言)和HTML的之间有什么关系?什么是HTML5?为什么HTML5里面我们不需要DTD(Document Type Definition文档类型定义)?如果我不放入 标签,HTML5还会工作么?哪些浏览器支持HTML5?HTML5的页面结构同HTML4或者更前的HTML有什么区别?HTML5中的datalist是转载 2015-09-10 17:13:50 · 932 阅读 · 0 评论 -
获取URL参数
function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return decodeURI(r[2]); return null转载 2016-03-17 09:39:21 · 246 阅读 · 0 评论 -
Javascript 找到子元素在父元素内的相对位置
// 找到子元素在父元素中的相对位置function getElementTop(element){ var el = (typeof element == "string") ? document.getElementById(element) : element; if (el.parentNode === null || el.style.display == '转载 2016-03-18 16:36:03 · 3251 阅读 · 0 评论 -
HTTP返回码总结
HTTP协议状态码表示的意思主要分为五类 ,大体是 : ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 1×× 保留 2×× 表示请求成功地接收 3×× 为完成请求客户需进一步细化请求 4×× 客户错误 5×× 服务器错误 100 Continue指示客户端应该继续请求。回送用于通知客户端转载 2016-03-09 09:44:49 · 348 阅读 · 0 评论 -
判断手机端
var from = '' if (from != 'wap') { var userAgentInfo = navigator.userAgent; console.log(userAgentInfo); if (userAgentInfo.indexOf("Android") > 0 || user转载 2017-03-26 16:37:54 · 330 阅读 · 0 评论 -
12个有关于JavaScript的小技巧
原文: http://www.w3cplus.com/javascript/12-extremely-useful-hacks-for-javascript.html?f=tt在这篇文章中将给大家分享12个有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。使用!!操作符转换布尔值转载 2017-01-15 15:43:00 · 275 阅读 · 0 评论 -
JavaScript易错知识点整理
1.变量作用域var a = 1;function test() { var a = 2; console.log(a); // 2}test();上方的函数作用域中声明并赋值了a,且在console之上,所以遵循就近原则输出a等于2。var a = 1;function test2() { console.log(a); // undefined var转载 2016-12-27 11:15:31 · 245 阅读 · 0 评论 -
javascript中call apply 与 bind方法详解
在JavaScript中,call、apply和bind是Function对象自带的三个方法,本文将通过几个场景的应用,来详细理解三个方法。call()call() 方法在使用一个指定的this值和若干个指定的参数值的前提下调用某个函数或方法。当调用一个函数时,可以赋值一个不同的 this 对象。this 引用当前对象,即 call 方法的第一个参数。通过 ca转载 2016-08-04 07:45:09 · 421 阅读 · 0 评论 -
JavaScript跨域总结与解决办法
什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5 postMessage6、利用flash本文来自网络(http://f2e.me/200904/cross-scripting/,该网址已不能访问),仅作个人读书笔记之用,并稍作修改和补充。转载 2016-06-22 16:36:36 · 234 阅读 · 0 评论 -
微信端的alert
新出来个,尝试下https://github.com/t4t5/sweetalertqinxiaotong2015-06-25 22:17:40给你一个TAOBAO的,我用的是zepto,应该和jQuery兼容 msg.js:function compareVersion(v1, v2) { v1 = v1.toString()转载 2016-07-28 13:58:31 · 7836 阅读 · 0 评论 -
微信开发 -- 企业付款 PHP代码实现
写这篇文章的目的主要是由于在微信公众平台提供的SDK中并没有提供此功能的SDK实现,其实最后实现还是借助 微信公众平台开发文档 和 SDK 。企业付款的应用场景: 公众号向已关注用户付款,比如处理退款、财务结算等先说一下实现思路:在SDK中自带类库的基础上扩展WxMchPay组件, 实现企业付款功能的扩展。话不多说,上代码, 下面是继承SDK,实现企业付转载 2016-07-06 17:42:27 · 1378 阅读 · 0 评论 -
5个你必须知道的JavaScript和Web Debug技术
前端开发中,调试技术是必不可少的技能本文将介绍五种前端开发必备的调试技术:Weinre移动调试DOM 断点debugger断点native方法hook远程映射本地调试 1 、 Weninre在移动上面开发调试是很复杂的,所以就有了Weinre。安装Weinre可以实现pc来调试手机页面,所以对于移动开发调试是很重要的哦~安装WeinreWei转载 2016-07-15 17:39:38 · 461 阅读 · 0 评论 -
HTML5使用JavaScript控制<audio>音频的播放
1,下面是一个播放音乐的最简单样例(controls属性告诉浏览器要有基本播放控件)原文:HTML5 - 使用播放音频2,预加载媒体文件设置preload不同的属性值,可以告诉浏览器应该怎样加载一个媒体文件:(1)值为auto:让浏览器自动下载整个文件(2)值为none:让浏览器不必预先下载文件(3)值为metadata:让浏览器先获取音频文件开转载 2016-06-28 15:50:21 · 83315 阅读 · 1 评论 -
HEXO+Github,搭建属于自己的博客
经过各种找资料,踩过各种坑,终于搭建好了hexo,域名是在万维网上买的,我的hexo是3.1.1版本,hexo不同的版本,很多配置都不一样。好吧,废话不多说了,开始吧。正文:hexo是一款基于Node.js的静态博客框架,hexo github链接,这篇教程是针对与Mac的,参考链接,由于原文讲到的hexo是以前的老版本,所以现在的版本配置的时候会有些改动。之前是想着写博客,一转载 2016-06-25 20:15:25 · 476 阅读 · 0 评论 -
纯干货!大前端必备网站-超全(上
01.前端这个圈子社区/组织W3C TPAC w3ctech WebReBuild HTML5研究小组 阿里技术嘉年华 京/沪JS 前端圈HTML5梦工场 无障碍联盟国内综合前端观察 阮一峰 W3CPLUS W3CFUNS 大前端 W3HELP W3SCHOOL HTML5中国 前端乱炖F2E社区 MDNNEW国内个人CSS森林 twinsen 艾文王 余果 张鑫旭 大猫 飘飘 米转载 2016-05-06 17:58:52 · 2821 阅读 · 0 评论 -
跨域整理
1. 跨域资源共享 CORS对于web开发来讲,由于浏览器的同源策略,我们需要经常使用一些hack的方法去跨域获取资源,但是hack的方法总归是hack。直到W3C出了一个标准-CORS-”跨域资源共享”(Cross-origin resource sharing)。它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。首先来说 CO转载 2016-05-17 13:55:23 · 292 阅读 · 0 评论 -
用逆序数的奇偶性来判断数字拼图游戏的解的存在性问题
原帖链接:http://topic.csdn.net/u/20080926/23/301801ca-2fe0-4d24-84e3-fbd454be4604.html?291383689有一个3*3的矩阵,里面分别填着数字0~8,填入的时候是随机的,要求每次只能用0和和边上的一个数字交换,最终实现所要求的数字排列。 如: 随机真数字矩阵为: 1 3 5 0 2 6 4 7转载 2016-05-16 17:57:39 · 2756 阅读 · 0 评论 -
懒加载——网页图片的加载技术
目前,网络上各大论坛,尤其是一些图片类型的网站上,在图片加载时均采用了一种名为懒加载的方式,具体表现为,当页面被请求时,只加载可视区域的图片,其它部分的图片则不加载,只有这些图片出现在可视区域时才会动态加载这些图片,从而节约了网络带宽和提高了初次加载的速度,具体实现的技术并不复杂,下面分别对其说明。首先,在页面中准备一个id为div1的div,在这个div中放一个ul,ul中准备了一些li,然转载 2016-04-29 14:54:36 · 969 阅读 · 0 评论 -
使用Chrome修改user agent模拟微信内置浏览器
很多时候,我们需要模拟微信内置浏览器,今天教大家用chrome简单模拟。如图设置: F12或者右键审查元素进入开发者模式,点击Emulation,然后点击Network,把Spoof user agent改成Other,并把下面的带复制进去,有三句,大家自己尝试。回车然后刷新页面即可。Mozilla/5.0 (iPhone; CPU iPhone OS 5_转载 2016-03-24 17:30:50 · 20105 阅读 · 0 评论 -
45个实用的JavaScript技巧、窍门和最佳实践
如你所知,JavaScript是世界上第一的编程语言,它是Web的语言,是移动混合应用(mobile hybrid apps)的语言(比如PhoneGap或者Appcelerator),是服务器端的语言(比如NodeJS或者Wakanda),并且拥有很多其他的实现。同时它也是很多新手的启蒙语言,因为它不但可以在浏览器上显示一个简单的alert信息,而且还可以用来控制一个机器人(使用nodebot,转载 2015-09-10 17:11:11 · 317 阅读 · 0 评论 -
深入浅出javascript闭包的用途和几种写法
一、什么是闭包和闭包的几种写法和用法 1、什么是闭包闭包,官方对闭包的解释是:一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。闭包的特点:1. 作为一个函数变量的一个引用,当函数返回时,其处于激活状态。2. 一个闭包就转载 2015-09-10 16:47:47 · 663 阅读 · 0 评论 -
jquery插件编写(以折叠面板为例)
创建一个 jQuery 插件所推荐的方法是,先创建一个允许使用美元符号 ($) 的包装器函数。在默认情况下,美元符号可能与其他 JavaScript 框架发生冲突,如果将插件包装在一个函数中,就不会出现冲突。所以推荐使用下面代码创建jQuery插件:[html] view plaincopy(function($) { $.fn.acc转载 2015-07-29 17:45:33 · 578 阅读 · 0 评论 -
html5之canvas进阶
1)用路径绘图: beginPath()——开始一条新路径; closePath()——尝试闭合现有路径,方法是绘制一条线,连接最后那条线的终点与初始坐标; fill()——填充用子路径描述的图形; isPointInPath(x,y)——如果指定的点在当前路径所描述的图形之内则返回true; lineTo(x,y)——绘制一条到指定坐标转载 2015-07-29 17:31:49 · 388 阅读 · 0 评论 -
JS判断是PC浏览器还是手机设备浏览器
$(function () { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "ipho转载 2015-07-29 17:17:18 · 1449 阅读 · 0 评论 -
jQuery滑动条插件
http://www.jq22.com/jquery-info376转载 2015-07-17 11:24:56 · 253 阅读 · 0 评论