目录本地存储一、 概论二、 sessionStorage1、 语法2、 案例三、 localStorage1、 语法 本地存储 一、 概论 随着互联网的快速发展，基于网页的应用越来越普遍，同时也变得越来越复杂，为了满足各种各样的需求，会经常在本地存储大量数据，HTML5 规范提出了相关的解决方案 本地存储特性 数
可在当前网页界面按F12切换到控制台界面，然后切换到console页签,然后就可在控制台输入对应语法对页面的不同按钮等进行定位操作 定位方法为： 除了id定位的是单个的element元素对象，其他都是elements对象类似于python中的list 1.id定位 document.getElementById("id") 2.name定位
JavaScript 进阶6 本地存储 概述 随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，HTML5规范提出了相关解决方案。 本地存储特性 1、数据存储在用户浏览器中 2、设置、读取方便、甚至页面刷新不
循环获取items元素 以掘金示例 获取掘金首页的items元素 页面：掘金] 目的：获取items的元素的点赞数和分享数 js示例 doc = document.querySelector("#juejin > div.view-container.container > main > div > div > div > div > div > ul") ;//doc.childNodes[i] 获取节点//
html带有拖动功能的视频回放，视频需要自己导入代码中（插入视频地址即可） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
1.页面 //父盒子 <div class="navHistory gzparkNavWarp" @mousewheel="handleMouseWheel"> //子盒子 <el-tag class="gzparkNav" v-for="tag in tags" :key="tag.na
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
写在前头 在我决定走前端时，大概是21年暑假，那时参加了学校的ACM集训，在坚持了一个暑假期间，我也认识到自己不是“小镇做题家” 。当然也没那做题的脑子。 之前都是一直偶尔兴趣来了学学前端。 大一折腾了很多其他的玩意(钱，嘻嘻嘻)，也赚到没几个硬币。现在大二开始好好准备春招。
效果展示图： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content=&qu
有两种可以选择 1.如果需要下拉上拉有提示的可以下载查看以下案例:https://github.com/fongdaBoy/pullupPulldownDemohttps://github.com/fongdaBoy/pullupPulldownDemo 2.不需要提示 或者自己写 但是样式更多 包括所有滑动案例等: https://github.com/cubiq/iscrollhttps://git
父页面与iframe间的通讯 parent.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>parent</title> </head> <body> <p>this is parent window</p> <input t
Colab不掉线： 在Colab网页，右键检查，控制台console中输入一下代码回车，能够时不时点击页面，保证Colab不掉线： function ClickConnect(){ console.log("Working"); document .querySelector("#top-toolbar > colab-connect-button") .shadowRoot .querySelector("#
加入购物车 页面 页面结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con
jquery动态加载js/css文件方法 先来看jquery自带的getSrcript文件 方法 $.getScript(url,callback) 实例 var testVar = 'New JS loaded!'; alert(testVar); function newFun(dynParam) { alert('You just passed '+ dynParam + ' as parameter.'); } 动态调用方法 HTM
// ==UserScript== // @name Instagram Download Button // @name:zh-TW Instagram 下載器 // @name:zh-CN Instagram 下载器 // @name:ja Instagram ダウンローダー // @name:ko Instagram 다운로더 // @name:es
需求场景 在前端开发中，偶尔需要验证下某个元素上到底绑定了哪些事件，以及监控某个元素上的事件触发情况。 解决方案 普通操作 之前面对这种情况，一般采取的措施就是在各个事件里写console.info，然后进行点击等操作触发事件，或者在控制台trigger元素上的事件，或者dispatchEvent。 这种
本地存储 特性： 1.数据存储在用户浏览器中 2.设置、读取方便，甚至页面刷新不丢失数据 2.容量较大，sessionStorage 约5M，localStorage约20M 3.只能存储字符串，可以将对象JSON.stringify（）编码后存储 window.sessionStorage: 1.生命周期为关闭浏览器窗口 2.在同一个窗口（页面）下数据可以共
DOM（文档对象模型） 是一个可以改变网页内容、结构、样式的处理可扩展标记语言的接口 一、获取元素 方法： 1、根据ID获取 2、根据标签名获取 3、根据类名获取 （html5新增） 4、querySelector获取 （html5新增） 5、querySelectorAll获取 （html5新增） 6、获取特殊元素（body、html） ID获取方法： d
大部分人在看到这篇文章的标题时第一时间可能有点懵，我先简单介绍一下背景： 公司有一个基于Vue实现的登录中心是我负责维护的，页面上是一个常规的登录界面，用户名输入框、密码输入框和登录按钮各一个 今天有个同事（之后简称A）过来找我问到这么一个问题： 他负责的应用将登录中心集成到了A
三种提交POST表单的方式 1.写一个form表单，点击submit提交 <form method="POST" class = "formfile" action = "/up" enctype="multipart/form-data" target="display"> <input type="file" name="fil
1.offset系列 offset，偏移量，只能获取不能更改 offsetTop，返回元素距离具有定位的父元素的上方的偏移（Y轴大小），如果没有，就是到body的距离offsetLeft，返回元素距离具有定位的父元素的左边框的偏移（Y轴大小），如果没有，就是到body的距离offsetWidth，返回元素自身宽度，包含padding、边框、内
document.querySelector(); 对象document.querySelectorAll(); 数组var ul =document.querySelector("ul");console.log(ul.children)不包括文本节点console.log(ul.childNodes)文本节点样式 styleli.style.backgroundcolor="#ccc";错误使用li.style["background-color&qu
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Document
//window.onload=function(){ // document.getElementById(); // document.getElementsByClassName(); // document.getElementsByName(); // document.getElementsByTagName();
