js
小小白号
这个作者很懒,什么都没留下…
展开
-
计算一个数值在总数中的占比
计算占比举例:数值3在总数12中的占比为25%原创 2022-10-18 14:06:30 · 381 阅读 · 0 评论 -
vue3 吸顶搜索框在页面滚动时改变样式
监听滚动条距离顶部的距离,在距顶部40px内密集监听(依照自己的情况而定),不断改变样式,实现过度效果。原创 2022-08-09 15:06:52 · 766 阅读 · 0 评论 -
无缝轮播图
css实现和js实现两种方法原创 2022-06-07 09:17:34 · 83 阅读 · 0 评论 -
indexedDB基本使用(内含案例)
indexedDBindexDB是HTML5的新概念,用于将数据存储再用户的浏览器中,它是一个非关系型数据库,会将数据集作为个体对象存储,数据形式使用的是JSONndexeddb比本地存储更强大,可用于需要存储大量数据的应用程序。这些应用程序可以更高效地运行,并且加载速度更快。对象仓库objectStore一个数据库中可以包含多个objectStore,objectStore可以存放多种类型数据,就相当于是一张表,可以使用每条记录中的某个指定字段作为键值(keypath),也可以使用自动生成的递增数原创 2021-06-25 08:45:19 · 3646 阅读 · 3 评论 -
vue项目中格式化时间的三种办法
格式化时间1.第一种<el-table-column label="创建时间" prop="create_time" :formatter="formatterTime"/>methods:{ formatterTime(row, column, cellValue, index) { return moment(cellValue * 1000).format('YYYY-MM-DD HH:mm:ss') }原创 2021-05-14 11:16:17 · 11298 阅读 · 0 评论 -
上传图片
上传图片写项目时,上传的图片如果过多,太占内存,所以可以利用腾讯云或七牛云之类的,创建一个单独的地方,存放涉及到的图片下面利用腾讯云举例,并使用element ui的上传组件,完成上传图片的功能1.腾讯云存储桶注册腾讯云账号,并进行实名认证点击自己的头像,进入账号中心,领取免费产品回到对象存储-概览,在右侧的帮助文档处,打开开发者指南可以将SecretId 和 SecretKey 复制到别的地方,方便后续使用2.安装SDK第一种:script 标签原创 2021-05-14 14:52:54 · 883 阅读 · 0 评论 -
前端性能优化-防抖和节流
防抖<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documen原创 2021-06-24 20:02:54 · 85 阅读 · 0 评论 -
静态托管--在数据库存储本地图片地址却无法显示
在数据库中,我们会存储图片,但是在前端页面中调出数据后,却在页面中没有办法显示,我们就需要使用到静态托管,(1).在后台的app.js文件中在node.js的根目录下新建一个文件夹,存放本地的图片const express = require('express');const app = express();app.use("/public/images", express.static("./public/images"));//第一个是你想要通过写什么路径访问图片,第二个是你图片要在哪个文件原创 2021-05-06 19:30:00 · 518 阅读 · 0 评论 -
深度拷贝封装函数
深度拷贝封装函数function DeepCopy(obj) { if (typeof obj !== 'object' || obj === null) return obj let request obj instanceof Array ? request = [] : request = {} for (let i in obj) { request[i] = DeepCopy(obj[i]) } return request}let obj = { name:原创 2021-06-25 09:08:22 · 93 阅读 · 0 评论 -
原生js-图片懒加载
图片懒加载<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu原创 2021-06-24 20:14:10 · 109 阅读 · 0 评论 -
JavaScript数据类型转换
转载于掘金-立花正仁 :https://juejin.cn/post/6956170676327677966JavaScript数据类型转换JavaScript 本身是一门弱类型语言,这意味着 JavaScript 变量没有预先确定的类型。变量当前的类型由其值所决定,也许上一秒种的string,下一秒可能就是个array。所以当我们进行某些操作时,变量可以进行类型之间的转换,接下来我们就谈一谈数据类型到底是如何转换的。前言先来看一道面试题let result = 100 + true + 21转载 2021-05-06 19:21:09 · 210 阅读 · 0 评论 -
node操作mysql
先下载mysql模块npm install mysql可以在集成终端中执行,也可以在你自己建的文件的同级目录下,按shift+ctrl+鼠标右键,打开下面这个窗口,在这个窗口执行这句代码。注意:文件路径中,尽量不要出现中文。node直接运行在js文件node .\文件名.js如果怕文件名写错,可以写文件名的第一个字母,然后按tab键,就可以自己补充上完整的文件名。## js文件中的代码如下(例子)var mysql = require('mysql');var con原创 2021-01-20 20:00:41 · 375 阅读 · 0 评论 -
js实现轮播图
js制作轮播图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{原创 2020-12-14 19:50:18 · 132 阅读 · 0 评论 -
js中的失去焦点与获取焦点
失去焦点与获取焦点的小案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>原创 2020-10-05 09:09:17 · 466 阅读 · 0 评论 -
密码的显示隐藏、判断密码位数的小案例
密码的显示隐藏!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #pass{原创 2020-10-05 09:08:15 · 209 阅读 · 0 评论 -
js换肤小案例、关闭广告小案例
关闭小广告<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{原创 2020-10-05 08:45:30 · 95 阅读 · 0 评论 -
根据时间更换图片和文字
根据时间更换图片和文字<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> &原创 2020-10-05 08:44:44 · 335 阅读 · 0 评论 -
获取html元素,实现交互
查找html元素(1).通过id找到元素 如:document.getElementById("id名称");//注意单词字母大小写 var a=document.getElementById("d1"); document.write(a); document.write(typeof a); //a的数据类型为对象(object)(2).通过name找元素 如:document.getElementsByName("元素名称"); var d=doc原创 2020-09-29 19:40:08 · 140 阅读 · 0 评论 -
简易版自制倒计时
var timedate=new Date("octoder 1 2020"); //你想要的那天的日期,月份是英文 var now=new Date(); //获取现在的时间 var date=timedate.getTime()-now.getTime(); //用你想要的日期-去现在的时间,得到的是毫秒 var time=Math.floor(date/..原创 2020-09-29 10:48:46 · 268 阅读 · 0 评论 -
js对象
Date日期对象new Date() 创建一个日期对象getFullYear() 返回年份getMonth() 返回月份数(0-11),想要得到几月,需要加一getDay() 返回一周的第几天(0-6)getDate() 返回日getHours() 返回时getMinutes() 返回分getSeconds() 返回秒getTime() 返回从1970年1月1日00:00到现在的毫秒数原创 2020-09-28 15:42:25 · 280 阅读 · 0 评论