前端
小小八毛
代码很漂亮,漂亮也没用,没用也要写。
展开
-
VUE3 setup父子传参 或者 父亲调用孩子的函数
【代码】【VUE3 setup 】【父传子、子传父、父调用子】原创 2023-03-22 19:54:57 · 341 阅读 · 1 评论 -
js正则校验密码长度8-20位必须包含字母+数字+符号(!@#¥%^&*)
js正则校验密码长度8-20位必须包含字母+数字+符号(!@#¥%^&*)原创 2023-02-07 16:42:37 · 1611 阅读 · 0 评论 -
校验身份证号、手机号、银行卡号(TypeScript)
校验身份证号、手机号、银行卡号(TypeScript)原创 2023-01-29 14:52:25 · 583 阅读 · 0 评论 -
uniapp二次封装scroll-view
uniapp二次封装scroll-view 只需传入 请求方法 和请求参数,即可实现下拉刷新触底请求下一页触底 没有更多 提示(借助iView, 可改)原创 2022-11-24 16:40:07 · 473 阅读 · 0 评论 -
uniapp图片组件封装(上传、回显、自定义样式、数量限制,图片大小限制,只读模式)
前言:没有全部测试一遍,因为项目需要身份证正反面,所以就测了一下身份证正反,基本功能都具有,直接粘贴使用2、调用例子(身份证)<up-imgs :max-img-num="2" :use-custom="true"></up-imgs>3、组件内容<template>......原创 2022-05-12 17:53:26 · 3662 阅读 · 0 评论 -
uniapp预览一张本地图片组件封装
代码比较简单,为了方便以后copy用,存一下调用 <preview-local-pictures :img="require('../static/images/exampleImg.jpg')" @close="showPreview(false)" :show="previewFlag"></preview-local-pictures>组件内容<!-- 预览本地图片组件--><template> <vi原创 2022-04-28 17:43:38 · 729 阅读 · 0 评论 -
uniapp消息订阅uni.requestSubscribeMessage
封装一个订阅消息逻辑组件现在消息订阅只允许用户点击才能订阅如果用户没有打开订阅消息的总开关的话,用户点击也是不会弹出弹框订阅的弹框使用的uview组件,可以换成其他的原创 2022-04-26 11:25:14 · 8410 阅读 · 1 评论 -
搜索结果关键字高亮,适用vue
text.replaceAll(keyword, `${keyword}`)原创 2022-04-12 15:37:34 · 744 阅读 · 0 评论 -
uniapp写微信小程序使用echarts
uCharts官网https://www.ucharts.cn/0、前言因为微信小程序不能操作dom元素,所以echarts也不能正常使用在网上找了很多办法,用mpvue-echarts ,用uni-ec-canvas最后都失败了,可能接触图表类不多,就是不显示最后发现原来在uniapp官网有这个组件,确实简单好用好上手,按照官网的文档写就行秋云 ucharts echarts 高性能跨全端图表组件 https://ext.dcloud.net.cn/plugin?id=271原创 2022-03-24 16:36:15 · 1895 阅读 · 0 评论 -
el-date-picker设置时间可选范围 :picker-options=““
我这里用了momentjs,只能选择当前年的日期,且最大选择日期是当天,不能选择未来pickerOptions: { disabledDate(time) { return time.getTime() > new Date(moment().format("YYYY-MM-DD") + " 23:59:59") }},eg.<el-date-picker v-model="queryFields.statisticsDate" type="datera...原创 2022-03-22 09:33:12 · 2885 阅读 · 0 评论 -
CSS自定义滚动条样式
把.bottom改成需要滚动的那个盒子的类名就可以 // 自定义滚动条样式 .bottom::-webkit-scrollbar{ width: 7px; } .bottom::-webkit-scrollbar-thumb { border-radius:10px; background:rgba(0,0,0,0.1); -webkit-box-shadow:inset006pxrgba(0,0,0,0.5); } .bottom::-webkit-scrollbar-th原创 2022-03-09 14:53:14 · 354 阅读 · 0 评论 -
VUE2表格行上下移动(父子、多层级)
一个单独的vue文件,封装的不是很好,各位大佬看看就行,可以多层级上下移动<template> <div class="table"> <el-table :data="tableData" style="width: 100%; margin-bottom: 20px" row-key="id" border :default-expand-all="true" .原创 2022-03-03 18:23:47 · 1268 阅读 · 1 评论 -
对象数组排序封装
对数组中是对象的数组进行排序原创 2022-03-01 19:53:31 · 209 阅读 · 0 评论 -
对象数组去重封装
/** * 数组对象去重 * @param {Array} arr 需要去重的对象数组 * @param {string} arr 判断重复的关键字, 如果是基本数据类型,则不传 * */ function arrNoRepeat(arr, key) { if(!key){ return [...new Set(arr)] } let obj = {} arr...原创 2022-02-25 13:37:53 · 241 阅读 · 0 评论 -
uniapp锚点跳转到页面指定位置-id
uniapp锚点跳转-id原创 2022-01-25 16:52:18 · 1144 阅读 · 0 评论 -
JS封装获取指定年的指定月的天数,是28,29,30,还是31?
其实就是判断平年闰年,分配对应的天数数组原创 2022-01-25 11:57:14 · 468 阅读 · 0 评论 -
小程序定位逆地理编码封装uni.getLocation
小程序封装js代码,获取到当前的坐标,逆地理编码解析,定位权限拒绝处理原创 2022-01-20 10:00:30 · 1657 阅读 · 0 评论 -
uniapp封装上传图片组件
uniapp封装上传图片组件,简单的操作需求,直接调用就可以使用,只需更改上传的图片服务器的地址原创 2022-01-16 03:26:28 · 2027 阅读 · 2 评论 -
uniapp封装多选弹窗组件
父组件<template> <view class="box"> <view class="zhedang"> <select-toast ref="mytoast" @finishSelect="getList"></select-toast> </view> <view class="right" @click="selectMany...原创 2022-01-13 11:09:06 · 893 阅读 · 0 评论 -
JS深拷贝封装
js深拷贝原创 2021-12-23 11:05:18 · 660 阅读 · 0 评论 -
js实现一个获取url参数的方法-前端面试题
// 指定参数名称,返回该参数的值 或者 空字符串 // 不指定参数名称,返回全部的参数对象 或者 {} // 如果存在多个同名参数,则返回数组原创 2021-12-13 23:01:58 · 434 阅读 · 0 评论 -
nodejs发送邮件验证码封装(express框架)以QQ邮箱为例
nodejs发送邮件验证码封装(express框架)以QQ邮箱为例复制代码直接使用原创 2021-12-04 13:39:03 · 1546 阅读 · 0 评论 -
js算法题(比较多个数组, 返回所有数组共有的值)
输出数组里都有的数字,js算法题(比较多个数组, 返回所有数组共有的值)原创 2021-11-30 17:29:08 · 520 阅读 · 0 评论 -
canvas画实时钟表,包括表盘
有详细注释, 直接copy可看到效果原创 2021-11-30 11:48:09 · 194 阅读 · 0 评论 -
node安装和配置(node-v12.20.2-x64 ) 以及node版本切换介绍
node的安装、配置环境变量、常用全局包汇总、配置镜像源、node版本切换nvm原创 2021-11-05 21:03:48 · 32120 阅读 · 0 评论 -
vue项目_使用nginx代理部署上线
vue项目npm run build后在nginx的conf文件中中配置跨域请求proxy_pass 后写和vue中配置的proxy中的target中的地址一样即可 location /api { //拦截以/api开头的请求,并转发请求跨域 rewrite ^.+req/?(.*)$ /$1 break; proxy_pass http://请求的ip地址:3007; #第一个跨域请求的地址 proxy_redirect off; proxy_set_header .原创 2021-10-28 21:05:08 · 853 阅读 · 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-sc原创 2021-08-27 20:44:54 · 1551 阅读 · 0 评论 -
JS 数组、字符串的方法及一些操作总结(思维导图)
数组以及字符串常用方法汇总--思维导图--使用代码示例原创 2021-08-26 20:56:35 · 275 阅读 · 0 评论 -
JS面试笔试题汇总:排序、去重、防抖、节流
目录排序一:冒泡排序排序二:排序三:利用sort排序数组去重一:数组去重二:字符串去重一:字符串去重二:防抖:节流:排序一:冒泡排序 var arr = [1, 2, 3, 1, 2, 4, 5, 6, 7, 3, 4, 56, 1, 3, 4, 23, 4, 2]; for (var i = 0; i < arr.length - 1; i++) { for (var j = 0; j < arr.length - i - 1.原创 2021-08-23 20:44:12 · 262 阅读 · 1 评论 -
JS事件绑定、取消绑定及其兼容处理
DOM2事件绑定兼容处理 /* 作用:DOM2级事件绑定 参数: eleObj:元素对象 eventType:事件类型 callBack:事件处理函数 */ function eventBind(eleObj,eventType,callBack){ if(eleObj.addEve...原创 2021-08-23 19:35:48 · 129 阅读 · 0 评论 -
JS的盒子模型
元素.clientWidth : 获取元素的可视宽 content+左右padding元素.clientHeight: 获取元素的可视高 content+上下padding元素.clientTop:获取元素上边框元素.clientLeft:获取元素左边框元素.offsetWidth : 获取元素的占位宽 content+padding+border元素.offsetHeight: 获取元素的占位高 content+padding+border元素.offsetTop:当前元素的顶部...原创 2021-08-23 19:36:59 · 58 阅读 · 0 评论 -
JS的防抖和节流
目录零、序言1、防抖2、节流零、序言在开发过程中我们经常绑定高频发事件,resize,scroll,mousemove...,而不想让当前事件对应的事件处理函数实时触发,不利于性能优化,防抖和节流都是用来做性能优化的。1、防抖在一个事件发生一定时间之后,才执行特定动作(这个动作完成,一定时间后才执行)。 // 浏览器窗口大小的改变,触发shake函数 window.onresize = shake(getwh, 1000); //shak..原创 2021-08-23 19:02:04 · 158 阅读 · 0 评论 -
移动端rem适配屏幕 常用响应尺寸(css)
375的设计稿 100px == 1rem计算方法:屏幕尺寸/设计稿尺寸*100@media screen and (min-width: 300px) {html{font-size:80px;}}@media screen and (min-width: 375px) {html{font-size:100px;}}@media screen and (min-width: 414px) {html{font-size:110.4px;}}@media screen and (min-w.原创 2021-08-16 11:54:37 · 626 阅读 · 0 评论 -
网页通过CSS写出生日倒计时(利用:日期倒计时、元素自动旋转、边框视觉按钮效果)[直接复制代码即可实现、含注释]
图片效果 ↓(代码为粉图,生日歌自动播放)视频效果 ↓(音乐为自动播放)网页通过CSS写出生日倒计时(利用:日期倒计时、元素自动旋转、边框视觉按钮效果)代码 ↓(可直接复制使用,音乐引用网易云音乐的外部链接)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">&.原创 2021-07-25 18:13:52 · 1795 阅读 · 0 评论 -
通过CSS样式实现 手风琴 效果
视频效果 ↓CSS手风琴样式源代码及注释(插入图片即可实现效果)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatib原创 2021-07-24 00:10:50 · 438 阅读 · 1 评论 -
CSS3_动画_变形(旋转-平移-缩放-变形)
视频效果 ↓CSS3代码↓可直接运行!!!最下有概念解析<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" cont原创 2021-07-23 23:39:37 · 727 阅读 · 1 评论