浏览器内核
谷歌 blink
火狐 gecko
苹果 webkit
IE trident
欧朋 presto 后改用 blinkDOCTYPE 的作用
声明浏览器该用什么规范解析文档div + css 优点
符合 W3C 规范,结构样式行为分离,方便维护
加快页面加载速度,table 会等加载完了才完全显示,而 div + css 可以先让用户看到加载快的文字消息,提升体验
方便 SEOalt 和 title 的不同
alt 是图片无法加载时的替代文字, title 是鼠标悬停在图片上的提示文字strong 和 em 的异同
strong 强壮,即加粗
em 倾斜
都有对内容的强调优雅降级和渐进增强
优雅降级:在高版本浏览器完成页面开发,再针对低版本浏览器做兼容
渐进增强:在低版本浏览器完成基本开发,再针对高版本浏览器增添内容cookie、 sessionStorge、localStorge
session 会话级储存,和聊天一样,关闭后就会删除数据
local 本地级储存,除非主动删除数据,否则不会消失
cookie 储存量小,4kb ,存取数据需要人工封装方法,而 web Storge 有封装好的方法方便使用。
但 cookie 的作用主要是与服务器进行交互,web Storge 主要是为了实现本地存储数据。src 和 href
src 用于替换当前元素,href 指向一个网络连接,用于文档和引用资源之间建立起联系
请求 src 资源时会将指向的外部资源下载并应用,所以加载到 src 该元素时会暂停其他资源的下载,直到该元素下载完毕。
请求 href 资源时可以同时下载其他的资源微格式
一次 js 请求一般情况下有哪些地方会有缓存处理?
dns缓存、cdn缓存、浏览器缓存、服务器缓存(个人不太了解)图片格式
JPEG、png、gif、svg。webp 一种新格式优化图片加载
懒加载,通过滚动事件判断浏览位置而优先加载当前视窗
轮播图、幻灯片先加载第一张和前后张
css 图片可以使用 base64 等格式(其他的是 iconfont、svgsprite(雪碧图)、csssprite)
图片过大可以使用特殊编码的图片,加载时会先加载一张压缩的特别厉害的缩略图(不太了解)语义化理解
见名知意,标签要有意义,比如新出的 header 代表头部、main 代表主体、footer 代表内容。
去掉 CSS 后看看 HTML 的结构是否清晰,内容是否可以正常显示。
有语义化的标签更容易维护;网络爬虫更容易识别这些标签里面的内容,方便 SEO;浏览器更方便解析;在 css 异常加载时也能有良好的结构,提高用户体验。
a、 少使用或者不适用div和span标签;用p标签代替div标签。
b、不适用样式标签,如:b标签、font标签。
c、强调文本放在strong或者em标签中,不要用b和i标签。
d、使用表格 table 时,标题要用 caption,表头要用 thead,主体部分用 tbody 包围,尾部用 tfoot 包围。
e、表头用 th,单元格用 td。表单域用 filedset 包裹,用 lengend 标签说明表单的用途。
f、input 标签通过 id 属性或 for 属性与 label 标签关联。
e、css 类名也要语义化等等~
参考博文:如何理解语义化有哪些方式可以对一个 dom 修改 css 样式
内联、外联、行内样式css选择器
通配符、群组选择器(html,body {})、包含选择器(ul li {})、层次选择器(ul>li {} 、 div~p{} div+p{})、id、class、属性选择器([type='text'])、结构选择器(:nth-child nth-of-type)、伪类选择器(:link :visited :hover :active :focus :not)、
前端基础知识问题整理(一)
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 《烂俗前端》[https://juejin.cn/column/7017997240325111845]是一部以前...
- 说说你对闭包的理解 使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染,缺点是闭包会常驻内...
- DTD 介绍 DTD(Document Type Definition 文档类型定义)是一组机器可读的规则,它们定...