web前端知识点1

1. input,flash

frameset >

html

包括:文本输入框,密码输入框,单选框,复选框,文本输入域,列表框等等;

包括:a

html

包括:select

:大部分html

1) (.row)必须包含在容器(.container)中,以便为其赋予合适的对齐方式和内

2) (.row)中可以添加列(.column),但列数之和不能超过平分的总列数,比如12。

3) (.row)的直接子元素

4) 

3. html5

标签定义图形,比如图表和其他图像。

标签只是图形容器,您必须使用脚本来绘制图形。

标签规定独立的自包含内容。一篇文章应有其自身的意义,应该有可能独立于站点的其余部分对其进行分发。

元素的潜在来源:

  l 

  l 

  l 

  l 

command 元素表示用户能够调用的命令。

标签可以定义命令按钮,比如单选按钮、复选框或按钮。

command 元素位于 menu 元素内时,该元素才是可见的。否则不会显示这个

标签定义命令的列表或菜单。

标签用于上下文菜单、工具栏以及用于列出表单控件和命令。

4. CSS3

box-shadow(阴影效果)

border-color(为边框设置多种颜色)

border-image(图片边框)

text-shadow(文本阴影)

text-overflow(文本截断)

word-wrap(自动换行)

border-radius(圆角边框)

opacity(透明度)

box-sizing(控制盒模型的组成模式)

resize(元素缩放)

outline(外边框)

background-size(指定背景图片尺寸)

background-origin(指定背景图片从哪里开始显示)

background-clip(指定背景图片从什么位置开始裁剪)

background(为一个元素指定多个背景)

hsl(通过色调、饱和度、亮度来指定颜色颜色值)

hsla(在hsl的基础上增加透明度设置)

rgba(基于rgb设置颜色,a设置透明度)

http

简介 

HTTP协议(Hyper Text Transfer Protocol,超文本传输协议),是用于从 WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协

HTTP基于TCP/IP通信协议来传递数据。

HTTP基于客户端/服务端(C/S)架构模型,通过一个可靠的链接来交换信息, /响应协议。

特点 

1)HTTP是无连接:无连接的含义是限制每次连接只处理一个请求。服务 器处理完客户的请求,并收到客户的应答后,即断开连接。采用这种方式可

2)HTTP是媒体独立的:只要客户端和服务器知道如何处理的数据内容, HTTP发送。客户端以及服务器指定使用适合的 MIME-type内容类型。

3)HTTP是无状态:无状态是指协议对于事务处理没有记忆能力。缺少状 态意味着如果后续处理需要前面的信息,则它必须重传,这样可能导致每次 连接传送的数据量增大。另一方面,在服务器不需要先前信息时它的应答就 较快。

通信流程

 

消息结构 

Internet [RFC5322]

客户端请求消息:请求行、请求头部、空行和请求数据。

GET /hello.txt HTTP/1.1 

User-Agent: curl/7.16.3 libcurl/7.16.3 

OpenSSL/0.9.7l zlib/1.2.3 

Host: www.example.com Accept-Language: en,mi

HTTP/1.1 200 OK

Date: Mon,27 Jul 2009 12:28:53 GMT

Server: Apache

Last-Modified: Wed,22 Jul 2009 19:15:56 GMT

ETag: "34aa387-d-1568eb00"

Accept-Ranges: bytes

Content-Length: 51

Vary: Accept-Encoding

Content-Type: text/plain

请求方法 

GET

HEAD get请求,只不过返回的响应中没有具体的内容,用于获取

POST 向指定资源提交数据进行处理请求(例如提交表单或者上传文件)。 POST请求可能会导致新的资源的建立和/或已有资

PUT

DELETE 请求服务器删除指定的页面。

CONNECT HTTP/1.1协议中预留给能够将连接改为管道方式的代理服务器。

OPTIONS允许客户端查看服务器的性能。

TRACE  回显服务器收到的请求,主要用于测试或诊断。

状态码 

HTTP状态码分类 

1** 信息,服务器收到请求,需要请求者继续执行操作

2** 成功,操作被成功接收并处理

3** 重定向,需要进一步的操作以完成请求

4** 客户端错误,请求包含语法错误或无法完成请求

5** 服务器错误,服务器在处理请求的过程中发生了错

HTTP状态码列表 

100 Continue    继续。客户端应继续其请求

101 Switching Protocols 切换协议。服务器根据客户端的请求切换协议。 HTTP的新版本协议

 

201 Created 已创建。成功请求并创建了新的资源

202 Accepted    已接受。已经接受请求,但未处理完成

203 Non-Authoritative Information   非授权信息。请求成功。但返回 meta信息不在原始的服务器,而是一个副本

