摘要: 因为文档流中父元素的高度由子元素撑开提供的,当子元素浮动时,父元素的内部高度就会为0,所以要清除浮动。 方法1:新添加一个标签,并给其设置clear:both;缺点是添加额外标签,语义化比较差。 方法2:父级元素添加overflow属性,overflow:hidden;原理是通过触发BFC,形成独立 阅读全文
posted @ 2022-08-12 11:46 纯白の约定 阅读(42) 评论(0) 推荐(0) 编辑
摘要: 方法一:在已知宽度的情况下,对div改变外边距进行偏移达到效果。 .container { width: 500px; height: 500px; background-color: orange; position: relative; margin: 0 auto; } .content { 阅读全文
posted @ 2022-08-12 11:44 纯白の约定 阅读(42) 评论(0) 推荐(0) 编辑
摘要: 防抖 事件触发时,不要马上执行动作,而是设定一个延迟时间(这个时间很短,比如 500ms),在延迟时间内,再次触发事件,则重新计时。 典型的案例就是输入搜索:输入结束后n秒才进行搜索请求,n秒内又输入的内容,就重新计时。 function debounce(func, delay) { let ti 阅读全文
posted @ 2022-08-12 11:30 纯白の约定 阅读(55) 评论(0) 推荐(0) 编辑
摘要: JavaScript是单线程的编程语言,只能同一时间内做一件事。但是在遇到异步事件的时候,js线程并没有阻塞,还会继续执行,这就是因为JS有事件循环机制。 事件循环流程总结 主线程开始执行一段代码, 假设开始执行一个 script 标签内的代码,将代码放入执行栈中执行,同步代码优先执行,执行过程中, 阅读全文
posted @ 2022-08-12 11:26 纯白の约定 阅读(304) 评论(0) 推荐(0) 编辑
摘要: 对于JavaScript来说,在ES6之前没有引入类的概念,所以创建实例是通过构造函数实现的。 在学习原型和原型链之前我们先要明白构造函数: 一、构造函数 1、什么是构造函数? 所谓构造函数,就是提供一个生成对象的模版,并描述对象的基本结构的函数。一个构造函数,可以生成多个对象,每个对象都有相同的结 阅读全文
posted @ 2022-08-12 11:15 纯白の约定 阅读(22) 评论(0) 推荐(0) 编辑
摘要: Babylon.js是一款WebGL开发框架,和Three.js类似。 Three.js是由社区推动的,比Babylon.js要成熟些,而Babylon.js是微软推动的,和微软的相关技术结合更好。 本文对Babylon.js的使用做个简单的介绍。请先确保你的浏览器支持WebGL(IE11+/Edg 阅读全文
posted @ 2021-01-29 15:51 纯白の约定 阅读(3969) 评论(0) 推荐(0) 编辑
摘要: 实际项目用到了,记录一下,也方便以后使用,这样也可以避免为了使用一个switch,引入整个外部web框架; 也可以方便更好的理解是和使用less。 基础代码使用的是网上的,然后自己添加了less换肤,修改了样式。 代码如下: <template> <div :class="{'theme-dange 阅读全文
posted @ 2021-01-29 15:47 纯白の约定 阅读(233) 评论(0) 推荐(0) 编辑
摘要: Web Components 是一套不同的技术,允许您创建可重用的定制元素(它们的功能封装在您的代码之外)并且在您的web应用中使用它们。 它由三项主要技术组成,它们可以一起使用来创建封装功能的定制元素,可以在你喜欢的任何地方重用,不必担心代码冲突。 Custom elements(自定义元素):一 阅读全文
posted @ 2021-01-29 15:45 纯白の约定 阅读(995) 评论(0) 推荐(1) 编辑
摘要: jQuery 效果 显示和隐藏 在 jQuery 中可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素,以及使用 toggle() 方法能够切换 hide() 和 show() 方法。 在hide()和show()方法中,我们可以让元素隐藏和显示。 <!DOCTYPE htm 阅读全文
posted @ 2019-10-18 19:57 纯白の约定 阅读(193) 评论(0) 推荐(0) 编辑
摘要: jQuery是什么? jQuery是一个JavaScript常用的工具函数库。jQuery是一个轻量级的"写的少,做的多"的JavaScript库。 jQuery当中包含有以下一些常用功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 阅读全文
posted @ 2019-10-18 19:36 纯白の约定 阅读(219) 评论(0) 推荐(0) 编辑