分享前端开发常用代码片段-值得收藏

2018-05-03
阅读 13 分钟
12.8k
一、预加载图像 {代码...} 二、检查图像是否加载 {代码...} 三、自动修复破坏的图像 {代码...} 四、悬停切换 {代码...} 五、淡入淡出/显示隐藏 {代码...} 六、鼠标滚轮 {代码...} 七、鼠标坐标 1、JavaScript实现 {代码...} {代码...} 2、jQuery实现 {代码...} 八、禁止移动端浏览器页面滚动 1、HTML实现 {代码...} 2、J...

jQuery入门教程-CSS样式操作大全

2018-04-29
阅读 3 分钟
2.6k
1、获取样式 2、设置样式 3、追加样式 4、移除样式 5、重复切换anotherClass样式 6、判断是否含有某项样式 7、设置 CSS 属性 参数 描述 name 必需。规定 CSS 属性的名称。该参数可包含任何 CSS 属性,比如 "color"。 value 可选。规定 CSS 属性的值。该参数可包含任何 CSS 属性值,比如 "red"。如果设置了空字符串值,则...

你不可错过的前端面试题(二)

2018-04-21
阅读 6 分钟
3.2k
(1)合理的 title、description 和 keywords,他们的搜索权重逐个减小title 强调重点即可,重要关键词出现不要超过2次,而且要靠前,不同页面 title 要有所不同;description 把页面内容高度概括,长度合适,不可过分堆砌关键词,不同页面 description 有所不同;keywords 列举出重要关键词即可。

jQuery入门教程-文档操作方法

2018-04-16
阅读 2 分钟
2.2k
一、append()和appendTo() 1.1 append()方法 {代码...} 1.2 appendTo()方法 {代码...} 1.3 append()和appendTo()比较 (1)用法相同在被选元素的结尾(仍然在内部)插入指定内容。 (2)不同之处内容和选择器的位置不同,以及 append() 能够使用函数来附加内容。 二、html()方法 2.1 返回元素内容 当使用该方法返回一个...

前端资源分享-只为更好前端

2018-04-11
阅读 8 分钟
24.3k
一、团队组织 网站 说明 腾讯 AlloyTeam 团队 腾讯Web前端团队,代表作品WebQQ,致力于前端技术的研究 ISUX 腾讯社交用户体验设计,简称ISUX,腾讯设计团队网站 CDC 腾讯用户研究与体验设计部 FEX 百度Web前端研发部出品 淘宝前端团队(FED) 用技术为体验提供无限可能 凹凸实验室 京东用户体验设计部出品 奇舞团 奇虎36...

编写灵活、稳定、高质量的CSS代码的规范

2018-03-27
阅读 4 分钟
2.6k
一、语法 1.1 注意 (1)用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法。 (2)为选择器分组时,将单独的选择器单独放在一行。 (3)为了代码的易读性,在每个声明块的左花括号前添加一个空格。 (4)声明块的右花括号应当单独成行。 (5)每条声明语句之后应该插入一个空格。 (6)...

前端面试题-行内元素和块级元素

2018-03-25
阅读 3 分钟
8.5k
一、行内元素 一个行内元素只占据它对应标签的边框所包含的空间。 二、块级元素 块级元素占据其父元素(容器)的整个空间,因此创建了一个“块”。通常浏览器会在块级元素前后另起一个新行。 三、行内元素示例 HTML CSS Example 四、块级元素示例 HTML CSS Example 五、行内元素的特点 5.1 和其他元素都在同一行上 5.2 高...

前端面试题-CSS Hack

2018-03-24
阅读 2 分钟
4.8k
由于不同厂商的流览器或某浏览器的不同版本(如IE,Firefox/Safari/Opera/Chrome等),对CSS的支持、解析不一样,导致在不同浏览器的环境中呈现出不一致的页面展现效果。这时,我们为了获得统一的页面效果,就需要针对不同的浏览器或不同版本写特定的CSS样式。我们把针对不同的浏览器/不同版本写相应的CSS code的过程,叫...