204 No Content  无内容。服务器成功处理,但未返回内容。在未更新网

205 Reset Content   重置内容。服务器处理成功,用户终端(例如:浏

206 Partial Content 部分内容。服务器成功处理了部分GET请求

300 Multiple Choices    多种选择。请求的资源可包括多个位置,相应

URI,浏览器会自动定向到新URI。今后任何新的请求 URI代替 

302 Found   临时移动。与301类似。但资源只是临时被移动。客户端应 URI

303 See Other   查看其它地址。与301类似。使用GET和POST请求查看

 

305 Use Proxy   使用代理。所请求的资源必须通过代理访问

306 Unused  已经被废弃的HTTP状态码

 

400 Bad Request 客户端请求的语法错误,服务器无法理解

401 Unauthorized    请求要求用户的身份认证

402 Payment Required    保留,将来使用

403 Forbidden   服务器理解请求客户端的请求,但是拒绝执行此请求

"您所请求的资源无法找到"的个性页面 

405 Method Not Allowed  客户端请求中的方法被禁止

406 Not Acceptable  服务器无法根据客户端请求的内容特性完成请求

407 Proxy Authentication Required   请求要求代理的身份认证,与401

408 Request Time-out    服务器等待客户端发送的请求时间过长,超时

409 Conflict    服务器完成客户端的PUT请求是可能返回此代码,服务

410 Gone    客户端请求的资源已经不存在。410不同于404,如果资源 410代码,网站设计人员可通过301代码指

411 Length Required 服务器无法处理客户端发送的不带Content-Length

412 Precondition Failed 客户端请求信息的先决条件错误

413 Request Entity Too Large    由于请求的实体过大,服务器无法处 理,因此拒绝请求。为防止客户端的连续请求,服务器可能会关闭连接。如 Retry-After的响应信息

414 Request-URI Too Large   请求的URI过长(URI通常为网址),服务

415 Unsupported Media Type  服务器无法处理请求附带的媒体格式

416 Requested range not satisfiable 客户端请求的范围无效

417 Expectation Failed  服务器无法满足Expect的请求头信息

 

501 Not Implemented 服务器不支持请求的功能,无法完成请求

502 Bad Gateway 充当网关或代理的服务器,从远端服务器接收到了一个无

503 Service Unavailable 由于超载或系统维护,服务器暂时的无法处理客 Retry-After头信息中

504 Gateway Time-out    充当网关或代理的服务器,未及时从远端服务

505 HTTP Version not supported  服务器不支持请求的HTTP协议的版本, 无法完成处理

 

content,padding,border,margin

IE

contentIE

7. Bootstrap

8. iframe

1) table

2) ajax

3) google

4) flash

5)  

IndexdDB

IndexdDB  

Cookie

url

Session

post

local Storage

10. Ajax

Ajax

Flash

Ajax

Flash  d.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


