前端

大家好,很高兴和大家一起学习。尽量每天都更新博客园,谢谢你们的支持!

1.Html是什么?

Html(Hyper Text Mark-up Language)是一种超文本标记性语言.

2.如何理解渐进增强与优雅降级?

渐进增强:针对低版本的浏览器进行页面重建,保证最基本的功能,然后再针对高级浏览器进行效果,交互等改进和追加功能达到更好的用户体验.

优雅降级:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容.

区别:优雅降级是从复杂的现状开始并减少用户体验的供给.

渐进增强是从一个非常基础的能够起作用的版本开始并不断扩充,以适应未来环境的需要.

降级意味着往回看;而渐进则意味着向前看.同时保证其根基处于安全地带.

3.什么是Html语义化?

根据内容的结构化,选择合适的标签.便于开发者阅读.和写出更优雅的代码的同时让浏览器爬虫和机器很好的解析.

语义化特点:

①.页面去掉CSS也不会乱.

②.有利于su(搜索引擎优化).

③.都要有合理嵌套.

④.便于团队开发和维护.

⑤.遵循w3c的标准.

语义化标签:

<header>.<article>.<aside>.<section>.<footer>.<nav>.<figure>.<datalist>.<details>.

4.可维护性高的代码需要:

①.代码清晰,阅读性好.

②.具有一致性.

③.预见性高.

④.文档介绍(注释).

5.怎么解决前端安全问题?

form表单,防止sql注入,文字加密,权限认证,本地缓存,单点登录.

6.表单提交中Get与Post的区别?

(1)、get是从服务器上获取数据,post是向服务器传送数据。

(2)、get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址,用户看不到这个过程。

(3)、对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。

(4)、get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认为不受限制。但理论上,IIS4中最大量为80KB,IIS5中为100KB。

(5)、get安全性非常低,post安全性较高。

7.常见的浏览器内核有哪些?

a、IE: trident内核

b、Firefox:gecko内核

c、Safari:webkit内核

d、Opera:以前是presto内核,Opera现已改用Google Chrome的Blink内核

e、Chrome:Blink(基于webkit,Google与Opera Software共同开发)

8.Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?

1.<!DOCTYPE>声明位于文档中的最前面,处于<html>标签之前。告知浏览器以何种模式来渲染文档。

2.严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。

3.在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。

4.DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

9.position:absolutefloat属性的异同

共同点:对内联元素设置`float``absolute`属性,可以让元素脱离文档流,并且可以设置其宽高。

不同点:float仍会占据位置,position会覆盖文档流中的其他元素。

position的值, relativeabsolute分别是相对于谁进行定位的?

absolute :生成绝对定位的元素,相对于最近一级的定位不是 static 的父元素来进行定位。fixed (老IE不支持)生成绝对定位的元素,相对于浏览器窗口进行定位。

relative :生成相对定位的元素,相对于其在普通流中的位置进行定位。static 默认值。没有定位,元素出现在正常的流中.

10.Http状态码:

成功:2xx:成功的处理了请求的状态码;

重定向:3xx:每次请求中不超过五次;

客户端错误:4xx:表示请求可能出错,妨碍了服务器的处理.

服务器错误:5xx:表示服务器在处理请求时发生内部错误,可能是本身错误,而不是请求错误.

Http:默认端口是80;

11.javaScript11种内置对象

string,date,boolean,nummber,function,error,array,global,regexp,meth,object.

12.javaScript包括(ECMAScript,DOM,BOM)

javaScript基于ECMAScript,

DOM(document object model):遵循w3c的标准,(文档对象模型)是html和xml的应用程序接口(API)

BOM(browser object model):主要处理浏览器窗口和框架.

这次就先到这,这些都是自己总结的,有什么不对的地方,希望大家能给指出来,谢谢!

原文地址:https://www.cnblogs.com/peace-ful/p/6733630.html