前端页面的优化决定了工程师的工作效率和工作效率。 前端页面优化不是包含HTML、CSS、JS和其他非代码类知识的独立知识点
为什么要进行首页优化？ 提高可扩展性【页面数据基本来源于后端，如果页面足够优秀，即使添加新的域/图像，前端页面的布局也不会改变。 也可以看出前端的工作不是独立的】
前端页面优化角度代码语义性代码可读性代码可扩展性*页面加载速度(文件大小、请求次数、加载方式、代码性能)语义性——语义性重要性语义性对SEO和网站什么是SEO？
根据语义上的要求，网站有了什么变化？
Table布局—divcss(htmlcss )闪存类网站的消失语义化的优点
更明确HTML结构2 .代码易读3 .代码可维护性好4 .搜索引擎可以根据标签语言确定上下文和权重5 .移动设备支持度好title/meta
标签语义化： div、span、h1-h6、p、ul、ol、li、dl、dt、dd、a、img、table、
特殊属性： img的alt和title属性、a的title属性
图像读取核心原理：1.new Image ()动态生成ing； 2 .设置图像src，并使用onload方法回调预加载事件
按需加载(懒惰加载)按需加载HTML内容
核心原理：利用JS当符合某一条件时，取出script标签内容，HTML为按需加载图片
核心原理：利用切换图片标签的src属性，按需加载图片按需整个屏幕进行加载
核心原理：将加载的代码放在textarea中，在适当的时候使用DOM处理这个内容利用AJAX实现页面懒加载
核心原理：满足一定条件时，触发懒惰加载使用AJAX实现前一后台数据交互，进一步要求数据使用DOM将AJAX异步获取的数据加载到HTML中
飞艇如何买前5后5le属性
图像读取核心原理：1.new Image ()动态生成ing； 2 .设置图像src，并使用onload方法回调预加载事件
按需加载(懒惰加载)按需加载HTML内容
核心原理：利用JS当符合某一条件时，取出script标签内容，HTML为按需加载图片
核心原理：利用切换图片标签的src属性，按需加载图片按需整个屏幕进行加载
核心原理：将加载的代码放在textarea中，在适当的时候使用DOM处理这个内容利用AJAX实现页面懒加载
核心原理：满足一定条件时，触发懒惰加载使用AJAX实现前一后台数据交互，进一步要求数据使用DOM将AJAX异步获取的数据加载到HTML中