- 博客(53)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 优秀的编码习惯
此文为本人记录文，记录在开发过程中一些注意事项和他人建议，不定时更新。（适用于：初踏入前端开发行业人群）1、注释/*XXXXXXX（功能）XXX（人名）2015-11-11（时间）*/2、JS代码放在HTML下面3、代码格式化（同级进行对齐，一般缩进用TAB键）4、行为操作相关例如全选按钮，通过判断全选按钮是否被选择来实现全选和取消，而不要通过一
2016-02-20 23:43:21
1512
原创 JS中避免命名冲突
一个项目可能由多个工程师完成，一个人可能需要完成多个JS文件。在这个情况下，如何避免命名冲突呢？这个时候我们需要对全局变量进行控制，进行切忌全局变量使用泛滥。方法1：使用匿名函数将包含脚本。让变量的作用域控制在匿名函数里面。(function(){var a=1;var b=2;})()a,b都是包在这个匿名函数function里的变量，作用域不再是window,而
2016-02-20 21:12:11
5057
转载 web标签语义汇总
为了更快更好的运用标签语义化，下面的表单列出了所有的HTML标签以及标签的描述。以下列表按字母顺序排列，其中new为 HTML5 中的新标签。标签描述定义注释。定义文档类型。定义超链接。定义缩写。HTML 5 中不支持。定义首字母缩写。定义地址元素。HTML 5 中不
2016-02-20 15:58:40
314
原创 语义化标签
一、语义化标签的作用：1、搜索引擎只能通过标签来判断内容的语义，语义清晰有利于搜索引擎优化。2、渣网速下，样式未加载，也有可读性。二、标签的语义HTML标签的设计都是有语言考虑的。以下是从书中截图出来的标签语言对照表。（红色框为常用的标签）其中，div和span其实是没有语义的，他们分别只是用作块级元素和行内元素的区域分隔符。存在的用途：对代码进行模块化，使
2016-02-20 14:39:21
467
原创 CSS sprite注意事项
在网站中，图片的家长会发出HTTP请求，一张图片需要一条HTTP请求，如果一个页面需要加载多张图片，那么会相应的发出多条HTTP请求。HTTP请求书越多，访问服务器的次数就越多，服务器的压力越大。css sprite技术将多张图片合并成一张大图，减少网页HTTP请求数和服务器也来。但是在使用css sprite中，我们需要注意以下几点：1、合并的智能是用于背景的图片，对于设置的图片，无法合
2016-02-20 14:02:33
331
原创 CSS优先级
CSS优先级主要是根据选择符的权重问题来判断的，当不同选择符的样式设置有冲突时，会采用权重高的选择符设置的样式。权重规则：HTML标签的权重是1 （p,a,div）class的权重是10 (.test .room)id的权重是100 (#test #room)例子p a的权重是1+1=2p .test的权重是1+10=11#test .
2016-02-20 12:47:44
306
原创 IE6浏览器常见兼容问题汇总
1、文档类型声明没有写声明时，会促发ie的怪异解析2、内外边距使用reset.css对样式进行清除3、横向双倍marginIE6中设置元素浮动后，会出现横向双倍margin值添加display:inline;4、当文字高度超过盒模型的时候，会影响布局设置overflow：hidden 或者设置文字行高小于盒模型5、img外部边框当img外部有a标签的时
2016-02-20 12:39:28
420
原创 web开发中，什么时候使用id,什么时候使用class
id和class都是css选择符最常用的，它们主要有以下的区别：1.同个网页，id只能出现一次，不可重复。class可以出现任意多次2.id的css选择符权重100，class103.原生JS提供getElementById()方法，支持通过id对应到相关的元素，但JS不支持通过class对应到相关html元素因为id不能重用，导致限制网页的扩展。比如我们使用某个id标记元
2016-02-20 10:30:28
1098
原创 谷歌兼容问题
1、img标签在谷歌中会有默认边框解决方法：不使用img标签，用其他标签+background:url()来替代2、select option 下拉框中，text-align不能实现居中解决办法：transform: translateX(50%);然后沿X轴移动父元素的50%width: 50%; 让整个的宽度为50%；其他谷歌中的居中实
2016-02-18 16:34:51
815
转载 jQuery的deferred对象详解
一、什么是deferred对象？开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。其中，既有异步的操作（比如ajax读取服务器数据），也有同步的操作（比如遍历一个大型数组），它们都不是立即能得到结果的。通常的做法是，为它们指定回调函数（callback）。即事先规定，一旦它们运行结束，应该调用哪些函数。但是，在回调函数方面，jQuery的功能非常弱。为了改变这一点，
2016-02-08 21:18:22
377
转载 在JS方法中返回多个值的方法
在使用JS编程中，有时需要在一个方法返回两个个或两个以上的数据，用下面的几种方法都可以实现：1 使用数组的方式，如下：html>head> title>JS函数返回多个值--oec2003title>head>body> input type="button" onclick="getNames()" value="test" /> script type=
2016-01-22 14:39:48
476
转载 css改变下拉列表select框的默认样式
我们看到默认的下载选择框在firefox和chrome中是有些不同的Chrome 和 Firefox 中分别是这样的：其实用下列CSS就可以解决，原理是将浏览器默认的下拉框样式清除，然后应用上自己的，再附一张向右对齐小箭头的图片即可。select { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: sol
2016-01-14 10:22:07
571
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人