前端面试题-display:none和visibility:hidden的区别

2018-03-23
阅读 1 分钟
11.3k
display:none 就是“株连性”明显的声明:一旦父节点元素应用了 display:none,父节点及其子孙节点元素全部不可见,而且无论其子孙元素如何不屈地挣扎都无济于事。

前端面试题-HTML语义化标签

2018-03-22
阅读 3 分钟
9.9k
(2)搜索引擎会把 title 作为判断页面主要内容的指标,有效的 title 应该包含几个与页面内容密切相关的关键字,建议将 title 的核心内容写在前 60 个字符。

前端面试题-HTML结构语义化

2018-03-21
阅读 2 分钟
3.8k
HTML结构语义化,是近几年才提出来的,对比之前的 HTML 结构,大多是一堆没有语义的标签。用的最多的就是 DIV+CSS,为了改变这种现状,开发者们和官方提出了 HTML结构语义化的概念,并且在 HTML5 添加了很多语义化标签。

前端面试题-url、href、src

2018-03-20
阅读 2 分钟
6.9k
统一资源定位符(或称统一资源定位器/定位地址、URL地址等,英语:Uniform Resource Locator,常缩写为URL),有时也被俗称为网页地址(网址)。如同在网络上的门牌,是因特网上标准的资源的地址(Address)。

前端面试题-渐进增强和优雅降级

2018-03-19
阅读 2 分钟
8.2k
渐进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的。由于低级浏览器不支持 CSS3,但是 CSS3 特效太优秀不忍放弃,所以在高级浏览器中使用CSS3,而在低级浏览器只保证最基本的功能。二者的目的都是关注不同浏览器下的不同体验,但是它们侧重点不同,所以导致了工作流程上的不同。

前端面试题-CSS选择器性能优化

2018-03-16
阅读 3 分钟
7.5k
作为一个网站的前端开发工程师,应该避免编写一些常见的开销很大的CSS选择符模式,尽量编写高效的CSS选择符,从而加快页面的渲染速度,缩短页面呈现时间。

前端面试题-CSS优先级

2018-03-15
阅读 1 分钟
4k
当同一个元素有多个声明的时候,优先级才会有意义。因为每一个直接作用于元素的CSS规则总是会接管/覆盖(take over)该元素从祖先元素继承而来的规则。

前端面试题-CSS选择器

2018-03-15
阅读 2 分钟
8.4k
CSS 选择器用于定位我们想要给予样式的 HTML 元素,但不只是在 CSS 中,JavaScript 对 CSS 的选择器也是支持的,比如 document.document.querySelectorAll。

前端面试题-伪元素的应用

2018-03-14
阅读 4 分钟
1.9k
父元素中有子元素,并且父元素没有设置高度,子元素在父元素中浮动,结果必然是父元素的高度为 0,这也就导致了父元素高度塌陷,我们就需要清除浮动。

前端面试题-伪类和伪元素

2018-03-14
阅读 4 分钟
6.4k
CSS introduces the concepts of pseudo-elements and pseudo-classes to permit formatting based on information that lies outside the document tree.

前端面试题-文本溢出显示省略号(...)

2018-03-12
阅读 2 分钟
8.5k
一、文本溢出隐藏 如下图所示,我们需要对溢出文本进行"..."显示的操作,单行多行的情况都有(具体几行得看设计的心情) 二、单行文本溢出隐藏 {代码...} 1. 注意 以上设置是单行文本溢出隐藏的3个必须CSS属性,缺一不可。 2. 说明 overflow: hidden; 当内容溢出元素框时,内容会被修剪,并且其余内容是不可见的。 text-...

前端面试题-clearfix(清除浮动)

2018-03-12
阅读 1 分钟
11k
浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。

前端面试题-BFC(块格式化上下文)

2018-03-10
阅读 3 分钟
18k
块格式化上下文(Block Formatting Context,BFC)是Web页面的可视化CSS渲染的一部分,是布局过程中生成块级盒子的区域,也是浮动元素与其他元素的交互限定区域。