随笔分类 -  [1] CSS3

58集团2017校招笔试-前端岗
摘要：刚刚做完58的前端岗位在线笔试，趁热打铁，把题目记录下来供需要的小伙伴们参考~~整理完题目先去吃饭啦，暂时不贴答案了，后面会补上的~~ 首先说下整体感觉：挺基础的，不过最后一道编程题个人感觉得有些积累才能~~~不信你往下看~~~ 一.笔试题目 说明：以下题目是考试过程中用笔记录，描述可能跟题目不完全 阅读全文
posted @ 2016-09-01 14:06 SHERO_Vae 阅读(3254) 评论(3) 推荐(5)
途牛前端工程师在线笔试题（含答案和全面解析）
摘要：途牛前端工程师在线笔试题 知识点列表： 字符串转数字 Math对象方法：round() pow() floor() ceil() parseInt Math对象方法：round() pow() floor() ceil() 'use strict' 对象字面量 Object.create() arr 阅读全文
posted @ 2016-08-25 12:01 SHERO_Vae 阅读(4837) 评论(0) 推荐(1)
前端常见的浏览器兼容性问题及解决方法（不断更新中）
摘要：1. png24位的图片在iE6浏览器上出现背景 解决方案：做成PNG8，也可以引用一段脚本处理。 2. 浏览器默认的margin和padding不同 解决方案：加一个全局的 *{margin:0;padding:0;} 来统一。 3. IE6双边距bug：在IE6下，如果对元素设置了浮动，同时又设 阅读全文
posted @ 2016-08-23 16:29 SHERO_Vae 阅读(1188) 评论(0) 推荐(0)
对网站重构的理解
摘要：网站重构： 在不改变外部行为的前提下，简化结构、添加可读性，而在网站前端保持一致的行为。也就是说是在不改变 UI 的情况下，对网站进行优化，在扩展的同时保持一致的 UI。 对于传统的网站来说重构通常是： 1) 表格(table)布局改为 DIV + CSS 2) 使网站前端兼容于现代浏览器(针对于不 阅读全文
posted @ 2016-08-23 14:34 SHERO_Vae 阅读(599) 评论(1) 推荐(0)
CSS选择符、属性继承、优先级算法以及CSS3新增伪类、新特性
摘要：CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？CSS新增了哪些特性？下面我整理了一些，仅供参考。 CSS 选择符： 1) id选择器(# myid) 2) 类选择器(.myclassname) 3) 标签选择器(div, h1, p) 4) 相邻选择器(h1 阅读全文
posted @ 2016-08-22 18:58 SHERO_Vae 阅读(6423) 评论(0) 推荐(2)
【对比分析五】CSS阻塞和JS阻塞
摘要：js 的阻塞特性： 所有浏览器在下载 JS 的时候，会阻止一切其他活动，比如其他资源的下载，内容的呈现等等。直到 JS 下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。为了提高用户体验，新一代浏览器都支持并行下载 JS，但是 JS 下载仍然会阻塞其它资源的下载（例如.图片，css文件等） 阅读全文
posted @ 2016-08-22 16:19 SHERO_Vae 阅读(340) 评论(0) 推荐(0)
浮动的原理、引起的问题及解决方法
摘要：浮动的工作原理 浮动元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。 浮动元素引起的问题： 1) 父元素的高度无法被撑开，影响与父元素同级的元素 2) 与浮动元素同级的非浮动元素会跟随其后 3) 若非第一个元素浮动，则该元素之前的元素也需要浮动，否则会影响页面显示的结构 阅读全文
posted @ 2016-08-22 15:37 SHERO_Vae 阅读(1446) 评论(0) 推荐(0)
【对比分析四】position的absolute与fixed共同点与不同点
摘要：共同点： (1) 改变行内元素的呈现方式，display被置为block； (2) 让元素脱离普通流，不占据空间； (3) 默认会覆盖到非定位元素上 不同点： absolute的”根元素“是可以设置的，而fixed的”根元素“固定为浏览器窗口。 当你滚动网页，fixed元素与浏览器窗口之间的距离是不 阅读全文
posted @ 2016-08-22 15:15 SHERO_Vae 阅读(1396) 评论(0) 推荐(1)
【对比分析三】CSS中 link 和@import 的区别
摘要：1). link 是 XHTML 标签，无兼容问题； @import 是在 CSS2.1 提出的，只有IE5以上才能识别。 2). 语法结构不同。 link （链接式）只能放入HTML源码中，语法为： @import （导入式）语法为： 3). 使用场景不同。 link标签除了可以加载 CSS 外， 阅读全文
posted @ 2016-08-22 15:15 SHERO_Vae 阅读(227) 评论(0) 推荐(0)