- 博客(27)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 css样式穿透
vue文件的style标签的scoped属性作用：PostCSS在元素标签上添加特殊属性值，在样式的选择器后面添加属性选择器，实现了组件样式的私有化，防止组件之间的样式污染（比如相同类名的元素）。但在使用scoped属性时，会遇到样式问题。需要使用样式穿透解决。css样式穿透有两种写法,以以下代码为例。
2023-06-30 10:33:41
180
原创 为什么JS是单线程的？
JavaScript语言的一大特点就是单线程，即同一时间只能做一件事情。 JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。 这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程， 一个线程在某个DOM节点上添加内容， 另一个线程删除了这个节点，这时浏览器应该以哪个线程为准？所以，为了避免复杂性，从一诞生，JavaScript就是单线程，这已经成了这门语言的核心特征，将来也不会改.
2022-05-17 17:17:40
1011
原创 变量名批量生成
俗话说，有需求就有市场，作为一个开发人员且英文不好的我来说，起名字就成了一大烦恼，于是就在网上找了一个专门起名字的网站，蛮好使，推荐给大家程序猿懒人起名网站
2021-12-02 16:40:41
159
原创 vue跳转后不记录历史记录
vue路由跳转一般情况下是使用push， this.$router.push({ path: "/testTeam/testTeam", });若是特殊需求，页面跳转后不记录到历史记录中，将push改为replace即可this.$router.replace({path: '/project_selection'})...
2021-08-28 14:11:08
3271
1
原创 vue打包时去掉所有的console.log
1，下载插件npm i babel-plugin-transform-remove-console -S2，找到 babel.config.js 文件，为其配置属性即可const proPlugins = [];// 开发环境 不做操作// 生产环境，去掉consoleif (process.env.NODE_ENV === 'production') { proPlugins.push('transform-remove-console');}module.exports = {
2021-08-05 09:47:27
168
原创 从浏览器输入url后都经历了什么
- 先进行DNS域名解析，先查看本地hosts文件，查看有没有当前域名对应的ip地址，若有直接发起请求，没有的话会在本地域名服务器去查找，该查找属于递归查找，如果本地域名服务器没查找到，会从根域名服务器查找，该过程属于迭代查找，根域名会告诉你从哪个与服务器查找，最后查找到对应的ip地址后把对应规则保存到本地的hosts文件中。- 如果想加速以上及之后的http请求过程的话可以使用缓存服务器CDN，CDN过程如下： 1. 用户输入url地址后，本地DNS会解析url地址，不过会把最终解析权交给...
2021-04-09 17:43:00
228
原创 json与formdata格式相互转换
//对象转formdata格式 function jsToFormData(config) { const formData = new FormData(); //循环传入的值转换formData Object.keys(config).forEach((key) => { formData.append(key, config[key]); }) return formData;}//formdata转对象格式function jsonData(formData)
2021-03-16 15:37:51
3706
原创 js获取近几天的日期
由于开发需求，有时候做图表时需要拿到最新的日期，所以做了一个获取近几天日期的封装函数//传入的参数应为数字function datatime(time){ var myDate = new Date(); //获取今天日期 myDate.setDate(myDate.getDate() - time); var dateArray = []; var dateTemp; var flag = 1; for (var i = 0; i < time;
2021-03-05 10:11:32
921
2
原创 强制关机（程序猿之快乐的作死）
双击打开后强制关机，首先，新建一个txt文件然后输入0为时间，意思是打开后0秒后关机，可以更改，shutdown -s -t 0然后将 .txt 改为 .bat保存即可也可以将命令改为slidetoshutdown，这个是下拉关机slidetoshutdown然后起一个你朋友需要的名字发给他，待他一打开就关机了，快乐的作死...
2021-02-23 15:17:03
203
原创 VUE+Element中eldialog弹框控制最小宽度
<template> <div> <div> <el-button @click="dialogFormVisible=true"> 打开 </el-button> </div> <el-dialog title="弹框" :visible.sync="dialogFormVisible" :width="dialogWidth"> .
2021-02-19 16:00:55
6062
7
原创 vue弹出框中使用wangeditor富文本（新手教程）
1，第一步，当然是先下载依赖 npm i wangeditor --save2，第二步，在vue单页面中引用<script> import E from "wangeditor";</script>3,第三步，写一个弹窗框<template> <div> <el-button type="success" @click="addfrom">添加</el-button> <el-dialog
2021-02-03 18:21:00
2367
1
原创 H5页面向App发送参数
var apparams={'name':"张三"};var device = judgeAndroidOrIOS(); if(device == 0){ //参数类型可以自定义 android.wisdomfnPayWaterFee(JSON.stringify(apparams)); }else{ window.webkit.messageHandlers.wisdomfnPayWaterFee.postMessage(JS
2021-01-27 14:01:12
796
原创 变量和函数是怎么进行提升的？
变量和函数是怎么进行提升的？1,对所有函数声明进行提升（除了函数表达式和箭头函数），引用类型的赋值开辟堆空间存储内容将地址赋给变量2,对变量进行提升，只声明，不赋值，值为undefined...
2021-01-27 13:54:33
340
原创 常用的正则验证（手机号，身份证号，邮箱，密码，金钱，url，社会统一信用代码等）
// 手机号export const mobile = /^0?(13[0-9]|14[0-9]|15[0-9]|16[0-9]|17[0-9]|18[0-9]|19[0-9])[0-9]{8}$/// 电子邮箱export const email = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/// 密码【6-20位 包括特殊字符】export const password = /^[A-Za-z0-9!#$%^&*.~,]{6,20
2021-01-18 15:35:53
407
原创 手机号隐私保护 隐藏中间四位数字
function secrecyMobile(mobile) { mobile = String(mobile) if (!/\d{11}/.test(mobile)) { return mobile } return mobile.replace(/(\d{3})(\d{4})(\d{4})/, '$1****$3')}
2021-01-18 15:33:16
443
原创 货币千位分隔符
function formatPrice(price) { if (typeof price !== 'number') return price return String(Number(price).toFixed(2)).replace(/\B(?=(\d{3})+(?!\d))/g, ',')}
2021-01-18 15:32:19
718
原创 js深拷贝封装函数
function deepClone(object) { let str let newobj = object.constructor === Array ? [] : {} if (typeof object !== 'object') { return object } else if (window.JSON) { str = JSON.stringify(object) newobj = JSON.parse(str) } else { for.
2021-01-18 15:30:53
200
原创 vue时间戳的相互转换
/** * 将unix时间戳转换为指定格式 * @param unix 时间戳【秒】 * @param format 转换格式 * @returns {*|string} */ export function unixToDate(unix, format) { if (!unix) return unix let _format = format || 'yyyy-MM-dd hh:mm:ss' const d = new Date(unix * 1000) co.
2021-01-18 15:29:53
387
原创 vue项目依赖node_modules装不上去
从代码库里拉取代码，安装依赖特别卡，等待许久之后报了一大堆错，项目也启动不起来。后来在大佬的帮助下解决了，可以试试先运行 npm install -g mirror-config-chinanpm快速换源 npm install -g mirror-config-china然后再重新 npm i 即可 npm i...
2020-12-31 15:55:05
2098
原创 vue做弹出框红包，首次加载页面可以显示，第二次打开隐藏
<div class="dialog-wrapper" v-if="ifImg"> <el-dialog :close-on-click-modal="false" :close-on-press-escape="false" width="30%" :show-close="false" custom-class="elDialog" :visible.sync="dialogVi
2020-12-31 15:45:55
1224
原创 uniapp中获取某个组件的高度
为解决不同手机顶部的适配问题，不同的手机，页面距顶部的间距应该是不同.<div :style="'width:100%;position:fixed;z-index:999;top:'+heightHome+'px'"></div> data: function() { return { heightHome :"", } } onReady: function() { let that = this uni.getSystemInf
2020-12-30 16:07:33
5944
5
原创 鼠标变小手
cursor:pointer;cursor其他取值 auto ：标准光标 default ：标准箭头 pointer， hand ：手形光标 wait ：守候光标 text ：I形光标 vertical-text ：程度..
2020-12-30 11:50:29
236
原创 vue点击后跳转外部链接并在新页面打开
<template> <img :src="indexImg" @click="linkImg"></template><script>export default { name: "index", data() { return { indexImg:"https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2755
2020-12-17 15:54:11
10313
1
原创 app中跳转到手机浏览器，部分手机白屏解决（Vue）
在app的开发中，点击某个按钮然后跳转到浏览器中，部分手机会显示白屏问题，在查阅了很多文档，经过不断地尝试，找到了解决方法，我们可以放弃后缀名为 .vue文件，采用.html,使用原生的vue框架就可以解决这个问题了。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi
2020-12-09 15:56:32
1229
2
原创 实时判断Input输入的值为正整数，不能含有小数点，特殊字符，首位不能为0，并且最小值为1 ，并实现双向绑定
实时判断Input输入的值为正整数，不能含有小数点，特殊字符，首位不能为0，并且最小值为1，并实现双向绑定<input type="text" oninput="this.value = this.value.replace(/[^0-9]/g, '');this.value = this.value.replace(/^0/g, '')" v-model="store_num" v-width="'50%'" >...
2020-12-09 15:12:33
449
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人