2021年12月2日
js 的本地存储 localStorage、sessionStorage
摘要： 本地存储特性 数据存储在用户浏览器中 设置、读取方便，甚至页面刷新也不丢失数据 容量较大，sessionStorage 约5M，localStorage容量约20M 只能存储字符串，可以将对象JSON.stringify()编码后再存储 localStorage：关闭浏览器后数据仍然存在，直到手动删 阅读全文
posted @ 2021-12-02 14:27 sunshine233 阅读(940) 评论(0) 推荐(0) 编辑
vue2项目中引用外部js文件
摘要： vue2项目目录如下(utils文件夹是自己手工建的，然后在utils里新建js文件): 使用import导入文件时，注意路径，路径不对会报错； 导入之后使用外部js函数时，直接写导入时的名字加小括号即可，如 test(); 不需要加this，也不需要加别的。 demo.js export defa 阅读全文
posted @ 2021-12-02 11:09 sunshine233 阅读(6097) 评论(0) 推荐(1) 编辑
html中引入外部js文件，使用外部js文件里的方法
摘要： 外部js文件1： /** * 加了window.onload 后，直接引入js文件即可 * 页面资源全部加载完毕后会自动调用window.onload里的回调函数 */ window.addEventListener("load",function(){ console.log("我是外部js te 阅读全文
posted @ 2021-12-02 10:15 sunshine233 阅读(7178) 评论(0) 推荐(1) 编辑
2021年12月1日
js 鼠标放到图片上放大某一部分效果
摘要： 动图效果： 代码： <!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 阅读(331) 评论(0) 推荐(0) 编辑
js offset系列属性
摘要： offsetParent:返回该元素有定位的父级，如果父级都没有定位则返回body offsetTop:返回元素相对父级（带有定位的父级）上方的偏移 offsetLeft:返回元素相对父级（带有定位的父级）左边框的偏移 offsetWidth:返回自身的宽度，包括padding、border、内容区 阅读全文
posted @ 2021-12-01 09:25 sunshine233 阅读(419) 评论(0) 推荐(0) 编辑
2021年11月30日
js BOM操作
摘要： BOM：Browser Object Model, 浏览器对象模型。 window.onload 在html中，通常js代码要放在元素之下，否则会报错。比如在元素之前的script中给一个button绑定onclick事件，会报错：Uncaught TypeError: Cannot set pro 阅读全文
posted @ 2021-11-30 15:08 sunshine233 阅读(49) 评论(0) 推荐(0) 编辑
js DOM操作
摘要： DOM操作 获取元素： DOM传统获取元素有三种方式，getElementById、getElementsByTagName、getElementsByClassName。 <div class="box" id="timmer">box1</div> //下面三种方式均可获取到该元素 var ti 阅读全文
posted @ 2021-11-30 14:21 sunshine233 阅读(124) 评论(0) 推荐(0) 编辑
2021年11月1日
vue项目中使用 SheetJS / js-xlsx 导入文件
摘要： 原表格样式; 导入效果： 1. 安装 npm install xlsx 2. 在App.vue 中引入xlsx import * as XLSX from 'xlsx'; // 数据导出导入所需要的依赖 <input> 标签用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入 阅读全文
posted @ 2021-11-01 11:38 sunshine233 阅读(1870) 评论(0) 推荐(0) 编辑
2021年10月29日
vue项目中使用 SheetJS / js-xlsx 导出文件
摘要： 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 阅读(1506) 评论(0) 推荐(0) 编辑
2021年10月28日
vue项目中使用canvas
摘要： canvas API 文档：https://www.canvasapi.cn/ 一、在html中使用canvas canvas 元素用于在网页上绘制图形。 在html中，使用 document.getElementById("myCanvas") 找到相应元素，然后继续下一步操作。 二、在vue中使 阅读全文
posted @ 2021-10-28 09:18 sunshine233 阅读(5886) 评论(0) 推荐(0) 编辑