![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
裴嘉靖
学而不思则罔 思而不学则殆
展开
-
vue的渲染器的实现
【代码】vue的渲染器的实现。原创 2023-03-21 14:48:45 · 146 阅读 · 0 评论 -
js startsWith() 方法和endsWith()方法
【代码】js startsWith() 方法和endsWith()方法。原创 2023-03-13 17:19:24 · 154 阅读 · 0 评论 -
js获取时间
运行看结果 年月日时分秒 要啥自己拼接 // 处理图表数据,用数据补充阴影 let time = new Date(); // 获取年月日时分秒 this.year = time.getFullYear(); this.month = Number(time.getMonth()) + 1; this.day = time.getDate(); this.hour = time.getHours(); this.minute = time原创 2022-05-10 16:49:05 · 125 阅读 · 0 评论 -
移动端rem
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>rem</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"原创 2022-04-28 11:34:02 · 110 阅读 · 0 评论 -
uniapp循环多选
代码运行 看效果<template> <view class="content"> <view :class="item.checked ? 'a' : ''" @tap='dianji(index)' v-for="(item,index) in arr2" style="width:100upx;height: 50uxp;border: 1px solid red;margin-top: 20upx;"> {{item.name}} </v原创 2022-04-26 15:51:19 · 508 阅读 · 3 评论 -
拆分URL路径
拆分url 拿到www.test.com 把后面的参数变成对象格式<script type="text/javascript"> /* 拆分url 拿到www.test.com 把参数变成对象格式*/ let url='http://www.test.com?key1=1&key2=2&key3=3&test=4' let reg=/\/\/(.+)\?/ let result=reg.exec(url) console.log(r原创 2022-03-22 19:18:54 · 596 阅读 · 0 评论 -
backdrop-filter
//backdrop-filter: blur(2px); 背景图迷糊效果//用法:<div class="box"> <div class="item"> </div></div>.box { height: 100%; width: 100%; background-image: url('http*****');}.item{ height: 100%; width: 100%; background-c原创 2022-02-25 16:49:36 · 2156 阅读 · 0 评论 -
editor和textarea禁止输入emoji表情
点击事件,当有emoji表情输入时,直接替换为空var reg1=/\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F\uDE80-\uDEFF]/g;var reg2=/([\u00A9\u00AE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9-\u21AA\u231A-\u231B\u2328\u23CF\u23E9-\u23F3\u23F8-\u23FA\u24C2\u25AA-\u25AB\u25B6\u25C0\u25原创 2022-02-15 13:57:51 · 1131 阅读 · 0 评论 -
ES6 Set集合
<!DOCTYPE html><html> <body> <script> let j=new Set(['一年级','二年级','三年级','四年级','二年级']) console.log('元素个数',j.size) // 添加新的元素 j.add('五年级') // 删除元素 j.delete('二年级') // 请空 // j.clear() console原创 2022-01-21 15:56:47 · 473 阅读 · 0 评论 -
JavaScript生成器函数
生成器函数语法function* 函数名(参数){函数体}案例:先得到用户,然后根据用户得到订单,根据订单得到商品信息话不多说,拿代码,运行,看结果:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>生成器函数</title> </head> <body> <script type="text/javascr原创 2022-01-20 15:12:59 · 501 阅读 · 0 评论 -
PC端点击按钮保存图片到本地
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <img id='myImg' src="./img/1.png"> <button type="button" id="save">保存</button> <scri原创 2021-12-29 17:15:22 · 586 阅读 · 0 评论 -
canvas把图片和文字变成图片保存本地
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> #mycanvas { border: 1px solid red; margin-left: 500px; } </style> </head> <body原创 2021-12-29 16:58:06 · 321 阅读 · 0 评论 -
v-model的修饰符
v-model的常用修饰符有以下几种lazynumbertrimdebounce(在Vue2.0后被移除)v-model.lazy 只有在input输入框发生一个blur时才触发 <input type="text" v-model.lazy="con"> <p>用户输入的内容: {{con}}</p>v-model.trim 将用户输入的前后的空格去掉 <input type="text" v-model.trim="con">原创 2021-12-16 21:08:12 · 232 阅读 · 0 评论 -
网站多页面通讯
两个页面之间用本地存储通讯 ,上代码,两个demo一:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <input type="text" id='input' /> <script type="text/javascript"> doc原创 2021-10-19 11:10:16 · 121 阅读 · 2 评论 -
js 函数节流
函数节流1概念:设定一个特定的时间,让函数在特定的时间内只执行一次,不会频繁执行·2举例, fps游戏,威标按住不松手,子弹也不会适成一条线3实现:定时器、标识4需求:在鼠标滚轮滚动的时候,每隔2秒钟,打印一次上代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"&g原创 2021-10-15 15:11:00 · 773 阅读 · 0 评论 -
js函数防抖
上代码,自己测试。防抖简单说就是减少http请求,前端性能优化<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div> <input type="text" name="" id="user_input" value="" /> <原创 2021-10-15 14:46:24 · 93 阅读 · 0 评论 -
页面路径的参数截取
let local='http://1.15.15.243/#/pages/index/index?id=19&code=18435297' // let local = window.location.href; // console.log('页面路径', local); var queryObj = {}; if (local.indexOf('?') != -1) { var search = local.slice(local.indexOf('?'...原创 2021-06-02 17:10:54 · 180 阅读 · 0 评论 -
jQ 发弹幕功效
HTML<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>视频弹幕</title> <link rel="stylesheet" type="text/css" href="style/index.css" /> <script type="text/javascript" src="js/jquery.js"><原创 2021-04-30 11:21:24 · 92 阅读 · 0 评论 -
移动端遮罩层下内容不可滑动
//打开遮罩层的时候加上document.body.style.position = “fixed”//关闭遮罩层的时候加上document.body.style.overflow = “”原创 2021-04-13 17:10:33 · 190 阅读 · 0 评论 -
js获取今天星期几
<html> <head> <meta http-equiv="Content-Type" content="text/html" charset="utf-8" /> <title></title> </head> <body> <button class="button" type="button">点击查看</button> <div id="content">原创 2021-04-12 17:15:58 · 357 阅读 · 0 评论 -
H5点击后刷新页面
<a href="javascript:location.reload()">点一下</a>原创 2021-04-12 14:37:09 · 868 阅读 · 0 评论 -
jquery实现H5复制功能
//html代码客服微信:<input type="text" disabled="disabled" value="shaiyukefu" id='val' /> <button id='copy'>复制</button>//js代码 $(function(){ $("#copy").click(function(){ var text=document.createElement('input'); text.id="web原创 2021-04-06 18:05:59 · 282 阅读 · 2 评论 -
jQ广告横向滚动
*{ box-sizing: border-box; }.gunDong{ background-color: #F4F4F4; height:30px; border-radius:5px; color: #F85E6E; font-size: 16px; line-height: 30px; box-sizing: border-box; /* padding: 0px 5px; */ margin: 20px 0; } .gunDong ul{ he原创 2021-03-25 16:47:44 · 166 阅读 · 0 评论 -
PC端JS轮播图(自动+手动)
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>最简单的轮播效果</title> <style> * { margin: 0; padding: 0 } .box { width: 500px; height: 300px; border: 1px solid原创 2021-01-18 14:37:10 · 287 阅读 · 2 评论 -
js获取时间
js获取时间。原创 2020-12-25 17:39:14 · 299 阅读 · 0 评论 -
input type=number 输入11位手机号写法
<input type="number" oninput="if(value.length>11)value=value.slice(0,11)" name="mobile" id="mobile" value="" maxlength="11" required />原创 2020-10-14 16:26:10 · 5367 阅读 · 0 评论 -
原生上传图片
/* 上传头像 */ var txNode = document.querySelector(".tx");//图片 var wj = document.forms[0].wj;//input var imgUrl= wj.onchange= function(){ console.log(666666) var formData = new FormData(); formData.append('file', $('#wj')[0].files[0]); /原创 2020-10-12 18:05:58 · 276 阅读 · 0 评论 -
原生:倒计时(请仔细阅读许可协议)
<!DOCTYPE html><html> <head> <title>许可协议按钮</title> <meta charset="gb2312" /> <style type="text/css"> #an{ width:170px;height:24px; } </style> <script type="text/javascript"> var i=10原创 2020-06-04 10:43:20 · 218 阅读 · 0 评论