- 博客(123)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 postcss-px-to-viewport配置时postcss.atRule is not a constructor 报错，使用patch-package解决
1. 找到node_modules/postcss-px-to-viewport/index.js。3.在package.json的scripts中增加如下内容。pnpm install 或 npm install。2. 安装patch-package。将atRule修改为AtRule。5.重新install数据。
2023-08-09 16:17:33
795
原创 获取电脑设备信息的指令
1.主板序列号：wmic baseboard get serialnumber。2.CPU序列号：wmic CPU get ProcessorID。
2023-06-08 10:17:44
174
原创 node 获取系统信息无数据
方法：在vue.config.js获取后，存入process.env中，再全局引用。问题描述：node 在js中获取os模块里的信息会失效。1.vue.config.js中配置。
2023-05-26 14:38:30
177
原创 前端如何获取cpu序列号
2.vue.config.js里配置预加载preload.js。项目背景技术：vue + electron。方法：1.新建一个preload.js。3.添加global.d.ts。
2023-05-26 14:05:07
1492
1
原创 h5 强制横屏
let str = 1,2，3,55，66let arr = str.replace(/\s*/g,"").split(/,|，|\s+/)console.log(arr) [1,2,3,55,66]
2022-10-13 17:28:27
470
原创 vue 刷新网页onMounted会执行多次
修改前：<router-view :key="new Date()" />修改后：<router-view/>
2022-05-18 19:11:19
2683
原创 使用cli安装uni-app后uni-ui的引入
参考地址：https://github.com/dcloudio/uni-ui1.安装 sassnpm i sass -D 或 yarn add sass -D 2.安装 sass-loadernpm i [email protected] -D 或 yarn add [email protected] -D3.安装 uni-uinpm i @dcloudio/uni-ui 或 yarn add @dcloudio/uni-ui4.使用 npm
2022-03-14 17:02:41
823
原创 ant-design-vue的a-table组件自定义空状态
主要功能：自定义table没有数据时的展示，如图实现步骤：1.引入ConfigProvider2.在ConfigProvider里加入a-table并修改renderEmpty模版里的代码完整代码：如下<template> <ConfigProvider> <template #renderEmpty> <a-empty :image="require('@/assets/empty.png')">
2022-02-24 11:15:41
3885
原创 ant-vue组建a-table里的customRender里获取当前的key值
<template><a-table:columns="columns"><template #names="{ column, record ,index,text}"> //column 为{ title: 'name', dataIndex: 'name', key: 'name',} </template></a-table></template><scri.
2021-12-31 16:55:30
2110
原创 vue3 directive自定义方法，实现编辑操作的权限控制
directive.jsimport store from '../store'import { message } from "ant-design-vue";export default (app) => { app.directive('click-permit', { mounted(el, binding) { let auths = store.state.user.roleInfo.auths || []
2021-12-20 19:30:19
581
原创 将年月日解析成今天、明天、星期几
function changeDate(date){//date 传入年月日，列入2021-08-09moment(date).calendar(null, { sameDay: "[今天]",//[]里的内容为自定义文字 nextDay: "[明天]", nextWeek: "dddd",//dddd表示星期几 lastDay: "[昨天]", lastWeek: "[上个] dddd",//上个星期几 ..
2021-09-30 18:19:30
141
原创 ant-vue 设置全局table中没有值的默认文案‘-‘,transformCellText用法
在app.vue中配置全局 <a-config-provider :locale="zhCN" :transformCellText="({ text, column, record, index }) => text||'-'" > <router-view/> </a-config-provider>
2021-09-10 14:56:25
1857
原创 antd-vue table里hover行背景色修改
//没有固定的hover颜色修改.ant-table-tbody{ tr:hover:not(.ant-table-expanded-row) > td,.ant-table-row-hover,.ant-table-row-hover > td { background-color: @background-color-light; } }//有固定向左向右的hover颜色修改 .ant-table-fixed{ .ant-table-r...
2021-09-06 16:55:20
1146
原创 vue3 ant-vue form表单里的upload组件封装
<template> <a-upload v-model:file-list="fileList" name="file" list-type="picture-card" class="avatar-uploader" :show-upload-list="false" :action="action" :before-upload="beforeUpload" @change="handleChange" v.
2021-08-18 17:08:39
1483
1
原创 moment startOf和endOf format之后的时间为12:00:00和11:59:59的问题
代码如下: let yesterday = [moment().subtract('days', 1).startOf('day'), moment().subtract('days', 1).endOf('day’)] let dateFrom = yesterday[0].format('YYYY-MM-DD hh:mm:ss') let dateTo = yesterday[1].format('YYYY-MM-DD hh:mm:ss')打印后的：dateFrom: "2021-04-.
2021-04-13 13:26:48
621
原创 js计算精度丢失解决方法
//加法function add(num1,num2) { let len1R,len2R,totalPow function getLen(num){ let lenL,lenR try { lenL = num.toString().split(".")[0].length lenR = num.toString().split(".")[1].length }catch(err){ lenL = 0 lenR = 0 } //获取长度最长的值
2021-03-25 15:51:48
257
原创 hook钩子 卸载时和卸载后
卸载时的操作//即将卸载时的操作<Prompt message={(location) => { if (resetModal) { resetModal.destroy(); } }} />卸载完成后的操作//卸载完成后的操作 useEffect(() => { return componentDidUnmount; }, []); const componentDidUnmount
2021-03-02 13:42:57
1441
原创 react hooks更新、刷新子组件
import React, { Fragment, useEffect, useState, } from 'react';import { Tabs, Button,} from 'antd';import { connect, history } from 'umi';import Cmp1 from './components/cmp1';import Cmp2 from './components/cmp2';import Cmp3 from './components/cmp3
2021-02-05 19:38:43
7247
原创 react hooks form搜索框、弹窗表单封装
form.js组件import React, { useState, useEffect, useImperativeHandle, forwardRef } from 'react';import { Modal, Form, Input, Button, Row, Col, Radio, Select, Cascader, DatePicker, InputNumber, TreeSelect, Switch, Checkbox, Slid
2021-02-05 13:15:16
1510
原创 复制（点击复制地址、文案）
<div style={{ position: "absolute", left: "-500px", top: "-500px" }} > <TextArea id="copyContent" value={`链接地址：${record.url}\n访问验证码：${record.code}`} /> </div> <button onClick={this.onCopy}>复制地址</button>
2021-01-08 17:17:48
1945
原创 antd placeholeder样式修改
::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.25)!important;}::-moz-placeholder { /* Firefox 19+ */ color: rgba(0, 0, 0, 0.25)!important;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(0, 0, 0, 0.25)!important;}.ant-se
2020-10-30 16:46:25
1318
原创 antd下拉选择框，hover和选中时背景颜色修改
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled),.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled){ background-color:#E5F2FF;}
2020-10-30 16:45:11
8233
6
原创 antd中table hover上去的背景色样式修改
.ant-table-tbody{ > tr:hover:not(.ant-table-expanded-row) > td,.ant-table-row-hover,.ant-table-row-hover>td{ background:#E5F2FF!important; } } .ant-table-fixed{ .ant-table-row-hover, .ant-table-row-hover>td{ b...
2020-10-30 15:59:42
6139
2
原创 nodejs+express搭建服务器req.body取不到值的问题
express框架默认是不能获取req的值的，必须加上body-parser中间件一般不能获取值有两种情况1.缺少中间件body-parser1.1安装body-parser中间件npm install body-parser -save1.2在serve.js中引入body-parser//引入中间件const bodyParser = require('body-parser')// 请求体解析中间件app.use(bodyParser.json());app.use(bodyP
2020-10-30 14:56:20
2451
1
原创 mongodb安装与开启服务器和客户端
1.mongodb下载mongodb下载地址把解压后的文件复制放在新建的文件夹mongodb里2.新建db文件夹3.启动mongodb进入bin文件夹下输入 mongod –dbpath=D:\MongoDB\db
2020-10-28 14:23:26
1429
原创 使用js上传图片到阿里云
1.在index.html文件中引入阿里云sdk <script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js"></script>引入后console.log(window)如下,会发现有一个OSS方法2.let OSS = window.OSS.Wrapperlet clien...
2020-10-27 11:49:21
1523
原创 兼容ie
1.安装babel-polyfillnpm babel-polyfill2.index.js里引入babel-polyfillimport ‘babel-polyfill’
2020-10-27 11:48:13
85
原创 threejs给模型绑定点击或者鼠标移入事件，兼容mobile和pc
//投影获取点击或鼠标移入的模型var raycaster = new THREE.Raycaster()var mouse = new THREE.Vector2()function findIntersectedModule(e, arrMesh) { var intersected; //将鼠标点击位置的屏幕坐标转成threejs中的标准坐标,具体解释见代码释义 if (isMobile) { if (e.changedTouches) {
2020-09-16 10:23:05
4415
原创 threejs让模型居中
//让模型居中function setContent(object) { object.updateMatrixWorld(); const box = new THREE.Box3().setFromObject(object); const size = box.getSize(new THREE.Vector3()).length(); const boxSize = box.getSize(); const center = box.getCenter(ne
2020-09-04 11:31:31
3690
6
原创 前端调试工具汇总
Chrome模拟器1.在PC或MAC上打开Chrome浏览器，打开想要调试的页面，然后打开开发人员工具点击开发人员工具顶栏上的手机图标，即可开始调试。2.在页面顶部可以看到设备选择下拉菜单 Device 和 模拟网络环境的下拉菜单 Network ，及左侧的清除选择按钮和打开关闭 media queries 的按钮。3.打开设置左边的那个类似 >三 的图标，切换到 Emulation 标签，可以更细粒度地调整，来定制化你的模拟。调试Android上的Chrome1.在Android设备上安
2020-08-03 11:15:19
724
原创 form表单，校验未通过不可以点击提交按钮或置灰提交按钮
1.antd里form表单需要点击提交按钮后才校验，如果想在这之前校验，可以通过获取值自定义校验是否满足。//点击提交前校验form表单是否都通过hasErrors=()=>{const{photosList}=this.state //photosList为上传图片的数量constfieldsValue=this.props.form.getFieldsValue();consterrArr=Object....
2020-07-08 16:16:55
6548
原创 vue+vant微信公众号里上传图片
1.引入微信sdk1.1安装npm installweixin-js-sdk1.2配置sdk//main.js中//引入import wx from 'weixin-js-sdk'import store from './store'import axios from 'axios'//挂载到vue上Vue.prototype.$http = axiosVue...
2020-06-16 14:59:51
367
原创 使用npm发布、下载自己的npm模块包
1.先去npm官网注册一个账号，如果已经有账号，这一步可以跳过。点击这里去注册2.创建本地模块包2.1创建空的文件夹例如test2.2进入test文件夹，创建package.json输入命令npm init 或npm init --y来创建在package.json的main中填写入口文件，不填写默认是文件名index.js2.3在test下建一个入口文件，此处为index.js（注：该入口由package.json里的main里的决定）index.js里exports.print =
2020-06-15 16:59:38
970
解决跨域问题的文件
2018-10-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人