html
曦和百里
我真的好菜,大佬救我
展开
-
关于overflow:hidden的作用(解决父元素内子元素外边距塌陷或者消失的问题)
关于overflow:hidden的作用首先是超出隐藏没有设置overflow:hidden属性之前设置之后:页面源码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .box{ width: 200px; background: #0088CC; overfl原创 2021-04-08 17:07:50 · 32229 阅读 · 0 评论 -
async 函数的含义和用法
一、终极解决异步操作是 JavaScript 编程的麻烦事,麻烦到一直有人提出各种各样的方案,试图解决这个问题。从最早的回调函数,到 Promise 对象,再到 Generator 函数,每次都有所改进,但又让人觉得不彻底。它们都有额外的复杂性,都需要理解抽象的底层运行机制。异步I/O不就是读取一个文件吗,干嘛要搞得这么复杂?异步编程的最高境界,就是根本不用关心它是不是异步。async 函数就是隧道尽头的亮光,很多人认为它是异步操作的终极解决方案。二、async 函数是什么?一句话,async转载 2021-03-31 16:36:31 · 32656 阅读 · 1 评论 -
js函数封装评论发表距离现在多长时间
//直接复制,将所需要换算的时间传进去就好了function timeOut(createTime) {//定义参数 let min, hour, day, month, year, timeNC, nowDate //获取当前时间 nowDate = new Date() //转化时间格式 createTime = new Date(createTime) //获取现在时间毫秒数 nowDat原创 2021-03-30 17:34:26 · 31870 阅读 · 1 评论 -
在线引入bootstrap3与jQuery(建议在webpack中不要引入过高版本bootstrap,容易出错,建议使用较新版本就好了)
在线引入bootstrap3与jQuery(建议在webpack中不要引入过高版本bootstrap,容易出错,建议使用较新版本就好了)Bootstrap 3.3.0 js 文件(本人常用版本,在webpack中也一般使用3.x版本)<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>Bootstrap 3.3.0 css 文件<link rel="styl原创 2021-03-17 11:50:40 · 32321 阅读 · 2 评论 -
懒加载实现原理:
懒加载实现原理:1、对于img标签,只要将图片地址赋给src属性,浏览器解析的时候就会自动去请求图片地址所指向的资源,浏览器的这个机制我们是没办法改变的,那么我们只能在src属性上做文章,在刚开始的时候我们把图片地址赋给img标签一个自定义属性例如data-src,src属性留空。2、设置一个定时器定时检测出现在视图内的图片,并将其data-src属性的值赋值给src属性。(其实这个地方也可以通过事件来检测)原生js的实现:var imgs = document.getElementsByTagNa转载 2021-03-15 14:04:35 · 31808 阅读 · 0 评论 -
css旋转边框特效
css旋转边框特效<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> @keyfr原创 2021-03-13 10:08:29 · 32500 阅读 · 1 评论 -
echarts(百度版本)学习记录(个人使用,或者复制过去自行学习)
echarts(百度版本)学习记录(个人使用,或者复制过去自行学习)<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title&原创 2021-03-10 12:01:11 · 31835 阅读 · 0 评论