- 博客(53)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 关于window.open被拦截那些事
window.open() 可谓是 弹窗广告的利器。因此它被很多浏览器禁用了在网页上打开新链接的方法：1、window.open()2、不支持的浏览器下采用插入一段a链接，对a链接执行点击，从而达到打开新链接的目的。3、然而很悲剧的是，a标签并不是和按钮一样有onclick()事件的。IE8和火狐中，a标签的click事件跟页面跳转没有关系，
2016-05-19 22:41:36
2129
转载 DOM中的事件模拟
三个步骤：首先通过document.createEvent()方法创建event对象，接收一个参数，即表示要创建的事件类型的字符串：UIEvents（DOM3中的UIEvent）鼠标和键盘事件；MouseEvents（DOM3中的MouseEvent）鼠标事件；MutationEvents（DOM3中的MutationEvent）变动事件；HTMLEvent
2016-05-19 22:21:38
1228
原创 css绘制特殊形状
1、绘制椭圆形 /*border-radius是一种缩写方法。如果“/”前后的值都存在， * 那么“/”前面的值设置其水平半径，“/”后面值设置其垂直半径。 * */（1） #oval { width: 200px; height: 100px; background: red;
2016-05-15 22:07:29
2975
转载 JavaScript最佳实践：性能
注意作用域避免全局查找 一个例子：functionupdateUI(){var imgs = document.getElementByTagName("img");for(var i=0, len=imgs.length; i<len; i++){ imgs[i].title =document.title + " image " + i; }var msg =
2016-05-11 22:40:00
366
转载 css中伪类:after的用法(三种方式)
CSS中存在一些比较特殊的属性，称之为伪类，它们之中最常用的就是定义链接的伪:link，:visited，:hover，:active等。 除了它们，还有一些不被常使用的伪类，有:focus，:first-child，:lang等。 而且CSS里不光有伪类，还有伪元素，比如：:first-letter，:first-line，:before和:after。 本文中其它伪元素暂且不表
2016-05-08 22:05:45
16203
转载 em与px
px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。 任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算，需要在css
2016-05-08 22:03:24
217
转载 CSS的line-height属性
视觉设计师在设计时，往往会给出了这样那样的前端规范，标出颜色、尺寸、间距等。但在文字间距的定义时，往往对基准线及line-height的概念不清晰，而前端测量及编码实现时也不够准确。想要改善这种状况，从而更好的展现页面，就需要视觉及前端都真实了解line-height。一、什么是行间距(line-height)? 所谓行高是指文本行基线间的垂直距离。要想理解这句话首先
2016-05-08 21:52:21
1186
转载 vertical-align 和 line-height 的关系
/* 关键字值 */vertical-align: baseline;vertical-align: sub;vertical-align: super;vertical-align: text-top;vertical-align: text-bottom;vertical-align: middle;vertical-align: top;vertical-al
2016-05-08 21:38:37
510
转载 解决setInterval计时器不准的问题
在js中如果打算使用setInterval进行倒数,计时等功能,往往是不准确的,因为setInterval的回调函数并不是到时后立即执行,而是等系统计算资源空闲下来后才会执行.而下一次触发时间则是在setInterval回调函数执行完毕之后才开始计时,所以如果setInterval内执行的计算过于耗时,或者有其他耗时任务在执行,setInterval的计时会越来越不准,延迟很厉害.下面的代码可
2016-05-02 22:56:30
6089
原创 visibility与display
（1）visibility 属性：collapse:当在表格元素中使用时，此值可删除一行或一列，但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上，display: none相同。hidden:相当于display: none，但仍然占用页面空间。visible:默认值。元素是可见的。（2）display
2016-05-02 22:18:22
256
转载 ie6、7下inline-block
1、inline元素(比如span,em等)的display属性设置为inline-block时，所有的浏览器都支持；2、block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的；如果是内联元素使用了inline-block，那所有的浏览器显示都是正常的。（ie6、ie7中对内联元素使用display:inline-block，IE是不识别的，但使
2016-05-02 21:43:26
281
转载 前端命名规则
通用功能与内容1：关于：about账户：account操作：action广告：ad箭头图标：arrow文章：article音频：audio头像：avatar条：bar线：line品牌：branding标题说明：caption分类：categor
2016-05-02 21:23:16
644
转载 textarea延迟渲染
-textarea延迟渲染原理(郑昀)-据玉伯介绍，HTML元素中有一种RCDATA elements，含textarea和title。RCDATA=Replaceable Character Data。如果用隐藏的textarea来存放 html 代码，textarea 中的内容会按照 RCDATA 规则来解析：遇到 & 时，会尽可能得到实体字符。遇到 ) 时，会结束解析
2016-03-27 22:57:38
1013
原创 无法给变量添加属性导致出问题
有时候在代码中会遇到上面的问题。var pro=[];pro[i].id=XXX;错误：pro[i]未定义解决办法：1、对象数组2、对象中包含对象，一般不这么做
2016-03-12 16:56:38
308
原创 JQ下拉框取text() val() index操作
一、触发事件1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发二、jQuery获取被选中项1、直接获取被选中项$("#select_id").find("option:selected")2、获取被选中项的索引$("#select_id ").get(0).
2016-03-11 11:42:17
2865
原创 wamp的phpMyAdmin打不开
出现这种问题，基本上是因为你用过wamp下面的黑屏的mysql，进入时的密码不是空导致的。解决办法：1、找到phpmyadmin.conf老版本在phpmyadmin文件夹下新版本在wamp\apps\phpmyadmin4.1.14文件夹下这个文件中有以下的几行$cfg['Servers'][$i]['user'] = 'root';$cfg['Serve
2016-03-10 20:50:06
1041
转载 JSON用法及json对象（Object）和字符串（String）互转
1、json的创建，增加，修改，删除 var json = { "age":24, "name":"cst" }; //修改Json中的age值,因为Json中存在age属性 json["age"] = 30; al
2016-03-09 14:52:01
819
原创 JS/JQ实现滚动调默认最底部
1、让scrollTop（滚动条的垂直位置）== $("tbody").height()元素的高度(常用)JS：div.scrollTop = div.scrollHeight;JQ：$("#cAaddtable tbody").scrollTop( $("#cAaddtable tbody").height() );2、让最后一个元素一直在可视界面中scrollIntoVie
2016-03-09 12:37:26
13080
原创 JS字符串截取
1、split( “：” );将字符串以：为边界分割成数组。var str="ah：sk：asd：sd"；str.split(“：”);//str [ah,sk,asd,sd];2、substr( start , length ) start 必需。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。 length 可选。在返回的子字符串中
2016-03-08 13:09:42
282
转载 sessionStorage 、localStorage 跟 cookie 之间的区别
sessionStorage 、localStorage 和 cookie 之间的区别(转)sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的，可以方便的在web请求之间保存数据。有了本地数据，就可以避免数据在浏览器和服务器间不必要地来回传递。sessionStorage、localStorage、cookie都是在浏览器端存储
2016-03-06 23:05:15
407
原创 谷歌调试工具
1、element上面是html代码，下面是css样式2、Network用于查看某个页面打开时，每一部分资源占用的时间。通常在优化网站性能时需要用到。也有查找框框用于过滤，xhr表示ajax资源占用时间。一般来说，网页的加载顺序是：样式css——html代码——js代码——图片——视频我们在代码中的写法就是css——html——js。而图片视频往往比较大，在后面才加
2016-03-06 21:57:20
311
原创 兼容IE的CSS写法
一、hack写法：.demo {margin-left:30px; _margin-left:20px; }优点：1、内嵌在CSS中，编写的时候很方便2、内嵌在CSS中，不会产生更多的HTTP请求缺点：1、没有统一在一个模块中，后期维护和修改麻烦2、即使这种写法不起作用的浏览器，也会将代码加载进去，浪费资源二、CSS条件注释写法：
2016-03-04 20:58:37
1968
转载 HTML 5 的自定义 data-* 属性和jquery的data()方法的使用
人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是，你不知道将来会不会有其它脚本把你的自定义属性给重置掉，此外，你这样做也会导致html语法上不符合Html规范，以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性，你可以拿它做很多有用的事情。你可以去读一下HTML5的详细规范，但这个自定义data属性的用法非常的简单，就是你可以往HTML标签
2016-03-03 22:34:03
246
转载 jQuery DOM 操作（基本操作、内部插入、外部插入、包裹操作）
1.删除操作（1）remove() $(selector).remove([selector]) $("#div3").remove(); //删除 id 为 div3 的 div 标签$("div").remove("#div3"); //删除 div 标签中 id 为 "div3" 的标签（2）detach() $(selector).detach([se
2016-03-03 22:11:18
275
原创 被需要的元素被埋起来的方法
1、最简单的方法就是在html代码中增加标签如：将房间中的会员信息加入然而我们一般不这么做，因为太多的width:0px;height:0px;overflow:hidden;有可能会被搜索引擎认为是作弊。2、H5新增了data-XXX，可以用于嵌套自定义属性data-XXX属性是HTML5新定义的自定义属性456可以通过document.getElementB
2016-03-03 21:50:40
239
原创 wamp的apach打不开解决办法
1、测试是否80端口被占用2、cmd打开运行窗口3、输入netstat -ano | findstr "80"4、找到端口号为80的进程PID5、打开任务管理器进程——查看——选择列勾选PID（进程标识符）6、找到占用该端口号的进程PID。关闭进程。重启wamp即可
2016-03-02 21:09:19
404
原创 跨域的方法
那么如果子域名和顶级域名不同源，在哪里可以设置叫他们同源？ 这个问题就是实现跨域访问的目的，简单的办法有在要读取跨域资源的地方的脚本前设置该域document.domain='B.com'; 这是因为在跨域访问中虽然子域不能读取根域的资源但是还是可以允许修改域限制为比子域更短的域设置，这样在子域的还是可以做读取父域资源的可能。 如何设置可以跨域请求数据？jsonp是做什么的？
2016-03-01 21:24:43
236
原创 javascript同源策略
本文根据其他文章做修改和补充。一、同源策略的产生JS可以读取/修改网页的值。一个浏览器中，打开一个银行网站和一个恶意网站，如果恶意网站能够对银行网站进行修改，那么就会很危险。如果某个网站可以通过从其他的网站中获取页面到自己的网站，那么对那些做原创网站的站长就很不公平。同源策略就是为了解决这类问题而出现的。二、什么是同源策略（举例）同源策略，即拥有相同的协议（
2016-03-01 19:50:51
2829
原创 a标签点击后的虚线框
聚焦a标签时，会出现一个虚线框。这个框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。解决办法：1、添加outline:none但是对ie6,ie7无效2、在a标签里加入js控制，当a标签聚焦时，取消焦点。a href="#" onfocus="this.blur();">测试3、在css中加入4、a标签中加入hid
2016-02-28 13:28:54
493
转载 javascript:void(0)
在代码中，我们经常会看到像这种代码。javascript是一种伪协议，表示url中的内容通过javascript执行。void(0)表示不做任何操作，防止链接跳转到其他页面。如果你鼠标悬停于一个链接上，在浏览器底部状态栏上显示该链接的目标地址是这个的话，说明这个网页的编写者希望这个链接被点击时不是直接跳转到某个新页面，而是执行其他操作（例如某个预设的JS函数）。那为什么要加
2016-02-28 10:51:52
335
原创 遮罩层
html,body{width:100%;}#shade{width:100%;height:100%;position: absolute; background:#333333 ;opacity:0.5; filter:alpha(opacity=50);z-index: 1000;}注意：shad
2016-02-27 14:38:56
197
原创 for循环绑定监听事件索引值总是最后一个
var Menu=$(".tab");for(var i=0;i $(".tab").eq(i).onclick=function(){ $(".tabContent").css("display","none"); $(".tabContent").eq(i).css("display","block"); }
2016-02-26 23:03:06
3191
原创 table的td/th宽度兼容问题（谷歌下）
问题：样式为上面图中居中，但是当table的display：”none“之后再设置”block“，就会出现下图中的情况。原因：使用了tbody的 隐藏方式 style="display: none"谷歌内核在处理display: none 变成display: block的过程中只是把一个tr中的所有td 挤到对应的第一个td中 后面的空间不会解析解决办法：控制
2016-02-25 13:56:47
1445
原创 HTML搜索引擎优化
HTML各个元素对搜索引擎的权重比例内部链接文字： 10分标题title： 10分域名： 7分H1,H2字号标题： 5分每段首句： 5分路径或文件名： 4分相似度（关键词堆积）： 4分每句开头： 1.5分加粗或斜体： 1分文本用法(内容)：1分title属性： 1分 (注意不是title>, 是title属性, 比如a href=… title=”)
2016-02-22 23:46:23
4126
转载 JS兼容问题
一、事件attachEvent("onclick",A);addEventListener("click",A,false);detachEvent("onclick",A);removeEventListenter("click",A,false);一、document.formName.item(”itemName”) 问题 问题说明：IE下，可以使用
2016-02-22 22:57:11
91
转载 JS事件传播-冒泡和捕获
默认情况下，都是事件冒泡。在火狐和谷歌中，可以在addEventListener时，将useCapture设置为true，则变成事件捕获。冒泡从目标对象开始，向父级元素至window递进。捕获从window底层逐级向目标对象传递阻止事件冒泡通常情况下我们都是一步到位，明确自己的事件触发源，并不希望浏览器自作聪明、漫无目的地去帮我们找合适的事件处理程序，即我们明确最精准目
2016-02-22 20:28:09
1271
转载 javascript event对象的clientX,offsetX,screenX,pageX区别
event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性event.pageX、event.pageY类似于event.clientX、event.clientY，但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性，但得到了广泛支持。IE事件中没有这2个属性。
2016-02-22 19:27:22
421
转载 JS里的{ }大括号和[ ]中括号的用法——看懂JSON结构
一、{ } 大括号，表示定义一个对象，大部分情况下要有成对的属性和值，或是函数。如：var LangShen = {"Name":"Langshen","AGE":"28"};上面声明了一个名为“LangShen”的对象，多个属性或函数用,（逗号）隔开，因为是对象的属性，所以访问时，应该用.（点）来层层访问：LangShen.Name、LangShen.AGE，当然我们也可以用数组的方
2016-02-22 12:42:01
2483
原创 window.onload和DOMReady
JS的加载，是浏览器下载到哪里就执行到哪里，这种特性会导致整个项目没有一个明显的程序入口。为了解决这个问题，我们需要对代码功能进行划分。JS分成两部分：框架和具体的功能实现。框架部分包括：定义全局变量，命名空间等，和具体功能无关，每个页面都需要加载相同的框架，每个页面都需要加载包括相同的框架。按照编码习惯，将初始化的工作放在init函数中，他便是网页的程序入口。JS代码中会出现这样一种
2016-02-21 13:30:12
439
原创 JS事件绑定的方法
1、把事件绑定到元素标识的属性。事件属性名称由事件类型加“on”构成。onclick onmouseover HTML代码是不区分大小写的，所以直接写在html中，大小写都可以A B 2、将事件绑定到对象中。click mouseover A document.forms[0].myButton.click=A();B绑定事件
2016-02-21 09:41:04
1363
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人