- 博客(105)
- 收藏
- 关注
RSS订阅原创 prettier --config ./.prettierrc.cjs --write ./src
【代码】prettier --config ./.prettierrc.cjs --write ./src。
2023-09-21 15:09:56
247
原创 vue路由定义
此篇文章目的是，要集中写路由路径，在其他页面需跳转时，也是引入这里定义的路径，方便以后修改路由路径// 集中定义路由路径export const ROUTER_URL = { LOGIN = '/login/login', PRODUCT_LIST = '/productList/productList', . . .}// 路由页面import Vue from 'vue';import VueRouter, { RouteConfig
2021-12-09 19:44:42
189
原创 js数字截取小数点后n位数取精度的方法
const numberWithPercision = (num, percision = 0) => { const ratio = Math.pow(10, percision); if (num >= 0) { return (Math.round(num * ratio) / ratio).toFixed(percision); } return (-(Math.round(-num * ratio) /ratio).toFixed(per
2021-12-09 19:12:12
498
原创 js将超过一千的金额使用逗号隔开（正则，replace()）
const money = '999888777.99';const temp = money.split('.');temp[0].replace(/(\d)(?=(\d{3})+$)/g,'$1,') + '.' + (temp[1] || '00');//输出 999,888,777.99//需要小数,在后面replace方法的详细解析
2021-12-09 18:00:38
921
转载 一些常用的正则表达式
校验数字的表达式：n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$校验字符的表达式:英文和数字：^[A-Za-z0-9]+$ 或 ^[A-Za-z0-9]{4,40}$校验证件的表达式：身份证号(15位、18位数字)，最后一位是校验位，可能为数字或字符X：(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)军官证、台胞证、护照、其他(这几个长度都是8位)：^\S+$特殊需求表达式：手机号码：^(13[0-
2021-12-06 18:41:35
229
原创 解决滚动穿透问题
1、在vue中，在标签中添加下面代码@touchmove.native.stop.prevent2、在原生h5中，可以通过弹窗的显示，来控制body的溢出是否隐藏//弹窗显示，body内容溢出隐藏overflow:hidden;//弹窗关闭，body隐藏显示滚动条overflow:auto;...
2021-11-25 22:36:33
291
原创 css实现禁止缩放，避免有些用户放大字号，导致页面布局错乱（maximum-scale=1.0, user-scalable=0）
在meta标签中添加“maximum-scale=1.0, user-scalable=0”两个属性即可禁止页面缩放。<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
2021-11-25 20:28:07
3899
2
原创 解决将同一个项目的A分支的功能复制到B分支，git cherry-pick commit-hash
场景：将同一个项目的A分支的功能复制到B分支，下面的xxx为A分支commit的记录git cherry-pick xxx
2021-09-26 17:13:09
121
原创 密码输入框，获取焦点不弹出浏览器的填充账号密码弹窗的方法
<el-input class="password-input" v-model="form.password" placeholder="请输入密码"></el-input>.password-input{ -webkit-text-security: disc;}
2021-05-20 18:33:24
1091
原创 判断是移动端还是PC端
_isMobile() { 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){ alert('移动端') }else{ al.
2021-05-11 15:01:26
89
原创 Git 修改分支的名称
需要将分支old_name修改为new_name，执行如下步骤：1、执行命令git checkout old_name切换到old_name分支，如果已经在这个分支下，可以不执行此步骤2、执行命令git pull origin old_name将代码更新到和远程仓库一致3、执行命令git branch -m old_name new_name将本地仓库的old_name的名称修改为new_name4、执行命令git push origin --delete old_name将远程分支old_name
2021-04-06 16:35:45
220
原创 jquery分页
function customPager($, window, document, undefined) { "use strict"; var defaults = { pageIndex: 0, pageSize: 6, itemCount: 50, maxButtonCount: 7, prevText: "上一页", nextText: "下一页", buildPageUr
2021-01-18 18:06:33
82
原创 原生js复制内容
function copyUrl(url) { let oInput = document.createElement('input'); oInput.value = url; document.body.appendChild(oInput); oInput.select(); // 选择对象 document.execCommand("Copy"); // 执行浏览器复制命令 oInput.className = 'oInput'; oInput
2021-01-18 17:18:07
72
原创 下载文件
//在当前页面打开下载文件的接口，便弹出一个下载文件弹窗（后端返回文件） let url = apiUrl+ `?code=${res.data.data}`; window.open(url, "_self");
2020-12-11 17:14:41
98
原创 辨别打开的是移动端还是PC端，然后打开对应的页面
mounted() { if (this._isMobile()) { alert("手机端"); // this.$router.replace(‘/m_index‘); } else { alert("pc端"); // this.$router.replace(‘/pc_index‘); } }, methods: { //App.vue _isMobile() { let fla
2020-12-11 17:10:25
151
原创 开发插件，操作页面交互效果时，报“Extension context invalidated“ 错误
报这个问题是因为在拓展程序页面刷新了插件，在插入内容的页面没有刷新就操作的导致的，刷新一下页面再操作就好了
2020-12-04 17:57:50
4624
1
原创 elementUI中el-date-picker日期选择器设置只能选择的日期，其他为不可选择
效果图，红框的就是不可选的在el-date-picker中添加picker-options属性，<el-date-picker v-model="form.endTime" type="date" placeholder="请选择结束时间" value-format="yyyy-MM-dd" :picker-options="pickerOptions"></el-date-picker> 然后在data中添加data(){ return{ pick
2020-12-03 16:35:48
4309
原创 原生js实现拖拽效果案例
主要事件：1、onmousedown:鼠标按下事件2、onmousemove:鼠标移动事件3、onmouseup:鼠标按键被松开事件三个事件分别绑定的对象:（1）onmousedown：绑定到要被拖拽元素上（2）onmousemove：绑定到document上，主要是为了防止鼠标移动过快，移出要拖拽的元素（3）onmouseup：绑定到document上，主要是为了防止鼠标移动过快，移出要被拖拽的元素，导致无法触发鼠标按键被松开事件基本思路：拖拽状态 = false鼠标在
2020-11-27 17:35:36
485
原创 原生html/css+js写轮播
html:<!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" /> <
2020-10-22 13:39:54
360
1
原创 js中页面加载完成后执行的方法
等到整个window加载完成才执行的方法window.onload = function(){ alert("页面加载完成!!!");}场景：比如开发浏览器插件时，打开需要注入内容的网站，网站还没加载完成，此时，你注入js去获取dom节点，可能出现获取不到，类似这种情况就需要使用到window.onload这个方法了...
2020-09-27 17:01:04
1043
原创 onhashchange 事件(监控地址栏的url变化，当然，url存在锚部分)
onhashchange 事件在当前 URL 的锚部分(以 ‘#’ 号为开始) 发生改变时触发 。http://www.example.com/test.htm#part2 - 这个 URL 中的锚部分为 #part2。HTMl中：<element onhashchange="方法名">JavaScript 中:(object是个具体的对象，例如：window/document.body)object.onhashchange=function(){console.log("锚部分发
2020-09-27 16:40:14
656
原创 JS循环方法
1、While 循环 - 只要条件为 true，循环能够一直执行代码块。//语法while (条件) { 要执行的代码块}//例子(一遍又一遍执行，只要变量（i）小于 10)：while (i < 10) { text += "数字是 " + i; i++;}2、Do/While 循环 -do/while 循环是 while 循环的变体。在检查条件是否为真之前，这种循环会执行一次代码块，然后只要条件为真就会重复循环。//语法do { 要执行的代码块
2020-09-27 10:43:06
308
原创 css3正反面内容翻转切换
<!doctype html> <html> <head> <meta charset="utf-8" /> <style> *{margin:0;padding:0;} .element{position:relative;color:#fff;text-align:center;line-height:...
2020-09-16 13:38:24
1361
原创 让原生table的tbody达到一定的高度显示滚动条，并修改滚动条的默认样式
效果图：HTML：<table class="coupon-table" cellspacing="0"> <thead class="coupon-thead"> <tr> <th>券种类</th> <th>优惠券链接</th> <th>券消费限额</th> <th&g
2020-08-27 16:53:57
1371
原创 让v-charts中的图例显示在图表的下方以及解决title不生效问题
效果图：1、让v-charts中的图例显示在图表的下方：在 <ve-line :data="chartData" :legend="legend" ></ve-line>添加legend属性并在data中加上this.legend = { bottom: "0" };这样就完美解决了2、解决title不生效问题：在<ve-line :data="chartData" :title="title"></ve-line>添加title属性并在data
2020-08-25 15:10:06
4198
原创 浏览器插件的安装
谷歌、QQ浏览器安装插件：1、将插件的压缩包加压，然后打开浏览器的扩展程序页面，将解压缩的包直接拖拽到此页面即可2、如果是后缀名为crx的包，将crx改成zip，然后解压缩重复上面步骤即可搜狗浏览器安装插件：1、鼠标移动crx文件上点击右键，然后点击打开方式，选择搜狗浏览器打开即可安装2、如果是zip格式的压缩包，可以参考这篇文章打包成crx文件，然后进行第一步操作（这篇文章的打包方法中选择拓展程序根目录时需要注意，是选择你当前需要打包成crx的插件包目录）360浏览器安装插件：1、直接
2020-08-22 17:27:33
1017
原创 查找谷歌已安装的浏览器插件的包所在位置和打包扩展程序
1、在谷歌地址栏输入chrome:version 回车2、找到 “个人资料路径”，该路径下的Extensions文件夹里面便是已安装的浏览器插件的包3、需要打包的话，先打开浏览器的扩展程序页面4、点击打包扩展程序后弹出以下弹窗5、此处的打包程序根目录是你需要打包的插件的包的目录（可以把包复制到桌面）6、点击浏览选择扩展程序根目录，私钥文件可以不填，然后点击打包扩展程序7、打包成功生成一个crx文件(扩展程序包)和一个pem文件(私钥文件)，pem文件可以不要了，需要安装时直接用crx文
2020-08-22 16:12:05
7950
1
原创 鼠标移入商品列表项，商品图片动画过渡放大
鼠标移入完整代码：<template> <div class="container"> <div class="goods-box"> <div class="left"> <div class="bg-img"></div> </div> <div class="right"> 商品标题 </div>.
2020-07-24 16:55:06
189
原创 el-tooltip多行文字提示并修改提示框默认的黑色背景
完整代码：<div class="query-title-icon"> <p class="query-title">搜索指数榜</p> <el-tooltip tabindex="-1" popper-class="tooltip" placement="right"> <i class="iconfont icon-wenhao"></i> <div slot="content" c.
2020-07-21 18:41:08
1544
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人