web学习
文章平均质量分 87
别Null.了
记录学习,追求远方
展开
-
URL到页面加载;css3动画与js动画;水平、垂直居中
输入URL到页面加载全过程域名解析通过DNS将域名解析成IP地址(域名到IP地址的转换)本地的DNS服务器向域名的解析服务器发送请求,会收到域名与IP地址的对应关系。本地DNS服务器将IP地址返回给用户电脑,同时将此对应关系保存在缓存中,使得用户在下次查询时若对应关系相同则可以直接返回结果,加快网络访问。建立TCP连接(3次握手)浏览器发出HTTP请求服务器响应HTTP请求浏览器渲染页面关闭连接(4次挥手)css3动画和js动画水平居中 垂直居中 水平..原创 2021-11-13 14:56:29 · 1261 阅读 · 0 评论 -
前端性能优化、垃圾回收,闭包,跨域
前端性能优化前端性能优化的目的:1、从用户角度而言:优化可以使页面加载速度更快,对用户的操作响应更加及时,增加用户的体验感。2、从服务器角度而言:优化可以减少页面的请求次数,节约资源。减少HTTP请求一个完整的 HTTP 请求需要经历 DNS 查找,TCP 握手,浏览器发出 HTTP 请求,服务器接收请求,服务器处理请求并发回响应,浏览器接收响应等过程。1、css和js 文件合并压缩因此在项目中我们可以将css或者js文件进行合并或者压缩,在移动端开发时可以采用内嵌式,以此减少h原创 2021-11-09 20:57:51 · 982 阅读 · 0 评论 -
正则表达式
目录认识正则表达式特点使用模式修饰符正则表达式的特殊字符边界符预定义符字符类取反符量词符正则表达式的优先级示例:用户名验证认识正则表达式正则表达式:是一种描述字符串结构的语法规则,是用于匹配字符串中字符组合的模式,同时正则表达式也是对象。特点正则表达式的灵活性 逻辑性和功能性非常强 可以迅速地用极简单的方式达到字符串的复杂控制使用创建:(1) var 变量名 = /表达式/ -->字面量方式 ...原创 2021-07-25 12:00:49 · 160 阅读 · 0 评论 -
BOM(location对象,navigator对象,history对象)
BOM什么是BOMBOM:浏览器对象模型(Brower Object Model,BOM)提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。BOM构成原创 2021-07-20 16:53:51 · 114 阅读 · 0 评论 -
BOM、window对象常见事件
BOMBOM:浏览器对象模型(Brower Object Model ,BOM)提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。BOM的构成BOM和DOM的区别DOM是文档对象模型,把文档当作一个对象来看待,它的顶级对象是document。BOM是浏览器对象模型,是把浏览器当做一个对象来看待,它的顶级对象是window。(实际上是window.document)window对象的常见事件窗口加载对象window.onload:是窗口(页面)加载原创 2021-07-20 13:44:42 · 216 阅读 · 0 评论 -
HTML5新增API,移动端Web布局
HTML5新增的API的使用window.navigator.onLine检查网络状态(false为未连接,true为已连接)检测网络连接的事件(浏览器的兼容性问题)A、'online':网络连接B、'offline':网络断开全屏显示:控制浏览器的全屏显示(具有浏览器的兼容问题)A、webkitRequestFullScreen()方法:谷歌浏览器实现全屏显示B、webkitCancelFullScreen()方法:谷歌浏览器关闭全屏显示C、webkitIsFullScree原创 2021-06-30 20:06:46 · 236 阅读 · 0 评论 -
DOM事件
事件什么是事件事件是指可以被JavaScript侦测到的行为,是一种“触发-响应”的机制。这些行为指的就是页面的加载、鼠标单击页面、鼠标指针滑过某个区域等具体的动作,它对实现网页的交互效果起着重要的作用。...原创 2021-06-21 19:57:10 · 464 阅读 · 3 评论 -
JavaScript中DOM,以及如何获取元素
DOMDOM:文档对象模型,是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。原创 2021-06-18 22:30:59 · 165 阅读 · 0 评论 -
JavaScript单向链表的创建、遍历、插入、删除操作
链表链表:数据的一种存储结构,一个链表包含若干个节点,每个节点至少包含一个数据域和一个指针域 指针域指向下一个节点原创 2021-06-18 19:44:20 · 2206 阅读 · 4 评论 -
JavaScript构造函数,原型对象原型链,this指向,错误处理
构造函数与原型对象构造函数构造函数主要用来创建对象,并为对象的成员赋初始值。静态成员和实例成员原创 2021-06-16 17:16:17 · 494 阅读 · 0 评论 -
JavaScript面向对象,class关键字,继承,super关键字
面向对象概述面向过程面向过程:面向过程:面向过程就是分析出解决问题需要的步骤,然后用函数把这些步骤一个个实现,使用的时候依次调用。面向过程的核心是过程。原创 2021-06-16 16:12:41 · 889 阅读 · 0 评论 -
JavaScript内置对象及相关练习(math对象,date对象,string对象,array对象)
内置对象math对象:不需要实例化,用来计算一些数学运算。可以直接使用其静态属性和静态方法。原创 2021-06-15 17:19:37 · 4638 阅读 · 17 评论 -
JavaScript认识对象,创建对象,遍历对象
一、认识对象在JavaScript中,对象是一种数据类型,它是由属性和方法组成的一个集合原创 2021-06-09 20:07:49 · 455 阅读 · 2 评论