文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

前端开发，关键技术点杂烩

5、什么叫优雅降级和渐进增强 渐进增强：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。...10、关于浮动的原理和工作方式 浮动本质就是个带有方位的 display:inline-block 属性；会打破同一行的 inline-box 模型； 11、浮动会产生什么影响呢，要怎么处理？...解决方案：父级 div 定义 overflow:hidden、结尾处加空 div 标签 clear:both、父级 div 定义伪类 :after（最后一个子元素的后边）和 zoom。...权值为1000：代表内联样式，如: style=""。 权值为100：代表ID选择器，如：#content。 权值为10：代表类，伪类和属性选择器，如.content。...权值为1：代表类型选择器和伪元素选择器，如div p。 *通用选择器（*），子选择器（>）和相邻同胞选择器（+）的权值都为0。 14、你了解哪些布局？你平时有使用过什么布局实现？

1.7K30
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    前端关键技术点杂烩，这些你必须知道

    5、什么叫优雅降级和渐进增强 渐进增强：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。...10、关于浮动的原理和工作方式 浮动本质就是个带有方位的 display:inline-block 属性；会打破同一行的 inline-box 模型； 11、浮动会产生什么影响呢，要怎么处理？...解决方案：父级 div 定义 overflow:hidden、结尾处加空 div 标签 clear:both、父级 div 定义伪类 :after（最后一个子元素的后边）和 zoom。...权值为1000：代表内联样式，如: style=""。 权值为100：代表ID选择器，如：#content。 权值为10：代表类，伪类和属性选择器，如.content。...权值为1：代表类型选择器和伪元素选择器，如div p。 *通用选择器（*），子选择器（>）和相邻同胞选择器（+）的权值都为0。 14、你了解哪些布局？你平时有使用过什么布局实现？

    2.1K20

    第213天：12个HTML和CSS必须知道的重点难点问题

    对子元素使用了浮动之后，子元素会脱离标准文档流，也就是说，父级元素中没有内容可以撑开其高度，这样父级元素的height就会被忽略，这就是所谓的高度塌陷。...3.3 清除浮动的方法 方法1：给父级div定义 高度 原理：给父级DIV定义固定高度（height），能解决父级DIV 无法获取高度得问题。...（不推荐使用） 方法二：使用空元素，如div class="clear">div> (.clear{clear:both}) 原理：添加一对空的DIV标签，利用css的clear:both属性清除浮动...如当前对行内文本的字体尺寸未被人为设置， 则相对于浏览器的默认字体尺寸。它会继承父级元素的字体大小，因此并不是一个固定的值。...渐进增强针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

    3.4K20

    Bootstrap快速入门

    div class="col-md-11">.col-md-11div> div> div> 实际上列组合的实现非常简单，只涉及2个CSS特性，左浮动和宽度百分比，例如 .col-md...，也就是改变左右浮动，并设置浮动的距离，其通过.col-md-push-*和.col-md-pull-*实现。...div class="col-sm-12 col-md-8">.col-sm-12 .col-md-8div> 清除浮动问题：理想很丰满，现实很骨感，有时会出现不同设备显示时出现意外，比如因为高度的原因造成错位... div> BootStrap中的js都遵循同样的步骤来实现js插件，如下所示 声明立即调用函数，如+function($){"use strict";}(jQuery); 定义插件类及相关原型方法...，如Alert.prototype.close 在jQuery上定义插件并重设插件构造函数，如$.fn.alert.Constructor=Alert 防冲突处理，如$.fn.alert.noConflict

    5.9K61

    Python 之Web编程

    ，如:name="alex" 　　- 如果属性值和属性名完全一样，直接写属性名即可，如:readonly  1、标签 　　meta标签的组成：meta标签共有两个属性，分别是http-equiv...>p{color: green} 4 E+F 毗邻元素选择器，匹配所有紧随E元素之后的同级元素F div+p{color: green} 注： 　　1、块级元素可以包含内联元素或某些块级元素...浮动：浮动的框可以向左或向右移动，直到它的外边距碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的浮动框之后的块框表现得就像浮动框不存在一样。...无论多么复杂的布局，其基本出发点均是：“如何在一行显示多个div元素”。 　　...JQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多JavaScript高手加入其team。JQuery是继prototype之后又一个优秀的JavaScript框架。

    3.3K22

    前端面试那些坑

    如何在页面上实现一个圆形的可点击区域？ 实现不使用 border 画出1px高的线，在不同浏览器的Quirksmode和CSSCompat模式下都能保持同一效果。...如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？ display有哪些值？说明他们的作用。 position的值relative和absolute定位原点是？...请解释一下为什么会出现浮动和什么时候需要清除浮动？清除浮动的方式 移动端的布局用过媒体查询吗？ 使用 CSS 预处理器吗？喜欢那个？ CSS优化、提高性能的方法有哪些？...有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度。 png、jpg、gif 这些图片格式解释一下，分别什么时候用。有没有了解过webp？...把 Script 标签 放在页面的最底部的body封闭之前 和封闭之后有什么区别？浏览器会如何解析它们？ 移动端的点击事件的有延迟，时间是多久，为什么会有？ 怎么解决这个延时？

    3.4K60

    04-老马jQuery教程-DOM节点操作及位置和大小

    ，一个是在最前面追加子节点（prev vs after) 2.2 追加到appendTo(content)方法 参数：content： 用于被追加的内容选择器，String类型。...实例： $("div>****div>").appendTo('body'); prependTo(content)方法，跟appendTo(content)的使用方法一致，一个是追加到最后，一个是追加到最前...2.3 元素之后插入节点after(content|fn)方法 参数 content：插入到每个目标后的内容，类型可以：String，DOM，jQuery fn(index,html)：函数必须返回一个...2.4 插入某个元素之后insertAfter(content)方法 参数： content：插入到每个目标后的内容，类型可以：String，DOM，jQuery。...因此，如果要添加文本应该在包裹完成之后再行添加。

    3.6K90

    前端工程师面试题汇总

    如何在页面上实现一个圆形的可点击区域？ 实现不使用 border 画出1px高的线，在不同浏览器的Quirksmode和CSSCompat模式下都能保持同一效果。...如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？ display有哪些值？说明他们的作用。 position的值relative和absolute定位原点是？...请解释一下为什么会出现浮动和什么时候需要清除浮动？清除浮动的方式 移动端的布局用过媒体查询吗？ 使用 CSS 预处理器吗？喜欢那个？ CSS优化、提高性能的方法有哪些？...有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度。 png、jpg、gif 这些图片格式解释一下，分别什么时候用。有没有了解过webp？...把 Script 标签 放在页面的最底部的body封闭之前 和封闭之后有什么区别？浏览器会如何解析它们？ 移动端的点击事件的有延迟，时间是多久，为什么会有？ 怎么解决这个延时？

    3.1K80

    JavaScript 学习-37.jQuery 添加删除替换元素

    前言 通过 jQuery，可以很容易地添加和删除元素。...添加元素 添加元素主要用到四个方法 append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容...(){ $("#btn").click(function(){ // 添加一个元素 $("#demo").prepend("追加一段文本..."); }); }); 实现效果,添加到div下第一个子元素 after()在被选元素之后插入内容 $(document).ready(function(){...方法一样，返回jQuery对象，所以可以和其他方法链接使用 replaceWith()方法返回的jQuery对象引用的是替换前的节点，而不是通过replaceWith/replaceAll方法替换后的节点

    2.9K30

    04-老马jQuery教程-DOM节点操作及位置和大小

    ，一个是在最前面追加子节点（prev vs after) 2.2 追加到appendTo(content)方法 参数：content： 用于被追加的内容选择器，String类型。...实例： $("div>****div>").appendTo('body'); prependTo(content)方法，跟appendTo(content)的使用方法一致，一个是追加到最后，一个是追加到最前...2.3 元素之后插入节点after(content|fn)方法 参数 content：插入到每个目标后的内容，类型可以：String，DOM，jQuery fn(index,html)：函数必须返回一个...2.4 插入某个元素之后insertAfter(content)方法 参数： content：插入到每个目标后的内容，类型可以：String，DOM，jQuery。...因此，如果要添加文本应该在包裹完成之后再行添加。

    7.5K00

    看不完的那种！前端170面试题+答案学习整理（良心制作）

    javascript操作，有异步操作，如ajax读取服务器数据，有同步操作，如遍历一个大型数组，它们都不能立即得到结果。...>元素，如何使用jquery来选择它们 可以使用标签选择器来选择所有的div元素，$("div")会返回一个包含5个div标签的jQuery对象。...49.如何在单击一个按钮时使用jQuery隐藏一副图片 $('.demo-img').click(function() { $('.img').hide(); }); 50....image 112.jquery中是如何操作类的 用addClass()来追加类，用removeClass()来删除类，用toggle()来切换类。...113.使用jQuery中的动画 hide()和show()可以同时修改多个样式属性，如高度，宽度，不透明度。 fadeIn()和fadeOut()，fadeTo()只能改变不透明度。

    13.7K50
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券