![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
知识琐碎
会过去的。
这个作者很懒,什么都没留下…
展开
-
知识杂碎17
30 、 描述一个 ” reset ”的 的 S CSS 文件并如何使用它 。 知道 s normalize.css 吗?你了解他们的不同之处?重置样式非常多,凡是一个前端开发人员肯定有一个常用的重置 CSS 文件并知道如何使用它们。他们是盲目的在做还是知道为什么这么做呢?原因是不同的浏览器对一些元素有不同的默认样式,如果你不处理,在不同的浏览器下会存在必要的风险,或者更有戏剧性的性发生。你可能会用 Normalize 来代替你的重置样式文件。它没有重置所有的样式风格,但仅提供了一套合理的默原创 2020-05-21 23:06:42 · 156 阅读 · 1 评论 -
知识杂碎16
27 、s css 中可以让文字在垂直和水平方向上重叠的两个属性是什么?垂直方向:line-height水平方向:letter-spacing那么问题来了,关于 letter-spacing 的妙用知道有哪些么?答案:可以用于消除 inline-block 元素间的换行符空格间隙问题。29 、x px 和 和 m em 的区别。px 和 em 都是长度单位,区别是,px 的值是固定的,指定是多少就是多少,计算比较容易。em 得值不是固定的,并且 em 会继承父级元素的字体大小。浏览器的默原创 2020-05-20 23:52:28 · 142 阅读 · 0 评论 -
知识杂碎15
25 、什么是外边距重叠?重叠的结果是什么?外边距重叠就是 margin-collapse。在 CSS 当中,相邻的两个盒子(可能是兄弟关系也可能是祖先关系)的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠,并且因而所结合成的外边距称为折叠外边距。折叠结果遵循下列计算规则:两个相邻的外边距都是正数时,折叠结果是它们两者之间较大的值。两个相邻的外边距都是负数时,折叠结果是两者绝对值的较大值。两个外边距一正一负时,折叠结果是两者的相加的和。26 、 rgba()和 和 y o原创 2020-05-19 22:54:05 · 165 阅读 · 0 评论 -
知识杂碎14
24 、 行内元素和块级元素的具体区别是什么?行内元素的 g padding 和 和 n margin 可设置吗?块级元素(block)特性:总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示;宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;内联元素(inline)特性:和相邻的内联元素在同一行;宽度(width)、高度(height)、内边距的 top/bottom(padding-top/padding-bottom)和原创 2020-05-18 20:01:49 · 114 阅读 · 0 评论 -
知识杂碎13
19 、S CSS 中可以通过哪些属性定义 , 使得一个 M DOM 元素不显示在浏览器可视范围内?最基本的:设置 display 属性为 none,或者设置 visibility 属性为 hidden技巧性:设置宽高为 0,设置透明度为 0,设置 z-index 位置在-100020 、超链接访问过后 r hover 样式就不出现的问题是什么?如何解决?答案:被点击访问过的超链接样式不在具有 hover 和 active 了,解决方法是改变 CSS 属性的排列顺序: L-V-H-A(l原创 2020-05-17 23:03:54 · 94 阅读 · 0 评论 -
知识杂碎12
18 、S CSS 都有哪些选择器?派生选择器(用 HTML 标签申明)id 选择器(用 DOM 的 ID 申明)类选择器(用一个样式类名申明)属性选择器(用 DOM 的属性申明,属于 CSS2,IE6 不支持,不常用,不知道就算了)除了前 3 种基本选择器,还有一些扩展选择器,包括后代选择器(利用空格间隔,比如 div .a{ })群组选择器(利用逗号间隔,比如 p,div,#a{ })那么问题来了,CSS 选择器的优先级是怎么样定义的?基本原则:一般而言,选择器越特殊,它的优先级越原创 2020-05-16 23:08:41 · 101 阅读 · 0 评论 -
知识杂碎11
17 、有哪项方式可以对一个 M DOM 设置它的 S CSS 样式?外部样式表,引入一个外部 css 文件内部样式表,将 css 代码放在 标签内部内联样式,将 css 样式直接定义在 HTML 元素内部18 、S CSS 都有哪些选择器?派生选择器(用 HTML 标签申明)id 选择器(用 DOM 的 ID 申明)类选择器(用一个样式类名申明)属性选择器(用 DOM 的属性申明,属于 CSS2,IE6 不支持,不常用,不知道就算了)除了前 3 种基本选择器,还有一些扩展选择器,原创 2020-05-15 21:18:59 · 92 阅读 · 0 评论 -
知识杂碎10
16 、谈谈以前端角度出发做好 O SEO 需要考虑什么?了解搜索引擎如何抓取网页和如何索引网页你需要知道一些搜索引擎的基本工作原理,各个搜索引擎之间的区别,搜索机器人(SE robot 或叫 web crawler)如何进行工作,搜索引擎如何对搜索结果进行排序等等。Meta 标签优化主要包括主题(Title),网站描述(Description),和关键词(Keywords)。还有一些其它的隐藏文字比如 Author(作者),Category(目录),Language(编码语种)等。如何选原创 2020-05-14 21:56:04 · 118 阅读 · 0 评论 -
知识杂碎9
15 、你如何理解 L HTML 结构的语义化?去掉或样式丢失的时候能让页面呈现清晰的结构:html 本身是没有表现的,我们看到例如h1是粗体,字体大小 2em,加粗;strong是加粗的,不要认为这是 html 的表现,这些其实 html 默认的 css 样式在起作用,所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的 HTML 结构的优点,但是浏览器都有有默认样式,默认样式的目的也是为了更好的表达 html 的语义,可以说浏览器的默认样式和语义化的 HTML 结构是不可分割的。原创 2020-05-13 23:51:41 · 106 阅读 · 0 评论 -
知识杂碎8
13 、在 s css/js 代码上线之后开发人员经常会优化性能,从用户刷新网页开始 ,一次 s js 请求一般情况下有哪些地方会有缓存处理?答案:dns 缓存,cdn 缓存,浏览器缓存,服务器缓存。14 、一个页面上有大量的图片(大型电商网站),加载很慢,你有哪些方法优化这些图片的加载,给用户更好的体验。图片懒加载,在页面上的未可视区域可以添加一个滚动条事件,判断图片位置与浏览器顶端的距离与页面的距离,如果前者小于后者,优先加载。如果为幻灯片、相册等,可以使用图片预加载技术,将当前展示图原创 2020-05-12 21:56:32 · 92 阅读 · 0 评论 -
知识杂碎7
11 、知道的网页制作会用到的图片格式有哪些?png-8,png-24,jpeg,gif,svg。但是上面的那些都不是面试官想要的最后答案。面试官希望听到是 Webp。(是否有关注新技术,新鲜事物)科普一下 Webp:WebP 格式,谷歌(google)开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有 JPEG 的 2/3,并能节省大量的服务器带宽资源和数据空间。FacebookEbay 等知名网站已经开始测试并使用 WebP 格式。在质量相同的情况下,WebP 格式图像的体积要原创 2020-05-11 22:33:59 · 107 阅读 · 0 评论 -
知识杂碎6
10 、简述一下 c src 与 与 f href 的区别。src 用于替换当前元素,href 用于在当前文档和引用资源之间确立联系。src 是 source 的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求 src 资源时会将其指向的资源下载并应用到文档内,例如 js 脚本,img 图片和 frame 等元素。当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,图片和框架等元素也如此,类似于将所指向资源嵌入当前标签内。这也是为原创 2020-05-10 23:11:28 · 82 阅读 · 0 评论 -
知识杂碎5
1原创 2020-05-10 23:10:35 · 103 阅读 · 0 评论 -
知识杂碎4
6 、你能描述一下渐进增强和优雅降级之间的不同吗? ?渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级 graceful degradation:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。区别:优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐进增强则是从一个非常基础的,能够起作用的版本开始,并不断扩充,以适应未来环境的需要。降级(功能衰原创 2020-05-08 22:29:33 · 82 阅读 · 0 评论 -
知识杂碎3
4 div+css 的布局较 table 布局有什么优点?改版的时候更方便 只要改 css 文件。页面加载速度更快、结构化清晰、页面显示简洁。表现与结构相分离。易于优化(seo)搜索引擎更友好,排名更容易靠前。5 img 的 的 alt 与 与 title ?有何异同? g strong 与 与 m em 的异同?a:alt(alt text):为不能显示图像、窗体或...原创 2020-05-07 20:47:46 · 87 阅读 · 0 评论 -
知识杂碎2
2、 每个 L HTML 文件里开头都有个很重要的东西, , Doctype, , 知道这是干什么的吗? 声明位于文档中的最前面的位置,处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。(重点:告诉浏览器按照何种规范解析页面)3 、s Quirks 模式是什么?它和 s Standards 模式有什么区别从 IE6 开始,引入了 Standards 模...原创 2020-05-06 22:39:52 · 109 阅读 · 0 评论 -
知识杂碎1
1、你做的页面在哪些浏览器上测试过?这些浏览器的内核分别是什么?IE(IE浏览器):trident内核 360,傲游,搜狗,世界之窗,腾讯TTFirefox(火狐浏览器):gecko内核Safari(苹果浏览器):webkit内核Opera(欧朋浏览器):以前是presto内核,Opera现已改用Google Chrome的内核Chrome(谷歌浏览器):Blink(基于webkit,...原创 2020-05-05 21:30:32 · 97 阅读 · 0 评论