2021-03-19网旭XX-00.00-N.010

一时失言乱红尘 2022-11-12 08:20 17阅读 0赞

# 1. 请按照优先级顺序排列下列 CSS 选择器, 请注意一些优先级是相等的: #

(1) a  
(2) \#id  
(3) .class  
(4) .class1 .class2 \[中间有个空格\]  
(5) .class1.class2 \[中间无空格\]  
(6) a:hover  
(7) a\[href\]  
(8) xxx !important  
(9) style=“xxx”  
(10) 继承来的属性  
(11) \*  
答：(8) (9)(2) (3)(5)(4)(1)

# 2. 如何实现水平居中和垂直居中？ #

1.Flex  
2.用定位 + top和left 50%+transform - 自身50%  
3.定位+ margin：auto

# 3. 使用 CSS 选择器选择在同一级别的子元素中位置为 1, 4, 7, 10… (第一个元素位置为1) 的 li 元素. #

Ul:nth-child(1)  
Ul:nth-child(4)  
Ul:nth-child(7)  
Ul:nth-child(10)

# 4.link和@import的区别？ #

Link文件先加载 import等待页面加载完在引入

# 5.请用纯css创建一个三角形 #

使用border 其他想不起来了。

# 6.png, jpg, svg这些图片格式解释一下，分别什么时候用。 #

png相对较小但清晰度高于jpg。  
Svg是属于矢量图，无论放多大都不会模糊

1.  jpg有损压缩、体积小、加载快、不支持透明
2.  png无损压缩、质量高、体积大、支持透明
3.  SVG文本文件、体积小、不失真、兼容性好  
    总结  
    格式 使用场景  
    JPG/JPEG 1. 大的背景图； 2. 轮播图； 3. Banner 图  
    PNG 1. 小 Logo； 2. 透明背景  
    GIF 动态图片  
    SVG 能适应不同设备且画质不能损坏的图片  
    Base64 大小不超过 2KB，且更新率低的图片  
    雪碧图 小图太多的时候，集中成一张图片减少 HTTP 请求  
    雪碧图不属于格式，但属于一种应用形式

# 7.请描述一下 cookies sessionStorage和localstorage的区别 #

Cookie只有4k 其他的都有5M  
sessionStorage会话级别。  
Localstorage 可以达到永久存储。

# Javascript部分 #

## 1.写一个去重函数，去除数组中重复的元素,比如数组为：\[0,3,4,3,5,6,7,4,9,45,45,12,12\],请写一个函数，输入为该数组，输出为该数组去除重复元素后的数组。 ##

Function getArr（arr）\{  
If(Object.prototype.toString.call(arr) != “\[object Array\]”) return  
Retunr Array.from(new set(arr))  
\}

## 2. 请构建一个函数delayedCallback, 调用 delayedCallback( fn ) 时, 它会在 1秒后调函数用fn, 并且返回一个函数用于取消该延迟调用. ##

Function delayedCallback（fn）\{  
If(Object.prototype.toString.call(fn) != “\[object Function\]”) return  
Let timer  
timer = setTimeout(fn,1000)  
Return ()=>\{  
ClearTimeout(timer)\}  
\}

## 3.一个整数数组中的元素有正有负，在该数组中找出一 个连续子数组，要求该连续子数组中各元素的和最大，这个连续子数组便被称作最大连续子数组。比如数组\[2,4,-7,5,2,-1,2,-4,3\]的最大连续子数组为\[5,2,-1,2\]，最大连续子数组的和为5+2-1+2=8。请实现这个函数MaxSubsequence，使得输入为一个数组，输出为该数组的最大连续子数组和最大和，比如MaxSubsequenc(\[2,4,-7,5,2,-1,2,-4,3\])输出 8 : \[5,2,-1,2\] ##

没思路。。。