HTML
不知名网友小H
vinchin
展开
-
函数防抖和函数节流
目录函数防抖函数节流一、函数防抖在前端开发中,我们经常需要绑定一些持续触发的事件,如resize、mousemove等。但是我们并不是想在事件持续触发时去频繁的触发函数,而是有一个特定的时机来触发函数。函数防抖就是来解决这样的问题,生活中的例子:电梯,在电梯门打开之后,每一次有人进来,电梯都会进行重新的计时。而电梯关门的时候就是我们真正触发了一整个事件的流程的结束的特定的时机。函数防抖:触发事件的后 n 秒才执行函数,若在这 n 秒之内又触发了事件,则会重新计算执行时间。手原创 2020-12-12 21:53:51 · 80 阅读 · 0 评论 -
【BFC--块格式化上下文】看完这篇文章,你真的还没理解BFC吗?
目录BFC是什么?创建BFC的条件BFC功能/特性与清除浮动的关系参考资料一、BFC 是什么?块格式化上下文(Block Formatting Context,BFC) 是 Web 页面的可视 CSS 渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。人话:CSS 不正交,这个 BFC 可以创建一个独立的区域进行布局。如一个父盒子创建了 BFC,那么里面的子元素无论如何也逃不出父盒子的限制,它只能在父盒子里面折腾。二、创建 BFC 的条件根元素或原创 2020-12-07 15:25:26 · 82 阅读 · 0 评论 -
HTTP状态码及状态码对应的字符串大全
HTTP状态码目录状态码的作用各字段状态码解读信息响应成功响应重定向客户端响应服务端响应一、状态码的作用HTTP 响应状态代码指示特定HTTP请求是否成功完成。响应响应分为五类:信息响应(100–199),成功响应(200–299),重定向(300–399),客户端错误(400–499)和服务器错误 (500–599)。状态代码由 section 10 of RFC 2616定义二、各字段状态码解读1xx信息性状态码,表示服务器已接收了客户的请求,客户端可继续发送请原创 2020-10-16 15:07:59 · 693 阅读 · 0 评论 -
【DOM事件】DOM事件及事件委托
目录点击事件?事件的捕获和冒泡addEventListener代码图解target VS currentTarget事件委托自定义事件三、点击事件以下引出一个讨论的问题 <div class='爷爷'> <div class='爸爸'> <div class='儿子'> 文字 </div> </div> </div> <script> /* 均添加点击事件 */原创 2020-10-15 19:37:48 · 199 阅读 · 2 评论 -
【硬核写DOM库】--简单封装DOM
封装DOM – 硬核写DOM库目录前言什么是封装术语常用功能自己手写DOM封装封装DOM的总结附上自己封装DOM库的github仓库一、前言【正文】记住一个事实:原生DOM]很难用!,如果你觉得DOM很傻,不要怀疑自己,相信自己的直觉!API的函数名和属性真的是长的不得了,本来我自己想简单写个原生DOM的博客,没想到就花了我好几个小时的时间去码字,真的是吐了,而且容易被这些函数名给绕晕!好了,废话就到这里了,接下来让我们进入正题吧!二、什么是封装举例一个电脑就是CPU、原创 2020-10-14 10:13:08 · 252 阅读 · 0 评论 -
【原生DOM】DOM编程
DOM编程目录前置知识网页就是一棵DOM树JS如何操作这棵树DOM元素节点的增删改查DOM操作是跨线程的Property VS Attribute一、前置知识理解简单的JS语法JS的七种数据类型:number、string、bool、symbol、undefined、null、ObjectJS五个falsy值:''、undefined、null、0、NaN简单的CSS布局二、网页是一棵DOM树代码+图解 <!DOCTYPE html><htm原创 2020-10-13 10:38:45 · 185 阅读 · 0 评论 -
CSS布局--超详解版
CSS布局目录布局分类布局思路布局需要用到哪些属性float布局flex布局grid布局(二维平均布局一、布局分类固定宽度布局:一般宽度设置为960、1000、1024px不固定宽度布局:依靠文档流的原理来布局响应式布局:PC上一种布局样式,手机上又是另外一种布局样式二、布局思路从大到小(老手推荐)先定下大局完善每个部分的小布局从小到大(新人推荐)先完成小布局组合成大布局三、布局需要使用那些属性一图流四、float布局原创 2020-10-12 10:24:20 · 478 阅读 · 2 评论 -
浏览器渲染原理--图解+流程
浏览器渲染流程一、步骤根据 HTML 构建 HTML 树(DOM)根据 CSS 构建 CSS 树(CSSOM)将两棵树合并成一颗渲染树(render tree)Layout 布局(文档流、盒模型、计算大小和位置)Paint 绘制(把边框、文字颜色、阴影等画出来)Compose 合成(根据层叠关系展示画面)二、三棵树图示三、如何更新样式采用 JS 来更新样式 div.style.background='red'; div.style.display='none';原创 2020-10-04 16:38:35 · 164 阅读 · 0 评论 -
HTML常用标签--持续更新
HTML 常用标签一、<a></a>标签详解 一、<a></a>标签详解 一、<a></a>标签详解1、作用跳转到外部页面。跳转到内部锚点。跳转到邮箱或电话等。2、属性取值及含义href网址:https://www.xxx.com/http://www.xxx.com////xxx.com/推荐使用第三种写法:因为第三种写法浏览器会自动补全前缀,避免网址写错。原创 2020-09-28 12:30:13 · 230 阅读 · 0 评论 -
html入门笔记1
《HTML 入门笔记 1》一、万维网 WWW 的组成WWW = URL + HTTP + HTMLWWW由以上三种技术组成。全称是World Wide Web 就是万维网,中文直译:向世界一样大的网二、万维网的历史蒂莫西·约翰·伯纳斯-李爵士,OM KBE FRS FREng FRSA FBCS(英语:Sir Timothy John Berners-Lee,1955 年 6 月 8 日-),昵称为蒂姆·伯纳斯-李(英语:Tim Berners-Lee),英国计算机科学家。他是万维网的发明者。原创 2020-09-27 13:37:51 · 303 阅读 · 0 评论