如题原文发表于：2014-07-14 浏览器会给页面所有取了id的元素生成一个名字就叫这个id的对象，对象的内容就是它的DOM对象，相当于是document.getElementById(id)返回的内容。 我们来看一个测试例子： <div id="test1">第一段内容</div><div id="test2">第二段内容</div><... 阅读全文
@2016-08-02
JavaScript
浏览(3639)
如题原文发表于：2014-07-14 浏览器会给页面所有取了id的元素生成一个名字就叫这个id的对象，对象的内容就是它的DOM对象，相当于是document.getElementById(id)返回的内容。 我们来看一个测试例子： <div id="test1">第一段内容</div><div id="test2">第二段内容</div><... 阅读全文
flash跨域设置默认情况下不允许跨域，需要跨域的话，必须在域名根目录下放置一个名为crossdomain.xml的文件，作用是定义该域名下面的xml文件、json文件、m3u8文件是否允许其它网站的flashplayer来访问。这个文件是格式是由adobe公司制定的： <?xml version="1.0" encoding="utf-8"?><cross-domain-po... 阅读全文
什么是mime-type简单来讲，它的作用就是服务器告诉浏览器你这个内容到底是个什么东东，是一张网页？还是一张图片？还是一个视频？浏览器只有知道了你这是个什么东西，才能正确处理它，mime就是这个东西，服务器通过Content-Type这个header来指定mime。 将xml转换成markdown表格代码由于这里的内容是从tomcat/conf/web.xml中提取的，原始内容是xml格式，这... 阅读全文
如题我们以checkbox复选框传值到后台处理为例。 假如有如下代码，页面有4个name均为pcode的复选框： <form id="edit_form" class="form-horizontal" method="post" > <div class="checkbox"> <label><input type="checkb... 阅读全文
如题如果某个元素之前设置了zoom属性，后面再在style上面覆盖时，如果覆盖的值和原先的一样，zoom会失效，而其它值时则没任何问题，比如下面的代码，zoom设置0.4或者0.6都没问题，唯独设置成0.5时zoom失效！这个有待其它浏览器测试验证。 另外，Firefox竟然至今都不支持zoom属性，连IE和Android等都支持了，好奇怪Firefox为啥不支持，虽然可以用transfor... 阅读全文
说明这种东西一般都是出现在面试题上面，实际生产环境中很少用，因为性能不见得更优越可读性还更差。 本文属于转载，但是对排版做了优化。 思路一(function(){ var a = 10, b = 2; a = a + b; b = a - b; a = a - b; console.log('a:', a, 'b:', b);})(); 思路二(function... 阅读全文
双引号与单引号一般而言，java中的json转换工具（如gson、jackson）只能处理标准json，所谓标准json，就是键值和字符串都必须用双引号包裹的json字符串： var json1 = '{"a": "abc"}'; // 标准JSONvar json2 = "{a: 'abc'}"; // 非标准JSONvar json3 = '{a: "abc"}'; // 非标准JSONva... 阅读全文
JS匹配非字符串众所周知，[^div]匹配的是“非字符”而不是“非字符串”，前者的意思是一个字符串里只要没有d、i、v这3个字符就算符合条件，但是很多时候我们需要匹配没有div这一个字符串，这时该怎么办呢？ 方法一（不推荐）匹配不以abc开头的字符串： /^([^a]|a[^b]|ab[^c]).*/g.exec('abcfdsf'); 匹配不以abc或者qwe开头的字符串： // 正确写... 阅读全文
本文发表于：2014-06-19 以HTML5浏览本地多个文件为例比如下面的例子，fileReader读取文件是异步的，等到fileReader的onload执行完毕时，临时变量i和file都不是正确的那个值，所以需要再嵌套一层function，将file和i传进去再return。 <input type="file" id="file" multiple/><script ... 阅读全文
问题描述使用了mui的下拉刷新（pullRefresh）的页面会出现A标签的href失效，且其它注册了click的元素也会失效，点击没反应。 原因官方的解释是：2.1版本为了修复safari下下拉刷新时偶尔触发整个页面拖动的问题，使用了preventDefault。这样会阻止默认click的触发。 详见：http://ask.dcloud.net.cn/question/8894 解决办法解... 阅读全文
什么是css计数器兼容性解释初始化计数器计数器自增显示计数器countercounters一些高级用法使用中文计数自定义计数器起始值自定义每次递增的值递减计数多个计数器同时使用完整demo参考文章什么是css计数器就是采用css给一些html元素自动生成编号，比如类似1.3.2这种，先看个效果： 对，就是这种类似Word里面很常见的效果，代码如下： <style type="text... 阅读全文
先看代码将一个div从left为0的地方移动到1000的地方，采用transition动画，动画执行中获取到的left值为多少呢？ element.style { position: absolute; transition: left 10s; left: 0px; left: 1000px;} 测试（$0表示测试那个div）： $0.style.left // "... 阅读全文
简单介绍一些资源地址关于socket.io和websocketweb通信的几种实现方式短轮询长轮询长连接websocketpomelo支持的底层协议pomelo安装写在安装之前准备工作开始安装centos6.5 安装 gcc4.8安装devtoolset配置环境变量：补充：yum的临时目录回头再次安装后台介绍目录结构术语解释最重要的2个配置文件servers.jsmaster.js启动与停止简单介... 阅读全文
先看个例子<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalab... 阅读全文
遍历数组的2种方式for in 法var array = ['aaa', 'bbb', 'ccc'];for(var i in array){ console.log(typeof i, i, array[i]);} 可以发现， i 是类型是string而不是number，这一点很容易忽略，切记！ 普通的for循环法var array = ['aaa', 'bbb', 'ccc'];fo... 阅读全文
css1和css2就开始有的选择器css3新增选择器兄弟选择器属性选择器索引选择器其它选择器:epmty::selectionlast-of-type 和 last-child参考css1和css2就开始有的选择器css3新增选择器兄弟选择器E ~ F通用兄弟元素选择器是CSS3新增加一种选择器，这种选择器将选择某元素后面的所有兄弟元素，他们也和相邻兄弟元素类似，需要在同一个父元素之中，换句话说，... 阅读全文
实在忍不住吐槽说实话有强迫症的我忍了很久了，实在是忍不住写篇文章来吐槽一下。 标题可能说的有点大了，我要吐槽的是：我可能只需要某一个小小的功能模块A，结果模块A依赖B-F这5个模块，然后B又依赖这10个模块，C又依赖那20个模块…一环套一环下来最后需要下载数不清的模块，虽然下载神马的都是全自动的，但是这样真的好么？ 下面从几个方面来吐槽，有不爽的尽管来骂。 文件(夹)的个数就以下载gulp为... 阅读全文
方法一：HTMLElement.click()HTMLElement.click()，参考：https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLElement/click ， 比如a.click()，此方法最简单最方便，基本上没什么兼容性问题（IE5.5+，Chrome9+）： 特殊情况：js触发input[file]的单击事件原文写于：... 阅读全文
介绍gulp是一款前端构建工具。 安装npm install -g gulpnpm install -g gulp-sass gulp-concat gulp-uglify gulp-rename网上到处都是说不要全局安装，每一个项目下面都要自己重新安装一遍，说是什么避免版本不同造成一些问题，我就纳闷了，这玩意儿又不属于我代码的一部分，难道我100个项目要安装100次？有必要么？最坑爹的是文件数... 阅读全文
总结1、添加了autofocus的标签的input虽然能自动聚焦，但是输入法不会自动弹出： <input id="input" type="input" autofocus/>2、自动执行、添加了延时器等情况下也是一样，可以聚焦但是输入法无法弹出： <!DOCTYPE html><html lang="zh-cn"><head> <m... 阅读全文