js
文章平均质量分 62
yzbben
这个作者很懒,什么都没留下…
展开
-
一行jQuery代码搞定checkbox 全选和全不选
JavaScript部分:function checkAll(obj){ $("#box input[type='checkbox']").prop('checked', $(obj).prop('checked'));}html部分:div id="box"> input type="checkbox" onclick="checkAll(this)">全选转载 2016-07-29 09:52:05 · 366 阅读 · 0 评论 -
js的 new image()做图片预加载
创建一个Image对象:var a=new Image(); 定义Image对象的src: a.src=”xxx.gif”; 这样做就相当于给浏览器缓存了一张图片。 图像对象:建立图像对象:图像对象名称=new Image([宽度],[高度])图像对象的属性: border complete height hspace lowsrc name src v转载 2017-02-22 16:26:32 · 13441 阅读 · 0 评论 -
自调用匿名函数
通常定义函数并调用 function a(){ } a(); 或是 var a = function(){ } a(); 但是查看jquery源码会发现它最外层的架构是这样的 (function( window, undefined ) { // jquery code })(window); 解释:首先jquery是定义了一个匿名函数(转载 2017-03-08 14:13:36 · 353 阅读 · 0 评论 -
提高 web 应用性能之 JavaScript 性能调优
提高 web 应用性能之 JavaScript 性能调优JavaScript 是一个比较完善的前端开发语言,在现今的 web 开发中应用非常广泛,尤其是对 Web 2.0 的应用。随着 Web 2.0 越来越流行的今天,我们会发现:在我们的 web 应用项目中,会有大量的 JavaScript 代码,并且以后会越来越多。JavaScript 作为一个解释执行的语言,以及它的单线转载 2017-02-27 10:34:24 · 251 阅读 · 0 评论 -
高性能WEB开发(8) - 页面呈现、重绘、回流。
本文转至:http://www.blogjava.net/BearRui/archive/2010/05/10/web_performance_repaint_relow.html页面呈现流程 在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解,页面是怎么把html结合css等显示到浏览器上的,下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些转载 2017-02-27 10:36:17 · 361 阅读 · 0 评论 -
CSS3自定义滚动条样式 -webkit-scrollbar
有没有觉得浏览器自带的原始滚动条很不美观,同时也有看到很多网站的自定义滚动条显得高端,就连chrome32.0开发板都抛弃了原始的滚动条,美观多了。那webkit浏览器是如何自定义滚动条的呢?前言webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式,所以用处还是挺大的。当然,兼容所有浏览器的滚动条样式目前是不存在的。演示转载 2017-03-10 16:11:08 · 6358 阅读 · 0 评论 -
JS前端开发判断是否是手机端并跳转操作(小结)
转载于:http://www.xker.com/page/e2014/0325/131654.html常用跳转代码以下代码为常用来判断访问者的访问设备的类型来进行相应的跳转script type="text/javascript"> // borwserRedirect (function browserRedirect(){ var sUserAg转载 2017-03-07 15:52:20 · 15386 阅读 · 0 评论 -
js如何准确获取当前页面url网址信息
在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=11、window.location.href(设置或获取整个 URL 为字符串)var test = window.locat转载 2017-03-07 15:53:49 · 1076 阅读 · 0 评论 -
手机端虚拟键盘弹出使界面布局混乱解决方法
html5页面当点击input输入框弹出安卓手机上键盘就会把背景顶了上来,软键盘弹出时,改变了height,使height:100%,不能达到原来的高度。页面布局就乱了,解决方法:原生js:window.onload=function(e){ var _body=document.getElementsByTagName('body')[0]; _body.转载 2017-03-07 16:07:48 · 8981 阅读 · 0 评论 -
pace.js – 网页自动加载进度条插件
之前有很多同学询问觉唯网站顶部的页面加载进度条是怎么实现的,页面的加载进度百分比,有时候获取是比较麻烦的,当然也可以利用一些优秀的JavaScript插件来实现,今天就为大家介绍这样子的一款插件:pace.js。在页面中引入Pace.js,页面就会自动监测你的请求(包括Ajax请求),在事件循环滞后,会在页面记录加载的状态以及进度情况。此插件的兼容性很好,可以兼容IE8以上的所有主转载 2017-03-10 18:17:23 · 2683 阅读 · 0 评论 -
Javascript 中的神器——Promise
Promise in js回调函数真正的问题在于他剥夺了我们使用 return 和 throw 这些关键字的能力。而 Promise 很好地解决了这一切。2015 年 6 月,ECMAScript 6 的正式版 终于发布了。ECMAScript 是 JavaScript 语言的国际标准,JavaScript 是 ECMAScript 的实现。ES6 的目标,是使得转载 2017-03-14 12:18:36 · 441 阅读 · 0 评论 -
10个顶级的CSS和Javascript动画框架推荐
在网站中嵌入动画已成为近年来的一个设计趋势,许多公司都已开始转向并拥抱HTML5、CSS3和JavaScript这个技术“三人组”。尽管这些技术还不能制作一些非常复杂的动画(像flash所实现的),但是如果拥有好的想法及创造性思维,使用它们制作的即便是一些简单的动画也足以打动我们。 而且,随着CSS3技术的发展,CSS3动画日益流行。目前,WebKit浏览器已对CSS3动画支持得相当好。F转载 2017-04-01 14:43:00 · 533 阅读 · 0 评论 -
JS获取点击标签对象
function showMax(e,time){ setTimeout(function(){ $("#"+e.id).fadeIn(500); },time) }原创 2017-04-01 18:33:21 · 566 阅读 · 0 评论 -
ES5中新增的Array方法详细说明
by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=3220一、前言-索引ES5中新增的不少东西,了解之对我们写JavaScript会有不少帮助,比如数组这块,我们可能就不需要去有板有眼地for循环了。ES5中新增了写数组方法,如下:for转载 2017-05-02 15:27:24 · 318 阅读 · 0 评论 -
5种回到顶部的写法从实现到增强
5种回到顶部的写法从实现到增强前面的话 本文先详细介绍回到顶部的5种写法,然后对其实现功能增加,最后得到最终实现 本文转至:http://www.cnblogs.com/xiaohuochai/archive/2016/09/03/5836179.html写法【1】锚点 使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面转载 2017-04-17 16:02:51 · 3641 阅读 · 0 评论 -
JS 的引用赋值与传值赋值
这个问题说大不大说小不小,如果你有幸踩了这个坑,一定会找这篇文章,哈哈~现说一下JS数字的类型:基本类型和引用类型先看下下面两个栗子:123456789var a = 30;var b = a;a = 20;console.lo转载 2017-05-08 10:53:04 · 1684 阅读 · 0 评论 -
变态的网页加载进度条实现思路
文章转至:http://ucren.com/blog/archives/17以下这两种情况:网页不间断地下载并逐步把已下载完成的部分呈现出来;网页先显示出一个框架后,等待一切资源准备完成再一起呈现出来。假设这两种情况所使用的时间一样,用户仍然会觉得后者比较慢或者卡,因为后者在准备资源的过程中,网页是静止不动的,给用户有了一段明显等待时间的感觉,而前者虽然也会有等待时间,但相转载 2017-02-13 17:12:31 · 3041 阅读 · 0 评论 -
前端资源预加载并展示进度条
原文出处: 吕大豹 我们经常会看到,一些站点在首次进入的时候会先显示一个进度条,等资源加载完毕后再呈现页面,大概像这样:然后整个页面的操作就会非常流畅,因为之后没必要再等待加载资源了。尤其是在移动端,或者是页游中,这样做能避免页面出现白屏(等待加载图片),很大程度提升用户体验。那这种技术是如何实现的呢?其实非常简单,本文就来从基础细节探究一番。为什么需要资源预加转载 2017-02-13 14:11:05 · 4999 阅读 · 0 评论 -
JS 保留小数点后面2位小数
1. 最笨的办法....... [我就怎么干的.........]function get(){ var s = 22.127456 + ""; var str = s.substring(0,s.indexOf(".") + 3); alert(str);}2. 正则表达式效果不错onload = function(){转载 2016-07-30 17:35:35 · 1020 阅读 · 0 评论 -
js 取两位小数 不要四舍五入或四舍五入的方法
取两位小数,排除非数字类型的情况下,直接使用.toFixed(n) Number.toFixed(n) -- 保留n位小数点,多出的四舍五入var num=123456.789;var num1=num.toFixed(2) // 123456.79如果不要四舍五入,并且一定要去2位小数,即使是“12.1”这种要变成“12.10”可以保留3位小数,然后截取的方式,截取前面2位,转载 2016-08-03 23:21:31 · 17546 阅读 · 1 评论 -
Javascript实现图片的预加载的完整实现
图片预加载是web开发中一种应用相当广泛的技术,比如我们在做图片翻转显示等特效的时候,为了让图片在转换的时候不出现等待,我们最好是先让图片下载到本地,然后在继续执行后续的操作。今天我们将来实现一个完整的图片预加载和处理图片加载后执行后续操作的代码。下面的函数实现了一个我们想要的最基本的图片预加载效果function preloadimages(arr){ va转载 2016-10-13 09:49:09 · 463 阅读 · 0 评论 -
js 自带的 map() 方法
1. 方法概述 map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。2. 例子 2.1 在字符串中使用map 在一个 String 上使用 map 方法获取字符串中每个字符所对应的 ASCII 码组成的数组:var map = Array.prototype.mapvar a = map.call("He转载 2016-11-17 09:34:34 · 2308 阅读 · 0 评论 -
Javascript 数组循环遍历之forEach
1. js 数组循环遍历。数组循环变量,最先想到的就是 for(var i=0;i除此之外,也可以使用较简便的forEach 方式2. forEach 函数。Firefox 和Chrome 的Array 类型都有forEach的函数。使用如下:[html] view plain copy转载 2016-11-17 09:36:28 · 652 阅读 · 0 评论 -
移动端图片上传解决方案localResizeIMG先压缩后ajax无刷新上传
现在科技太发达,移动设备像素越来越高,随便一张照片2M+,但是要做移动端图片上传和pc上略有不同,移动端你不能去限制图片大小,让用户先处理图片再上传,这样不现实。所以理解的解决方案就是在上传先进行图片压缩,然后再把压缩后的图片上传到服务器。localResizeIMG,它会对图片进行压缩成你指定宽度及质量度并转换成base64图片格式,那么我们就可以把这个base64通过ajax传到后台,转载 2016-12-01 14:11:40 · 2072 阅读 · 0 评论 -
JS replace()方法替换变量(可以对变量进行全文替换)
事情是这样的:本文出处http://blog.sina.com.cn/s/blog_6552200b0102ve60.html我要用 JS 替换一个多行文本的关键字正常,没有变量的时候应该是这样:把 a 替换成 b:string.replace("a","b");以上只能替换第一个匹配的,要全文匹配应该用正则表达式:string.replace(转载 2016-12-05 17:47:49 · 35758 阅读 · 8 评论 -
JS/JQ获取节点的同级,父级,子级元素
先说一下JS的获取方法,其要比jQuery的方法麻烦很多,后面以JQUERY的方法作对比。JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素原生的JS获取ID为test的元素下的子元素。可以用:var a = docuemnt.getElementById("test").getElementsByTagName("div转载 2016-11-23 14:33:58 · 3572 阅读 · 0 评论 -
Javascript异步编程的4种方法
作者: 阮一峰日期: 2012年12月21日你可能知道,Javascript语言的执行环境是"单线程"(single thread)。所谓"单线程",就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长,后面的任务都必须转载 2017-01-03 20:51:47 · 175 阅读 · 0 评论 -
then 方法(承诺)
转载地址:https://msdn.microsoft.com/zh-cn/library/dn802833(v=vs.94).aspx 允许你指定实现承诺时要完成的工作。语法promise.then(onCompleted, onRejected);转载 2017-01-03 20:54:08 · 1786 阅读 · 0 评论 -
使用navigator.userAgent.toLowerCase()判断移动端类型
在跨平台,各种浏览器,移动设备兼容的时候,经常要根据设备、浏览器做特定调整,所以判断设备和浏览器的工作,经常会用到,这里做一下总结判断设备,区分Android,iphone,ipad和其它[javascript] view plain copyvar ua = navigator.userAgent.toLowerCase(); if转载 2017-01-04 09:53:33 · 6349 阅读 · 0 评论 -
js封装函数
function Person() { this.name = "jee"; this.age = 25; this.getName = function() { return this.name; }} var person = new Person();alert(person.age);转载 2016-12-30 10:22:12 · 717 阅读 · 0 评论 -
javascript arguments(转)
什么是argumentsarguments 是是JavaScript里的一个内置对象,它很古怪,也经常被人所忽视,但实际上是很重要的。所有主要的js函数库都利用了arguments对象。所以agruments对象对于javascript程序员来说是必需熟悉的。所有的函数都有属于自己的一个arguments对象,它包括了函所要调用的参数。他不是一个数组,如果用typeof argum转载 2016-12-30 23:47:49 · 200 阅读 · 0 评论 -
JS的构造函数
//构造函数 //使自己的对象多次复制,同时实例根据设置的访问等级可以访问其内部的属性和方法 //当对象被实例化后,构造函数会立即执行它所包含的任何代码 function myObject(msg){ //特权属性(公有属性) this.myMsg = msg; //只在被实例化后的实例中可调用 this.address = '上海';转载 2017-01-12 16:43:32 · 427 阅读 · 0 评论 -
JS中变量名和函数名重名
今天骚凯问了一道变量名冲突的题目,感觉很有意思,顺便也复习一下预解析的一些知识,有不对的地方忘前辈大神指正,题目是这样的:var a=100;function a(){ console.log(a);}a();这个串代码执行完会报错 : a is not a function问题来了,为什么会报这个错误呢? 这里涉及到函数和变量的预解析:1)函数转载 2017-01-18 09:13:24 · 856 阅读 · 0 评论 -
prototype 属性使您有能力向对象添加属性和方法。
定义和用法prototype 属性使您有能力向对象添加属性和方法。语法object.prototype.name=value实例在本例中,我们将展示如何使用 prototype 属性来向对象添加属性:function employee(name,job,born){this.name=name;this.job=job;this.born=b转载 2017-05-18 11:43:34 · 1276 阅读 · 0 评论