前端
大湿骑码
性感码农在线笔记
展开
-
vue中iframe嵌套页面父子组件互相通信
/iframe向父组件通信,子传父。原创 2023-03-14 14:19:40 · 1001 阅读 · 1 评论 -
节日网页变灰
【代码】节日网页变灰。原创 2022-12-01 16:23:00 · 165 阅读 · 0 评论 -
echarts饼图鼠标移入或者鼠标点击突出区域
【代码】echarts饼图鼠标移入或者鼠标点击突出区域。原创 2022-11-23 14:08:46 · 3093 阅读 · 0 评论 -
vue等比例缩放网页,在手机QQ,微信浏览器样式错乱问题
/在头部加meta标签。原创 2022-11-21 11:45:23 · 625 阅读 · 0 评论 -
ubiapp转小程序 checked选择框样式修改
【代码】ubiapp转小程序 checked选择框样式修改。原创 2022-11-17 11:44:10 · 139 阅读 · 0 评论 -
js多个判断进行优化
【代码】js多个判断进行优化。原创 2022-11-16 15:16:17 · 482 阅读 · 2 评论 -
前端实时显示日期周时间
【代码】前端实时显示日期周时间。原创 2022-11-16 14:31:42 · 529 阅读 · 0 评论 -
echarts图表区间展示
【代码】echarts图表区间展示。原创 2022-11-10 10:51:41 · 492 阅读 · 0 评论 -
vue流程图简画
【代码】vue流程图简画。原创 2022-10-26 10:15:19 · 565 阅读 · 0 评论 -
不用js,只用css点击显示隐藏
【代码】不用js,只用css点击显示隐藏。原创 2022-10-14 14:34:31 · 506 阅读 · 0 评论 -
js,jq动态加样式!important,不起作用问题
【代码】js,jq动态加样式!important,不起作用问题。原创 2022-09-26 10:24:46 · 300 阅读 · 0 评论 -
html不常用的fieldset标签
代码】html不常用的fieldset标签。原创 2022-08-18 17:24:39 · 93 阅读 · 0 评论 -
json格式化工具
json格式化工具。原创 2022-08-12 13:54:01 · 288 阅读 · 0 评论 -
2D大屏可视化展示
http//datav.jiaminghi.com/http//mars2d.cn/example.html。原创 2022-07-20 15:19:43 · 274 阅读 · 0 评论 -
好用的程序员导航大全
https://www.cxy521.com/原创 2022-05-31 14:32:29 · 715 阅读 · 0 评论 -
vue扫描二维码
vue扫码原创 2022-05-11 10:43:12 · 1025 阅读 · 1 评论 -
vue+el-table点击行多选
<template><div class="wrap"> <div class="wrap_con"> <el-table ref="singleTable" :data="tableData" @row-click="changeRow" :row-style="isRed" class="table"> <el-table-column property="status".原创 2022-05-05 17:55:07 · 1705 阅读 · 0 评论 -
vue路由传值转义成%25E5%25BC%25A0%25E4%25B8%2589类似这种
vue路由传值转义原创 2022-04-26 15:43:38 · 1672 阅读 · 1 评论 -
rem.js
var winWidth;//获取屏幕宽度if(window.innerWidth) {winWidth = window.innerWidth;} else if((document.body) && (document.body.clientWidth)) {winWidth = document.body.clientWidth;}window.onload = function(){/1rem=100px/getRem(winWidth,100)};window原创 2022-04-22 15:10:51 · 352 阅读 · 0 评论 -
js获取地址id
js找到地址栏id并获取原创 2022-04-18 16:40:47 · 1057 阅读 · 0 评论 -
input框只能输入数字和大于0的数
this.value=this.value.replace(/\D|^0/g,'')原创 2022-03-31 09:45:51 · 637 阅读 · 0 评论 -
输入框禁止输入特殊字符\/:*? “ <>l
//特殊字符:\/:*? " <>|禁止输入var txt=new RegExp("[ \\*,\\\\,\\/,\\?,\\?,\\|,\\:,\\<,\\>,\\',\"]");this.data.note=this.data.note.replace(txt,'')原创 2022-03-30 17:12:57 · 1095 阅读 · 1 评论 -
el-date-picker 默认选择几天和最大选择几个月
<el-form-item label="日期范围"> <el-date-picker v-model="timedate" type="daterange" size="mini" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日.原创 2022-02-17 09:41:35 · 390 阅读 · 0 评论 -
js正则找出字符串中的数字并改变颜色
js正则找出字符串中的数字并改变颜色原创 2022-01-05 14:29:14 · 1631 阅读 · 0 评论 -
二维数组转为json数据
this.tabledatatable = [[1,2,3],[4,5,6]] var json=[]; this.tabledatatable.forEach(function(item){ var temp={}; item.forEach(function(value,index){ temp['name'+index]=value; }); temp.check = false原创 2021-11-18 10:57:53 · 1353 阅读 · 0 评论 -
vue点击按钮将dom转为pdf
//下载插件npm install html2canvasnpm install jspdf//建一个js文件htmlToPdf.js***import html2Canvas from "html2canvas";import JsPDF from "jspdf";function printOut(DomName, a) {//title,随意设置,也可以提出来做参数,传入进来,自己发挥var title = a;var that = this;var shareContent =原创 2021-11-18 10:52:03 · 415 阅读 · 0 评论 -
vue点击复制当前网页链接进行分享
<img src="../../assets/img/fenlian.png" v-clipboard:copy="网页链接" v-clipboard:success="onCopy" v-clipboard:error="onError" alt="" /> onCopy: function (e) { alert('成功复制: ' + e.text) }, onError: function (e) { alert(原创 2021-11-18 10:33:55 · 1707 阅读 · 0 评论 -
vue网页分享到微博
// 微博分享 share(){ this.message = String(location.href) var url='https://service.weibo.com/share/share.php?url='+encodeURIComponent(this.message) // this.$router.replace(url.split('/#/')[1]) window.open(url) // count=表示是否显示当原创 2021-11-18 10:31:58 · 627 阅读 · 0 评论 -
vue判断什么手机打开网页及是否用QQ浏览器或者微信浏览器打开
//判断什么类型手机打开的网页let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)if(flag == 'Android,Android'){//如果是安卓手机打开判断是否是QQ或者微信浏览器原创 2021-11-18 10:21:46 · 1101 阅读 · 0 评论 -
vscode中无法格式化html代码,安装一个扩展插件就可
原创 2021-10-15 16:55:08 · 825 阅读 · 0 评论 -
vscode中htnml无法注释安装一个扩展插件就OK了
原创 2021-10-15 16:53:18 · 86 阅读 · 0 评论 -
echarts好用的网站
传送门原创 2021-10-15 11:29:47 · 572 阅读 · 0 评论 -
循环数组找到对应元素移除掉
https://blog.csdn.net/weixin_45922009/article/details/118708543?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522162823193116780366589170%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=16282319311678036658917转载 2021-08-06 14:41:46 · 147 阅读 · 0 评论 -
css文字超出显示省略号
css文字超出显示省略号转载 2021-07-19 14:51:23 · 75 阅读 · 0 评论 -
uniapp小程序自定义改变头部导航标题
wx.setNavigationBarTitle({ title: '自定义标题'})原创 2021-07-08 11:17:59 · 537 阅读 · 0 评论 -
uniapp小程序鼠标按下抬起,@input=“down“轻松解决
<u-input v-model="value" @input="down" type="text" placeholder="输入"/>data() { return { value: '' } }, methods: { down(){ console.log(this.value) } }原创 2021-07-07 15:11:06 · 1443 阅读 · 0 评论 -
uniapp小程序点击切换字体样式
<view :class="[active==index ? 'checkno' : 'checks']" v-for="(item,index) in lists" :key="index" @click="check(index,item.area_name)">{{item.area_name}}</view>data() { return { active: 0, lists:[ { area_name:'一' }, {原创 2021-07-07 14:27:28 · 1463 阅读 · 0 评论 -
uniapp,小程序嵌套H5
//url=你要嵌套的H5页面地址<web-view :src="url"></web-view>原创 2021-07-02 17:28:05 · 483 阅读 · 0 评论 -
uniapp调用摄像头,调用相册
//点击头像调用摄像头,或者直接选择图片<image @click="chooseImage" :src="imgShow" class="toux" mode=""></image>//手机真机操作测试才能调用摄像头,相册图片,网页上只能选择图片chooseImage() { var _this = this uni.chooseImage({ count: 1, //默认9 sizeType: ['original', 'compressed'], /原创 2021-06-08 10:15:31 · 9865 阅读 · 0 评论 -
小程序获取手机号
<button class="phone xiabut" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">微信登录</button>import WXBizDataCrypt from "@/static/WXBizDataCrypt.js";这个js包我放入了,点击下载getPhoneNumber(phone){ if(phone.detail.errMsg=="getPhoneNumber:fai原创 2021-06-07 16:06:47 · 128 阅读 · 0 评论