Web常见问题
web编程中一些注意事项
什么时候用id什么时候用class ?
id肯定只有在需要唯一确定的地方使用，class也可以用在只显示一处的地方，这个时候优先选择哪个? 能用class就用class，id主要胜于js处理
div section article
div通用容器
section适用于<section><h1></h1><p></p></section>结构，表示非文章类分片
article适用于完整文章
width:100%不能再加margin padding border, 否则会出现滚动条，解决方法是加一外层，外层设置100%，内层再设置边框。100%必需得加，不然内容不够时页面会缩小
悬浮显示使用 relative absolute实现任何位置悬浮显示，在父元素中使用relative，在after/before中使用obsolude设置真正的相对位置
js加密
涉及一些重要信息的最好还是要代码加密下，虽然可以花时间折腾逐步运行推出，但是总比没有好 最好添加防debug功能，使其不能直接使用浏览器来调试
使用webassembly编译加密？不知道webassembly目前反编译效果如何，感觉前景可以 jshsman加密 一种添加无限debug
怎么压缩减小体积?
Uglifyjs 压缩代码
宽度设置100%再加padding或margin溢出问题
在外面套一层div设置宽度100%，自身加padding或margin
Flex使得body高度100%不能覆盖全页面
Flex头身脚结构，htmlbody设置高度100%，手机端footer始终显示在窗口内，而不是页面底部
Inline-block之前有间隙
两个元素间有空格，空格占用一个字符宽度。最好是去掉元素间的空格而不是css控制
从无滚动条缩到有滚动条时，滚动条挤压布局
使用calc(900px + 100% - 100vw)，100%-100vw表示内容宽度减窗口宽度为滚动条宽度负值
中文与英文同字体尺寸，实际高度不一样
使用line-height来统一高度
怎么合并对象(字典)
let obj3 = Objects.assign(obj1, obj2)
react工具：https://jishuin.proginn.com/p/763bfbd283a1
chrome开发者工具使用：https://blog.csdn.net/csdnnews/article/details/105039895