首页 > 代码库 > web前端基础知识整理
web前端基础知识整理
1.we标准的理解
(1)Web标准规范要求,书写标签必须闭合、标签小写、不乱嵌套(可提高搜索引擎搜索效率,SEO优化)。
(2)使用外链css和js脚本,从而达到结构与行为、结构与表现的分离,提高页面的渲染速度,能更快地显示页面的内容。
(3)样式与标签的分离,使结构与表现分离,更少的代码和组件, 从而降低维护成本、改版更方便 。
(4)不需要变动页面内容,便可提供打印版本而不需要复制内容,提高网站易用性 。
2.前端页面的三层结构及其作用
结构层(structural layer)由 HTML 或 XHTML 之类的标记语言负责创建,对网页内容的语义含义做出了描述。
表示层(presentation layer) 由 CSS 负责创建。 CSS 对“如何显示有关内容”的问题做出了回答。
行为层(behavior layer)负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM 主宰的领域。
3.JS延迟加载的方法
(1)将js文件的引入放到页面的底部
(2)使用setTimeout
<script type=”text/javascript” src=”" id=”mjs”></script> <script type=”text/javascript”> setTimeout(“document.getElementById(‘mjs‘).src=http://www.mamicode.com/‘defer.js‘; “,3000);//延时3秒 </script>
(3)Google帮助页面的推荐方案
<script type="text/javascript"> function downloadJSAtOnload() { var element = document.createElement("script"); element.src = "http://www.mamicode.com/defer.js"; document.body.appendChild(element); } if (window.addEventListener) window.addEventListener("load", downloadJSAtOnload, false); else if (window.attachEvent) window.attachEvent("onload", downloadJSAtOnload); else window.onload = downloadJSAtOnload; </script>
web前端基础知识整理
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。