前端
FlashCanSavetheWorld
不想起床
展开
-
对于async await的深入理解
自定义函数如下:示例1:上述执行输出为解释:在主线程中异步函数test1前面没加await,当进入函数test1后由于异步函数func2前有await关键词,那么会执行完func2中的输出语句,然后跳出test1继续执行主线程的内容,当主线程执行完后才会回来执行test1中func2下面被阻塞的语句示例2示例1:上述执行输出为解释:由于在test1前加上了await关键词故会等到test1中的非微任务和宏任务执行完.........原创 2022-06-30 18:54:42 · 262 阅读 · 1 评论 -
ajax异步请求阿里云天气api
<!DOCTYPE html><html><head> <title>test</title><style> #info{ background-color: skyblue; position: relative; left: 300px; width: 800px; } #ff{ text-align: center原创 2020-12-18 11:02:27 · 224 阅读 · 0 评论 -
旋转相册
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>flash</title> <style> body{ perspective: 1000px; } section{ position: relative; width: 300px; height:原创 2020-12-14 21:22:48 · 285 阅读 · 0 评论 -
无缝滚动,鼠标移动在上面时停止
css.Dong { width:1200px; height:150px; border:1px solid black; box-sizing: border-box; margin:auto; overflow-y: hidden; overflow-x: hidden; } .kuang {原创 2020-12-12 22:04:03 · 220 阅读 · 0 评论 -
html设置鼠标移动到某个组件上时,显示某个组件并能够停留在组件上,移出时消失
(function(){ var btn = document.getElementById('n1'); var box = document.getElementById('ns1'); var timer = null; box.onmouseover = btn.onmouseover = function(){ if(timer) clearTimeout(timer) box.style.display = 'block';原创 2020-12-09 11:22:06 · 449 阅读 · 0 评论 -
bootstrap3 外部核心文件
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/boot..原创 2020-10-29 23:05:21 · 102 阅读 · 0 评论 -
一篇深度理解setInterval和setTimeout以及JS执行机制
https://www.jianshu.com/p/9b1e22e0dc55转载 2020-10-26 21:15:57 · 106 阅读 · 0 评论 -
jquery字符串拼接
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script>$(document).ready(function(){ let color = "_blank" $("button").click(原创 2020-10-18 16:41:06 · 1378 阅读 · 1 评论 -
jquery获取本地json数据
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script>$(document).ready(function(){ $("button").c原创 2020-10-16 17:00:10 · 603 阅读 · 0 评论 -
$(function() {}),什么时候执行?
链接转载 2020-10-15 15:07:11 · 120 阅读 · 0 评论 -
jquery查找html中value为“ ”的元素
<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>click demo</title> <style> p { color: red; margin: 5px; cursor: pointer; } p:hover { background: yellow; } </原创 2020-10-15 13:58:37 · 505 阅读 · 0 评论 -
js .click()
<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>click demo</title> <style> p { color: red; margin: 5px; cursor: pointer; } p:hover { background: yellow; } <.原创 2020-10-14 10:37:47 · 329 阅读 · 0 评论 -
css绝对定位以及子标签的运用
绝对定位绝对定位的参考对象就不是自己了,而是最近的已设置了position的祖先元素,并且position不是static,而是absolute或者relative。首先看它的父元素是否设置了position为absolute或者relative,如果有就按父元素的左上角作为参考点,如果没有则再找祖父元素、曾祖父元素、高祖父元素,如果都没有就以页面文档的初始位置作为参考点。绝对定位的元素是脱离标准流(文档流)的,即直接在标准流中删除,所以元素原来的位置会被占用。由于绝对定位元素脱离的标准流,所以元素可原创 2020-10-11 10:25:52 · 457 阅读 · 0 评论