12 2021 档案

vue项目中实现上传图片识别二维码-jsQR
摘要：效果图： jsQR 是一个纯 JavaScript 二维码解析库。该库读取原始图像或者是摄像头，并将定位，提取和解析其中的任何QR码。（来源：https://www.oschina.net/p/jsqr?hmsr=aladdin1e1） 1、 安装jsQR ： npm install jsqr -- 阅读全文
posted @ 2021-12-28 14:54 sunshine233 阅读(3314) 评论(0) 推荐(0)
indexedDB 增删改查基本操作
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> <script sr 阅读全文
posted @ 2021-12-07 10:50 sunshine233 阅读(488) 评论(0) 推荐(0)
新建 indexedDB 数据库并插入数据
摘要：一、什么叫数据库 DB的全名是database，即数据库。 二、数据库的种类 数据库有两种类型，分别是关系型数据库和非关系型数据库。 关系型数据库：Oracle、DB2、MicrosoftSQLServer、MicrosoftAccess、MySQL等。 非关系型数据库：NoSql、Cloudant 阅读全文
posted @ 2021-12-06 11:52 sunshine233 阅读(1253) 评论(0) 推荐(0)
js 使用localStorage本地存储用户名、密码
摘要：效果图如下： 代码如下： <!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 阅读(624) 评论(0) 推荐(0)
js 的本地存储 localStorage、sessionStorage
摘要：本地存储特性 数据存储在用户浏览器中 设置、读取方便，甚至页面刷新也不丢失数据 容量较大，sessionStorage 约5M，localStorage容量约20M 只能存储字符串，可以将对象JSON.stringify()编码后再存储 localStorage：关闭浏览器后数据仍然存在，直到手动删 阅读全文
posted @ 2021-12-02 14:27 sunshine233 阅读(1005) 评论(0) 推荐(0)
vue2项目中引用外部js文件
摘要：vue2项目目录如下(utils文件夹是自己手工建的，然后在utils里新建js文件): 使用import导入文件时，注意路径，路径不对会报错； 导入之后使用外部js函数时，直接写导入时的名字加小括号即可，如 test(); 不需要加this，也不需要加别的。 demo.js export defa 阅读全文
posted @ 2021-12-02 11:09 sunshine233 阅读(7463) 评论(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 阅读(7793) 评论(0) 推荐(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 阅读(356) 评论(0) 推荐(0)
js offset系列属性
摘要：offsetParent:返回该元素有定位的父级，如果父级都没有定位则返回body offsetTop:返回元素相对父级（带有定位的父级）上方的偏移 offsetLeft:返回元素相对父级（带有定位的父级）左边框的偏移 offsetWidth:返回自身的宽度，包括padding、border、内容区 阅读全文
posted @ 2021-12-01 09:25 sunshine233 阅读(433) 评论(0) 推荐(0)