前端开发那些事儿：网页变慢怎么办？代码乱成一团？新手如何快速上手。
最近做网页总是遇到各种问题，比如点击没反应、图片加载慢，改代码时还老报错。慢慢发现前端开发不光是写HTML/CSS，里面藏着好多细节。今天把学的东西捋一捋，省得下次再翻教程。
比如按钮不让点击，不是直接disabled，得加指针事件和透明度。CSS写nth-child（奇偶）能做表格条纹，不过有时候图片要合成减少请求。JS算两点距离用勾股定理，坐标转数字容易犯错。数组去重可以用includes或者Set，写法差别蛮大。
HTTP里的GET和POST得分开用，查询参数挂URL后面不安全，提交数据用POST。浏览器打开页面先下载CSS再JS，放脚本末尾能快点显示。样式用link别用@import，不然等整个页子加载完才执行，影响速度。
存储东西cookie太小512字节还不够，本地存储能存5M。但敏感信息最好走sessionStorage，关页面就没了。跨域问题只能jsonp或window.postMessage，绕过同源策略得服务器配合。
写CSS时盒模型注意老IE会算错宽高，定位用absolute要找最近带定位的父元素。兼容性方面，边框双倍问题加_display:inline，PNG透明在IE6会留背景。字体模糊用抗锯齿设置，滚动惯性用
-webkit-overflow-scrolling。
开发工具常用开发者模式看元素，控制台报错要逐行排查。API缓存问题加随机参数或禁止缓存头。手机端点击延迟加fastclick库，输入框自动填充颜色改用webkit-prefixed规则。
遇到DOM操作慢，尽量用文档碎片拼好再插进去。函数重复执行用防抖节流降频，闭包小心内存泄漏。webpack配置复杂先用预设，热更新节省重启时间。
最近学Vue父子组件生命周期顺序，beforeCreate到mounted的过程得记清楚。正则表达式匹配手机号，开头1后接三位数九位，写错一个符号就不行。
SEO要合理用语义标签，导航用nav，标题用h1-h6。页面首屏优化，CSS优先加载，JS非关键的异步引入。懒加载图片靠Intersection Observer，减少初始加载压力。
移动端注意缩放问题，viewport设置禁止放大。flex布局比定位更省事，但对齐方式容易搞混。服务端渲染SEO更好，但首屏时间可能更长，得权衡。
学这么多理论，实际还是得多动手。遇到BUG先复制错误信息搜解，框架文档比别人回答靠谱。小项目尽量自己实现，别上来抄代码，边写边理解逻辑才记得住。