javascript
文章平均质量分 58
iceboysoft
认真工作,快乐开发~!
展开
-
低版本IE数组和HTMLCollection元素集合不兼容forEach循环遍历的处理方法
原生JavaScript通过name获取dom元素得到的是HTMLCollection元素集合要想循环遍历可以用forEach,但是在低于ie9的版本下不兼容var list= document.getElementsByName("name");for (var i = 0; i < list.length; i++) { console.log(list[i].id); ...原创 2019-12-11 01:29:16 · 1466 阅读 · 1 评论 -
在W3C标准定义的阻止事件向父容器传递的方法
经常看到这个问题,特此记录下来问:在W3C标准定义的阻止事件向父容器传递的方法答: e.stopImmediatePropagation()其中容易打错的是 e.preventDefault(),记住这个是取消事件默认行为的。DOM中的事件对象:(符合W3C标准) preventDefault() 取消事件默认行为 stopImm原创 2015-11-12 11:59:21 · 5629 阅读 · 0 评论 -
require.js shim 配置
最近的项目用到了require.js 记录一下 require.config的参数配置原因:理论上,require.js加载的模块,必须是按照AMD规范、用define()函数定义的模块。但是实际上,虽然已经有一部分流行的函数库(比如jQuery)符合AMD规范,更多的库并不符合。那么,require.js是否能够加载非规范的模块呢?回答是可以的。这样的模块在用requir原创 2015-11-10 15:37:30 · 10465 阅读 · 1 评论 -
JavaScript Array 对象splice() 方法
定义和用法splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。注释:该方法会改变原始数组。语法arrayObject.splice(index,howmany,item1,.....,itemX)参数描述index必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。原创 2015-10-06 14:05:54 · 645 阅读 · 0 评论 -
默写AJAX基本框架
var xmlhttp=null;if(window.XMLHttpRequest){xmlhttp=new window.XMLHttpRequest();}else if(window.ActiveXObject){xmlhttp=new window.ActiveXObject("Microsoft.XMLHttp")}else{alert("您的浏览器不支持Ajax原创 2015-01-08 10:43:58 · 566 阅读 · 0 评论 -
jQuery ajax - ajax() 方法
jQuery的ajax:平常没怎么理解它,只是用它和服务器端进行数据交互。随着不断深入,需要将一些基础的记录一下,方便以后复习回忆,因此有了这篇博文。jQuery ajax - ajax() 方法jQuery Ajax 参考手册实例通过 AJAX 加载一段文本:jQuery 代码:$(document).ready(function(){原创 2015-11-04 11:31:07 · 456 阅读 · 0 评论 -
javascrit开发的基本代码结构的
今天看到群里一个demo,简单看了一下。然后自己就写了一个通用的javascrit开发的基本代码结构的js文件。代码如下:(function($,win){ //定义全局变量对象 var obj={ }; //定义函数、方法等对象 var fn={ goTo5itbao:function(){ win.location.href='http://www.5itbao.原创 2015-08-18 10:40:04 · 827 阅读 · 0 评论 -
HTML5 Geolocation(地理定位)用于定位用户的位置。
一、定位用户的位置HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。浏览器支持Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。注释:对于拥有 GPS 的设备,比如 iPhone,地理定位更加精确。HTML5 -原创 2015-08-31 16:57:35 · 5789 阅读 · 0 评论 -
浏览器地理位置(Geolocation)API 简介
很详细的一篇关于html5的介绍一、开篇简述Geolocation API(地理位置应用程序接口)提供了一个可以准确知道浏览器用户当前位置的方法。且目前看来浏览器的支持情况还算不错(因为新版本的IE支持了该API),这使得在不久之后就可以使用这一浏览器内置的API了。该API接口提供的用户地理位置信息还算蛮详细的,经纬度啊,海拔啊,精确度,移动速度啊都是可以获取的。据我个人转载 2015-08-31 17:31:13 · 1910 阅读 · 0 评论 -
浏览器的navigator
浏览器的navigator对象原创 2015-09-23 18:14:03 · 859 阅读 · 0 评论 -
十五个常用的jquery代码段
回到顶部按钮通过使用 jQuery 中的 animate 和 scrollTop 方法,你无需插件便可创建一个简单地回到顶部动画:1 // Back to top2 $('a.top').click(function (e) {3 e.preventDefault();4 $(document.body).animate({scrollTop: 0}, 800);5翻译 2015-11-18 15:07:18 · 439 阅读 · 0 评论 -
ZeroClipboard实现兼容各浏览器复制功能一款jquery插件
ZeroClipboard是利用flash为媒介实现兼容各浏览器复制功能一款jquery插件(测试通过浏览器IE6-8/chrome27/firefox22/safari 5.1.5/opera12.12),通过简单的调用实现复制功能:官网地址:http://zeroclipboard.org/原创 2016-02-16 09:58:24 · 431 阅读 · 0 评论 -
html5页面常用的代码
HTML5页面代码结构原创 2016-10-10 15:45:00 · 12777 阅读 · 1 评论 -
layer的使用笔记
layer是一款口碑极佳的web弹层组件,之前也介绍过,这个月重度使用了一下,也对其进行了相关调整和发现的一些问题。1.右下角弹出时,点击最小化时,停留位置是根据最左上角的定位收缩的2.最小化和最大化没有分开3.移动时没有同步当前记录的坐标解决:1.点击最小化时,隐藏layer,用其他按钮恢复(显示)2.后补3.原创 2016-07-31 23:37:45 · 5295 阅读 · 3 评论 -
本月技术阅览
在此之前写博客都是随性而起,随手而记得。但是这次我想改变一下,因为时间或者其他的因素吧,感觉自己应该这样尝试一下。总结起来就是一句话,先写一个大纲,或者叫目录,然后写一些自己简单的理解,待以后有时间或机会的时候再开单章来写。希望这样有一些意想不到的效果~!插件web前端开发的工作中,很重要的一项就是使用那众多纷繁的功能插件,这是不可避免,由使用最广的jQuery以及在此基础上的创造的无限可能的功能模原创 2016-06-28 19:25:06 · 321 阅读 · 0 评论 -
HTML+CSS+JAVASCRIPT基础复习题
HTML+CSS1、盒子模型,块级元素和行内元素特性与区别。2、行内块的使用,兼容性解决。3、清除浮动的方式以及各自的优劣。4、文档流的概念、定位的理解以及z-index计算规则&浏览器差异性。5、CSS选择器以及优先级计算。6、常用的CSS hack。7、遇到的兼容性问题与解决方法。8、垂直水平居中的实现方式。9、常用布局的实现(两列布局、三列适应布局,两原创 2016-05-31 22:10:57 · 2304 阅读 · 0 评论 -
Web前端基础面试题目及答案
前端基本技能有:1 HTML/CSS 2 JavaScript1、什么是盒子模型? 在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个部分。这四个部分占有的空间中,有的部分可以显示相应的内容,而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了cs原创 2016-05-31 22:08:51 · 17224 阅读 · 1 评论 -
使用 chrome的命令行标记:disable-web-security 参数联调线上数据----------Chrome 浏览器跨域和安全访问问题
出现问题做前端的,用Ajax获取数据,是常有的事情,同域下自然没问题了,如果是不同域获取数据,浏览器就有个同源策略的限制。如图: XMLHttpRequest cannot load Origin * is not allowed by Access-Control-Allow-Origin 有人会说用JSONP了。如果后台的数据接口只是返回单纯的json数据呢,而且也不能修改符合原创 2015-11-03 14:15:26 · 16261 阅读 · 2 评论 -
js数据格式转换
因为项目需要三级下来,引用selectCity插件,但是数据格式不太对转换一下数据格式/*var needData={citylist:[{p: "河北",c:[{n: "石家庄",a:[{s: "长安区"}]}]}]}var curdata=[{cname: "北京",原创 2016-03-11 12:22:47 · 730 阅读 · 0 评论 -
正则表达式笔记
手机号验证:var phone=/^13\d{9}$|^14\d{9}$|^15\d{9}$|^17\d{9}$|^18\d{9}$/;https://ssl.mail.163.com/e.mail.163.com/mobilemail/wap/reg.do电话号验证:var telephone=/^(^0\d{2}-?\d{8}$)|(^0\d{3}-?\d{7}$)|(^\(0\d原创 2016-01-15 15:19:42 · 408 阅读 · 0 评论 -
小而精,小而美的一款开源的迷你框架Underscore.js
Underscore提供的60多个函数:http://www.css88.com/doc/underscore/ Collections(集合) each, map, reduce, reduceRight, find, filter, reject, all, any, include, invoke,pluck, max, min, sortBy, grou原创 2015-08-29 17:26:52 · 776 阅读 · 0 评论 -
zepto和jquery的区别,zepto的不同使用8条小结
1. Zepto 对象 不能自定义事件 例如执行: $({}).bind('cust', function(){}); 结果: TypeError: Object has no method 'addEventListener' 解决办法是创建一个脱离文档流的节点作为事件对象: 例如: $('').bind('cust', function(){});转载 2015-07-03 16:38:04 · 1709 阅读 · 0 评论 -
快速检测Javascript的理解深度
http://dmitry.baranovskiy.com/post/91403200 快速检测Javascript的理解深度if (!(“a” in window)) { var a = 1; } alert(a); var a = 1, b = function a(x) { x && a(–x); }; alert(a); funct翻译 2015-03-12 14:27:36 · 675 阅读 · 0 评论 -
JavaScript最全的10种跨域共享的方法
在客户端编程语言中,如javascript和ActionScript,同源策略是一个很重要的安全理念,它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的,一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同域,什么叫不同的域呢?同源策略在客户端编程语言中,如javascript和 ActionScript,同源策略是一个很重要的安转载 2015-03-16 14:41:25 · 458 阅读 · 0 评论 -
JavaScript初学者应注意的七个细节
每种语言都有它特别的地方,对于JavaScript来说,使用var就可以声明任意类型的变量,这门脚本语言看起来很简单,然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学者应该注意的七个细节,与大家分享。 (1)简化代码JavaScript定义对象和数组非常简单,我们想要创建一个对象,一般是这样写的: ? 1 2 3 4 5 var car = new Ob原创 2015-02-28 10:17:02 · 653 阅读 · 0 评论 -
欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl原创 2015-02-28 10:15:44 · 681 阅读 · 0 评论 -
javascript中的each
jQuery.each(object, [callback])概述通用例遍方法,可用于例遍对象和数组。不同于例遍 jQuery 对象的 $().each() 方法,此方法可用于例遍任何对象。回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。参数objec原创 2014-11-20 17:44:14 · 1126 阅读 · 0 评论 -
jQuery操作HTML+CSS
jQuery可以动态操作html元素,css效果。给我们带来了不少的方便。一:添加HTML添加html的方法有三个,分别是。$(selector).append(content)append() 函数向所匹配的 HTML 元素内部追加内容。$(selector).prepend(content)prepend() 函数向所匹配的 HTML 元素内部预置(Prepend)原创 2014-11-03 14:10:06 · 432 阅读 · 0 评论 -
JavaScript RegExp 对象
RegExp 对象用于规定在文本中检索的内容。原创 2014-10-29 11:54:28 · 432 阅读 · 0 评论 -
label遇上lable时
今天调试一个错误时,发现页面标签label写成lable了 郁闷死了。zhe原创 2014-10-27 10:26:28 · 544 阅读 · 0 评论 -
javascript的变量及其作用域和提前声明
javascript中变量及其作用域是基础中的重点,在阅读JavaScript权威指南之后的总结:如果未在var声明语句中给变量指定初始值,那么虽然声明了这个变量,但在给它存入一个值之前,它的初始值就是undefined(在一个作用域内如果声明了一个变量,在赋值前也是undefined) JavaScript 的函数作用域是指在函数内部声明的所有变量在函数体内始终是可见的。有意原创 2015-03-10 17:42:22 · 643 阅读 · 0 评论 -
HTTP 方法:GET 对比 POST
两种最常用的 HTTP 方法是:GET 和 POST。什么是 HTTP?超文本传输协议(HTTP)的设计目的是保证客户机与服务器之间的通信。HTTP 的工作方式是客户机与服务器之间的请求-应答协议。web 浏览器可能是客户端,而计算机上的网络应用程序也可能作为服务器端。举例:客户端(浏览器)向服务器提交 HTTP 请求;服务器向客户端返回响应。响应包原创 2015-03-31 11:37:08 · 581 阅读 · 0 评论 -
学习Javascript闭包(Closure)
文章引用地址闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。下面就是我的学习笔记,对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在翻译 2015-05-15 10:11:46 · 430 阅读 · 0 评论 -
阅读zepto.js的core中的Core methods
学习zepto.js,参考资料:http://www.zeptojs.cn/跟jQuery一样,其选择符号也是$;首先接触的是$.() 选择$(selector, [context]) ⇒ collection$() ⇒ same collection$() ⇒ collection$(htmlString) ⇒ collectionZepto(fun原创 2015-07-02 10:29:04 · 789 阅读 · 0 评论 -
由 preventDefault()方法 复习jQuery 事件方法
今天看到了 preventDefault() 方法,就复习了一下jQuery 事件方法,记下随记jQuery 参考手册 - 事件事件方法会触发匹配元素的事件,或将函数绑定到所有匹配元素的某个事件。触发实例:$("button#demo").click()上面的例子将触发 id="demo" 的 button 元素的 click 事件。绑定实例原创 2015-06-30 17:42:57 · 2009 阅读 · 0 评论 -
GET 对比 POST
HTTP 方法:GET 对比 POSTHTTP 消息标签列表(字母排序)两种最常用的 HTTP 方法是:GET 和 POST。什么是 HTTP?超文本传输协议(HTTP)的设计目的是保证客户机与服务器之间的通信。HTTP 的工作方式是客户机与服务器之间的请求-应答协议。web 浏览器可能是客户端,而计算机上的网络应用程转载 2015-06-29 17:26:12 · 413 阅读 · 0 评论 -
XHR----XMLHttpRequest对象
创建XMLHttpRequest对象与之前众多DOM操作一样,创建XHR对象也具有兼容性问题:IE6及之前的版本使用ActiveXObject,IE7之后及其它浏览器使用XMLHttpRequest不但IE6及其之前的版本将XHR作为一个ActiveXObject运行,而且还存在众多版本:一开始是Microsoft.XMLHTTP 之后变成Msxml2.XMLHTTP及更新版的Ms转载 2015-06-30 14:07:44 · 875 阅读 · 0 评论 -
随记数组和javascript的技巧
javascript中的Arry对象包含的方法some方法array1.some(callbackfn[, thisArg])对数组array1中的每个元素调用回调函数callbackfn,当回调函数返回true或者遍历完所有数组后,some方法终止。可选参数thisArg可以替换回调函数中的this对象filter方法array1.filt原创 2015-06-30 09:32:14 · 345 阅读 · 0 评论 -
javascript练习题
题1var a = 1;var b = a;a = 2;b = ?答案:b=1;题2var a = {a1:1, a2:2}, b = a;a.a1 = 3;b.a1 = ?答案:b.s=3;题3function sum(a){ a = a + 1; return a;}var a = 1;sum(a) = ?a = ?;答案:sum(a)=2;a=1;原创 2015-05-23 17:15:15 · 1223 阅读 · 0 评论 -
复习jquery的选择器部分
最近工作比较忙,以至于好多东西感觉要忘记似得,今天复习了一些选择器部分的内容,暂时记下~!没有详细的注释,感觉看到就应该想个差不多就行~!jQuery 常规选择器1.简单选择器 2.进阶选择器 3.高级选择器 4.属性选择器一.简单选择器 ID类(class)二.进阶选择器 群组选择器 $('ul,li,a') 选取页面标签为 ul,li,a的对象集合后代选择原创 2015-05-07 11:24:24 · 729 阅读 · 0 评论