获得徽章 0
- Webpack 是一个现代的前端构建工具。它主要用于处理前端项目中的各种资源,如 JavaScript、CSS、图像等,并将这些资源打包成优化过的静态文件,以便在浏览器中加载。Webpack 不仅可以帮助开发者管理和优化资源,还可以实现模块化开发和代码拆分,以提高前端项目的性能和可维护性。评论点赞
- 为什么要语义化?
代码结构: 使页面没有css的情况下,也能够呈现出很好的内容结构
有利于SEO: 爬虫依赖标签来确定关键字的权重,因此可以和搜索引擎建立良好的沟通,帮助爬虫抓取更多的有效信息
提升用户体验:例如title、alt可以用于解释名称或者解释图片信息,以及label标签的灵活运用。
便于团队开发和维护: 语义化使得代码更具有可读性,让其他开发人员更加理解你的html结构,减少差异化。
方便其他设备解析: 如屏幕阅读器、盲人阅读器、移动设备等,以有意义的方式来渲染网页。展开评论点赞 - 而 user-select 属性可以 禁用光标选中 ,让网页看着和移动端一样。
:invalid 表示任意内容未通过验证的 input 或其他 form 元素。评论点赞 - DOM断点:
Subtree modifications(子树修改):当当前选择的节点的子节点被移除或添加,或者子节点的内容被改变时触发。不会在子节点属性更改或对当前选定节点的任何更改时触发。
Attributes modifications(属性修改):在当前选定的节点上添加或删除属性或属性值更改时触发。
Node Removal(节点移除): 当当前选中的节点被移除时触发。展开评论点赞