前端开发经典问题总结

发布 2019-06-12 09:53:00 阅读 7447

对于未定义长宽的块级元素,内含浮动的块级元素,若要使其有独占一行的效果可添加display:inline-block属性。

placeholder input中的占位符(仅在支持html5的浏览器下有效)

用法:,作用:类似于提示语在输入框中。

animation动画。

appearance改变(比如div)为其他样式支持火狐/谷歌/苹果。

appearance:normal/icon/window/button/menu/field

针对css3渐变的记录。

针对手机webkit内核的浏览器不识别此写法:background-image: -webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);

识别写法如下:background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #759ae9), color-stop(50%, #376fe0), color-stop(50%, #1a5ad9), color-stop(100%, #2463de));

针对css3 box-shadow属性不仅支持单定义的属性控制如。

box-shadow:x y spread blur color inset

还支持box-shadow:inset x y spread blur color,x y spread blur color,等。

清除浮动。第一种; :overflow: hidden; _zoom: 1;合起来可以清除浮动。

第二种;.clear.clear:after(

主要为了兼容此div的背景、margin、padding值在各个浏览器下一致;

此div没有背景、margin、padding值,只用clear:both就行了

分享到:更多6

2011-05-16 分类:html/css37人评论13,640次浏览。

之前给大家介绍两种浮动闭合的办法css清除浮动万能float闭合,得知很多同学都在使用下面的骨灰级解决办法:

clear上诉办法是在需要清除浮动的地方加个或者我们知道这样能解决基本清浮动问题。

但是这种方法的最大缺陷就是改变了html结构,虽然只是加个div。

clearfix:after

clearfix

用法很简单,在浮动元素的父云素上添加class=”democlearfix”。

你会发现这个办法也有个弊端,但的确是小问题。改变css写法就ok了:

demo:after,.demo2:after

demo,.demo2

以上写法就避免了改变html结构,直接用css解决了。

clearfix

这种办法是我看国外的一篇文章得到的方案,测试了,百试不爽,真的很简单,很给力。喜欢的同学也可以试试这个办法。

这种方法是端友radom提供的,测试通过:

clearfix

感谢radom提供的这种方法!!

js笔记:1、js优化减少请求数量(合并文件,当然也得考虑文件的大小,)

2、js**性能,尽量使用变量来保存dom的遍历值。

3、http规范,浏览器每次从同一个域名中最多只能同时**两个文件。**脚本期间,浏览器不会**其他任何文件,即使是来自不同域名的文件也不会**,所有其他资源都要等脚本加载完毕后才能**。

4、与dom脚本编程工作有关的问题不外乎平稳退化、向后兼容、分离j**ascript这。这些问题的解决方式和解决程度影响着网页的可用性和可访问性。

5、语义化--易于阅读、有利于seo

解决ie6不支持最小高度。

height:auto !important;

height:200px; /假定最低高度是200px*/

min-height:200px;

内部div自动撑开外部div 的问题。

若内部div有浮动你是无法自动撑开外部的div滴,解决办法清除浮动了。

此上传按钮各个浏览器厂家兼容性完全不同,谷歌,苹果一类,最好控制,ie,火狐完全扯淡不支持对样式进行控制。

扯淡的兼容性哇。

class#color

color如上,优先级逐级下降。

jquery的空格问题。

var $demo=$(test :hidden’);

有空格的含义:选中类test下隐藏的元素。

var $demo=$(test:hidden’);

无空格的含义:选中类名为test的隐藏的元素。

绝对定位,相对定位。

position:absolute绝对定位,默认情况下其父元素对象是浏览器的左上角,若父元素也是绝对定位,则对象是父元素。

position:relative相对定位,针对父元素定位。

插入节点方法。

first---append() p”).append(“hello”);

example:i say :hello

appendto() hello”).appendto(“p”);

i want say hello

针对li:first-child li:last-child这种伪类,ie他nia的不支持。

focus,点击input输入框,这种特效,input:focus

outline:1px solid #ff0000;}可以设置;

(“element”).css获取对象所设置的高度。

(“element”).height();获取对象的实际高度。

(“element”).width(“100px”)设置宽度。

text-indent:-999px;作用:显示**效果,内含文字,为了便于seo的抓取,隐藏掉文字。

js变量定义。

js变量定义不可使用”-“这个符号例如:var page-count=1;这样是失效的,在css里可以。page-count定义。

js反义字符。

r回车换行,一般同时在一起使用””

select 属性multiple=”multiple”,如果不加这个属性,默认只可以选一个。

jquery中对象操作“this”的对象转换问题。

('tbody>tr').click(function(){

this)addclass('selected')

siblings().removeclass('selected')

end()find(':radio').attr('checked',true);

addclass时仍是默认对象,当执行到siblings这个方法时this已经是原对象的兄弟们了(siblings())因此要结束这个siblings的返回到原对象。

jquery默认click事件。

姓名性别暂住地。

前台设计组。

张山男浙江宁波。

李四女浙江杭州。

前台开发组。

王五男湖南长沙。

前端开发心得

web前端核心技术。从事前端开发工作1年多了,从最初的div css学起,到现在学到html5 css3 j ascript,jquery等等,我觉得前端要学的技术太多了,很多人认为前端开发要掌握的技能简单,就是网页制作,其实不然,前端开发是 的前台 实现,包括基本的html和css以及j ascr...

WEB前端开发经验总结

这里跟大家谈谈个人对web前端开发的一些经验 当然都是个人的一些理解,有什么地方说的欠妥或不对的地方还请包含和指正 这里我就从web标准开始吧。web标准是什么?说是web标准,不过我这里主要是对xhtml1.1 和 css2.1的一些经验总结。因为web含盖的内容实在是太多了,web标准 是一系列...

Web前端基础总结

的基本类型 undefined 只有一个值undefined,它是变量未被赋值时的值,在js中全局对象有一个undefined属性表示undefined,事实上undefined并非j ascript的关键字,可以给全局的undefined属性赋值来改变它的值。null 只有一个值null,但是j ...