美文网首页
前端小知识点梳理

前端小知识点梳理

作者: 饥人谷区子铭 | 来源:发表于2016-09-30 00:16 被阅读0次

    对web标准以及W3C的理解与认识

    web标准,简单来说就是将页面的结构、表现和行为各自独立实现(结构、表现和行为相分离原则)。结构主要由html标签组成,通俗来讲,写入body里的各种标签都是为了页面的结构;表现指的是css样式表,通过css样式表,可以使写入body的结构标签更具有美感;行为指的是页面和用户具有一定的交互,同时页面结构和样式会发生变化,主要由js构成。

    web标准一般将三部分独立分开,使它们更加模块化。但一般产生行为时,结构和表现会发生变化,这三者之间的界限就会变模糊。

    W3C对web标准提出了规范化的要求,在实际编程中,包含一下几点:

    一.对结构的要求:(标签规范可以提高搜索引擎对页面的抓取效率,对SEO很有帮助)

    1)标签字母要小写;

    2)标签要闭合;

    3)标签不允许随意嵌套。

    二.对css和js的要求:

    1)尽量使用外联css样式表和js脚本,使结构、表现和行为分成三块,符合规范,同时提高页面渲染速度,提高用户体验;

    2)样式尽量少用行间样式表,使结构与表现分离,标签的id和class命名要做到见文知义,标签越少,加载越快,用户体验更高,代码维护更简单,便于改版;

    3)不需要变动页面内容,便可提供打印版本而不需要复制内容,提高网站易用性。



    Javascript是一个什么语言,有什么特性?

    总结:javascript是一种广泛应用于客户端开发的脚本语言;并且javascript也是一种基于对象和事件驱动并具有安全性能的脚本语言。

    特性:简单性、安全性、动态性、跨平台性

    简单性:要使用了编写 JavaScript 是非常简单的,您无需安装特定的开发环境,只需要一个简单的记事本即可编写 JavaScript 脚本。它具有基本的程序语法和语言结构以及弱数据类型,而这些都是很容易学习和使用的。

    安全性:JavaScript 是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互,从而有效地防止数据的丢失。

    动态性:JavaScript 是动态的,它可以直接对用户的输入做出响应,无须经过 Web 服务程序。它对用户的反映响应,是采用以事件驱动的方式进行的。所谓事件驱动,是指在网页中执行了某种操作所产生的动作,就称为“事件”(Event):比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起相应的 JavaScript 事件响应。

    跨平台性:JavaScript 是由网页浏览器来执行,与操作系统环境无关,只要能运行浏览器的计算机,并支持 JavaScript 的浏览器就可正确执行。

    JavaScript 是一种脚本语言,官方名称为 ECMAScript(因定义语言的标准为 ECMA-262)。         JS 的主要特点:1. 语法类似于常见的高级语言,如 C 和 Java;2.脚本语言,不需要编译就可以由解释器直接运行;3. 变量松散定义,属于弱类型语言;4.面向对象的。

    JS 最初是为网页设计而开发的,现在也是 Web 开发的重要语言。它支持对浏览器(浏览器对象模型,BOM)和 HTML 文档(文档对象模型,DOM)进行操作,而使网页呈现动态的交互特性。

    严格的说,JS 只是 ECMAScript 的一种实现,是 ECMAScript 和 BOM、DOM 组成的一种 Web 开发技术



    HTML和XHTML的区别是什么?

    HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的XML,所以,本质上说,XHTML是一个过渡技术,结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。

    HTML和XHTML的区别简单来说,XHTML可以认为是XML版本的HTML,为符合XML要求,XHTML语法上要求更严谨些。同时在标准上要求高了点(比如标签的严格嵌套,标签结束等等!)

    以下是XHTML相对HTML的几大区别:

    XHTML要求正确嵌套

    XHTML所有元素必须关闭

    XHTML区分大小写

    XHTML属性值要用双引号

    XHTML用id属性代替name属性

    XHTML特殊字符的处理



    浏览器标准模式和怪异模式之间的区别是什么?

    所谓的标准模式是指,浏览器按[W3C标准]解析执行代码;怪异模式则是使用浏览器自己的方式解析执行代码,因为不同浏览器解析执行的方式不一样,所以我们称之为怪异模式。浏览器解析时到底使用标准模式还是怪异模式,与你网页中的DTD声明直接相关,DTD声明定义了标准文档的类型(标准模式解析)文档类型,会使浏览器使用相应的方式加载网页并显示,忽略DTD声明,将使网页进入怪异模式(quirks mode)。



    常用的浏览器有哪些?

    chrome、ie、firefox、safari,像什么360安全浏览器、猎豹、搜狗和[百度]等都是用的ie的trident内核和webkit内核,腾讯的QQ浏览器不是双核浏览器它是trident内核的单核浏览器,核心多也不一定是好的,单核浏览器有自个的优势,做web开发所以使用ie、chrome、firefox,普通浏览器使用最多的是chrome和ie。

    (1)Trident内核代表产品Internet Explorer,又称其为IE内核。Trident(又称为MSHTML),是微软开发的一种排版引擎。

    (2)Gecko内核代表作品Mozilla FirefoxGecko是一套开放源代码的、以C++编写的网页排版引擎。Gecko是最流行的排版引擎之一,仅次于Trident。

    (3)WebKit内核代表作品有Safari和Google的浏览器Chrome。

    (4)Presto内核代表作品Opera,Presto是由Opera Software开发的浏览器排版引擎,供Opera 7.0及以上使用。



    弄懂css中单位px em区别,rem

    1.px(pixel)即为像素。ps是显示器屏幕分辨率而言。

    2.em是相对长度单位。相对于当前对象内文本的字体尺寸。大多数时候是相对于浏览器的默认字体尺寸。

    3.em特点:em的值并不是固定的;em会继承父级元素的字体大小

    4.任意浏览器的默认字体高度都是16px,所有未调整过的浏览器都符合:1em=16px

    5.rem是CSS3新增的一个相对单位,所有浏览器均已支持rem,rem为元素设定字体大

    小的时候,是一个相对大小的概念,相对的只是Html根元素/根节点

    相关文章

      网友评论

          本文标题:前端小知识点梳理

          本文链接:https://www.haomeiwen.com/subject/vgmaettx.html