摘要: 效果图如下: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <style> #check{ width: 15px; height: 15px; } </style> <body> 阅读全文
posted @ 2021-12-02 15:38 sunshine233 阅读(537) 评论(0) 推荐(0) 编辑
摘要: 本地存储特性 数据存储在用户浏览器中 设置、读取方便,甚至页面刷新也不丢失数据 容量较大,sessionStorage 约5M,localStorage容量约20M 只能存储字符串,可以将对象JSON.stringify()编码后再存储 localStorage:关闭浏览器后数据仍然存在,直到手动删 阅读全文
posted @ 2021-12-02 14:27 sunshine233 阅读(965) 评论(0) 推荐(0) 编辑
摘要: vue2项目目录如下(utils文件夹是自己手工建的,然后在utils里新建js文件): 使用import导入文件时,注意路径,路径不对会报错; 导入之后使用外部js函数时,直接写导入时的名字加小括号即可,如 test(); 不需要加this,也不需要加别的。 demo.js export defa 阅读全文
posted @ 2021-12-02 11:09 sunshine233 阅读(6746) 评论(0) 推荐(1) 编辑
摘要: 外部js文件1: /** * 加了window.onload 后,直接引入js文件即可 * 页面资源全部加载完毕后会自动调用window.onload里的回调函数 */ window.addEventListener("load",function(){ console.log("我是外部js te 阅读全文
posted @ 2021-12-02 10:15 sunshine233 阅读(7432) 评论(0) 推荐(1) 编辑
摘要: 动图效果: 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } .container, img, . 阅读全文
posted @ 2021-12-01 13:52 sunshine233 阅读(339) 评论(0) 推荐(0) 编辑
摘要: offsetParent:返回该元素有定位的父级,如果父级都没有定位则返回body offsetTop:返回元素相对父级(带有定位的父级)上方的偏移 offsetLeft:返回元素相对父级(带有定位的父级)左边框的偏移 offsetWidth:返回自身的宽度,包括padding、border、内容区 阅读全文
posted @ 2021-12-01 09:25 sunshine233 阅读(423) 评论(0) 推荐(0) 编辑
摘要: BOM:Browser Object Model, 浏览器对象模型。 window.onload 在html中,通常js代码要放在元素之下,否则会报错。比如在元素之前的script中给一个button绑定onclick事件,会报错:Uncaught TypeError: Cannot set pro 阅读全文
posted @ 2021-11-30 15:08 sunshine233 阅读(53) 评论(0) 推荐(0) 编辑
摘要: DOM操作 获取元素: DOM传统获取元素有三种方式,getElementById、getElementsByTagName、getElementsByClassName。 <div class="box" id="timmer">box1</div> //下面三种方式均可获取到该元素 var ti 阅读全文
posted @ 2021-11-30 14:21 sunshine233 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 原表格样式; 导入效果: 1. 安装 npm install xlsx 2. 在App.vue 中引入xlsx import * as XLSX from 'xlsx'; // 数据导出导入所需要的依赖 <input> 标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入 阅读全文
posted @ 2021-11-01 11:38 sunshine233 阅读(1935) 评论(0) 推荐(0) 编辑
摘要: 1. npm install xlsx 2. 在App.vue 中引入xlsx import * as XLSX from 'xlsx'; // 数据导出导入所需要的依赖 3. 使用xlsx 3.1 新建一个工作簿 workBook 3.2 生成一个工作表 sheet 3.3 在工作簿中添加工作表 阅读全文
posted @ 2021-10-29 13:48 sunshine233 阅读(1565) 评论(0) 推荐(0) 编辑