1==>简述一下src与href的区别 src用于替换当前元素; href用于在当前文档和引用资源之间确立联系 2==>、谈谈以前端角度出发做好SEO需要考虑什么? a. 了解搜
什么是window对象?什么是document对象? window对象代表浏览器中打开的一个窗口。 document对象代表整个html文档。实际上, document对象是window对象的一个属性
1 》vue-router有哪几种导航钩子? 第一种:是全局导航钩子:router.beforeEach(to,from,next) 第二种: 组件内的钩子 beforeRouteEnter
1=>为什么data是一个函数 【理解】 组件的data写成一个函数, 这样每复用一次组件,就会返回一分新的data。 也就说:给每个组件实例创建一个私有的数据空间。 各个组件维护各自的数据。
01 vue3的新特征 1.组合式API. setUp作为组合函数的入口函数 2.Teleport 传送门 3.片段 template下可以有多个标签 4.用于创建自定义渲染器。我的理解是 creat
// var arr=[1,2,23,23,4,5,5]; // var newarr=new Set(arr); //去重 // console.log([.
摆好姿势 摆好姿势 如何使下面的等式成立 if(a==1&&a==3&a==5){ console.log(666) } var a=[1,3,5] a.join=a.shif
1=>为什么data是一个函数 【理解】 ok 每复用一次组件,就会返回一分新的data。 也就说:【每个组件实例创建】一个【私有】的数据空间。各个组件维护各自的数据。 如果单纯的写成对象形式,
以下是收集一些面试中经常会遇到的经典面试题以及自己面试过程中无法解决的问题,通过对知识的整理以及经验的总结,重新巩固自身的前端基础知识,如有错误或更好的答案,欢迎指正。:) 在网页中,一个元素占有空间
1 Action是不是线程安全的?如果不是 有什么方式可以保证Action的线程安全?如果是,说明原因不是声明局部变量,或者扩展RequestProcessor,让每次都创建一个Action,或者在s
解决js兼容性问题使用 event对象 function eventHandler(event) { event = event || window.event} 获取滚动条属性 var scrollTop = document.documentElment.scrollTop || document.body.scrollTop
浏览器的内核 IE: trident内核,Firefox:gecko内核,Safari:webkit内核,Opera:以前是presto内核,Opera现已改用Google Chrome的Blink内核,Chrome:Blink(基于webkit,Google与Opera Software共同开发) HTML中的Doctype有什么作用 此标签可告知浏览器文档使用哪种HTML或XHTML规范。(重点:告诉浏览器按照何种规范解析页面) div+css的布局较table布局有什么...
如何创建函数第一种(函数声明): function sum1(num1,num2){ return num1+num2; } 第二种(函数表达式): var sum2 = function(num1,num2){ return num1+num2; } 第三种(函数对象方式): var sum3 = new Function("num1","num2","return num1+num2");三种弹窗的单词以及三种弹窗的功能1.alert //弹出对话框并输出一段提示信...
js的垃圾回收机制是什么原理垃圾回收机制有两种方法第一种是标记清除法:当变量进入执行环境时,就标记这个变量为”进入环境”,当变量离开环境的时候,则将其标记为”离开环境”,垃圾收集器在运行的时候会给储存在内存中的所有变量都加上标记,然后它会去掉环境中的标量以及被环境中的变量引用的标记,而在此之后再被加上标记的变量将被视为准备删除的变量,原因是环境中的变量已经无法访问到这些变量了,最后,垃圾收集器完成内存清除工作,销毁那些带标记的值,并回收他们所占用的内存空间 第二种是引用计数法:当声明了一个变量并将
Ajax 是什么? 如何创建一个Ajax?AJAX全称是Asychronous JavaScript And Xml(异步的 JavaScript 和 XML)它的作用是用来实现客户端与服务器端的异步通信效果,实现页面的局部刷新,早期的浏览器并不能原生支持ajax,可以使用隐藏帧(iframe)方式变相实现异步效果,后来的浏览器提供了对ajax的原生支持其主要通过XMLHttpRequest(标准浏览器)、ActiveXObject(IE浏览器)对象实现异步通信效果实现方式(gitee上的案例):
谈一谈let与var和const的区别let为ES6新添加申明变量的命令,它类似于var,但是有以下不同: let命令不存在变量提升,如果在let前使用,会导致报错let暂时性死区的本质,其实还是块级作用域必须“先声明后使用”的性质,let 暂时性死区的原因:var 会变量提升,let 不会。let,const和class声明的全局变量不是全局对象的属性const可以在多个模块间共享const声明的变量与let声明的变量类似,它们的不同之处在于,const声明的变量只可以在声明时赋值,不可
解释一下为何[ ] == ![ ] // ---> true首先看一张图![ ] 是 false原式:[ ] == false根据第八条,false通过tonumber()转换为0原式:[ ] == 0根据第十条,[ ]通过ToPrimitive()转换为' '原式:' ' == 0根据第六条原式:0 == 0尝试实现new function ObjectClass() {//对象 console.log(arguments[...
谈谈对Node的理解Node.js 在浏览器外运行V8 JavaScript引擎,单线程 非阻塞I/O 事件驱动,适应于数据高并发,适合多请求,但不适合高运算,有权限读取操作系统级别的API,npm 仓库,常用框架:Express,koa,Socket.io,AdonisJs,NestJS什么是gulp?作用?机制是什么?gulp是基于node的自动化构建工具作用:1 自动压缩JS文件2 自动压缩CSS文件3 自动合并文件4 自动编译sass5 自动压缩图片6 自动刷
vue和react的区别React严格上只针对MVC的view层,Vue则是MVVM模式virtual(虚拟) DOM不一样,vue会跟踪每一个组件的依赖关系,不需要重新渲染整个组件树。而对于React而言,每当应用的状态被改变时,全部组件都会重新渲染,所以react中会需要shouldComponentUpdate这个生命周期函数方法来进行控制组件写法不一样,React推荐的做法是 JSX + inline style,也就是把HTML和CSS全都写进JavaScript了,即'all in
谈谈对react的理解react是基于v(视图层)层的一款框架,虚拟dom和diff算法react特点:声明式设计高效,其中高效以现在虚拟dom,最大限度减少与dom的交互和diff算法灵活,体现在可以与已知的框架或库很好的配合JSX,是js语法的扩展组件化,构建组件,是代码的更容易得到复用,比较建议在大型项目的开发单项数据,实现单项数流,从而减少代码复用react有哪几个生命周期自己的总结分为三个阶段,初始,运行中,销毁初始化: 执行getDefaultProps钩子