- 博客(33)
- 收藏
- 关注
RSS订阅原创 mysql update 使用case when根据某一字段的值，更新另一字段的值
mysql update 使用case when根据某一字段的值，更新另一字段的值
2022-07-14 10:40:16
1836
原创 vue项目 npm run build 打包项目时为css、js文件加时间戳版本号，防止浏览器缓存
在vue.config.js文件中做如下配置const Timestamp = new Date().getTime()module.exports = { configureWebpack: config => { if (process.env.NODE_ENV === 'production') { config.output.filename = `js/[name].${Timestamp}.js` config.output.chunkFilename = `js/
2022-04-20 18:05:46
3064
原创 JS 将扁平结构数据结构转树形结构数据
let items = [ { id: 1, name: '部门1', pid: 0 }, { id: 2, name: '部门2', pid: 1 }, { id: 3, name: '部门3', pid: 1 }, { id: 4, name: '部门4', pid: 3 }, { id: 5, name: '部门5', pid: 4 }, { id: 6, name: '部门6', pid: 0 },]console.log(itemsToTreeOne(items))//cons
2022-03-31 18:59:14
1399
原创 uniapp实现地图轨迹回放
<template> <view> <map v-if="polyline[0].points.length > 0" id="myMap" :markers="markers" :polyline="polyline" :include-points="polyline[0].points" :latitude="polyline[0].points[0].latitude" :longitude="polyline[0]
2022-02-21 17:06:25
7966
16
原创 css flex布局
①使用flex布局.box { display: flex; display: -webkit-flex;}②容器的属性：flex-direction（排列方式）<div class="box"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div></div>.box { flex-
2022-01-25 17:19:30
112
原创 Ajax两个表单内容整合合并后统一提交
<form id="form1"> <input name="filed1" /> <input name="filed2" /> <input name="filed3" /></form><form id="form2"> <input name="filed4" /> <input name="filed5" /> <input name="filed6" /> <in
2022-01-17 10:35:43
618
原创 JavaScript中使用async / await获取请求成功后的结果
function myFun01() { return new Promise((resolve, reject) => { // 模拟接口异步请求数据 setTimeout(() => { resolve('接口获取的数据传递给下一个方法，在myFun02中输出') }, 3000) })}async function myFun02() { console.log('3秒后输出请求返回结果') let res = await myFun01() consol
2021-12-22 16:13:57
2446
原创 JS正则表达式用星号*替换字符串开头或结尾几个字符
let str = '1234567890'console.log('原字符串：' + str)console.log('替换前3位：' + str.replace(/^.{3}/, '***'))console.log('替换后4位：' + str.replace(/.{4}$/, '****'))console.log('替换前3位和末尾4位保留中间：' + str.replace(/^.{3}(.*).{4}$/, '***$1****'))运行结果截图...
2021-11-19 10:06:20
6043
原创 JS正则表达式手机号中间4位替换成*星号
手机号中间四位变星号(*)function filterPhoneNumber(phoneNumber) { let reg = /^1[3456789]{1}\d{9}$/ //必须是以1开头，第二位必须是3-9中的任意一个数，后面9位必须是数字 //校验手机号是否正确 if (reg.test(phoneNumber)) { phoneNumber = phoneNumber.toString() //先强制转换成字符串类型 return phoneNumber.replace(/^(\
2021-11-19 09:50:49
4246
1
原创 win10安装node后，输入npm任何命令都会报错
卸载NodeJs删除C:\User\Administrator下.config文件夹和.node_repl_history文件删除C:\Users\Administrator\AppData\Roaming下npm和npm-cache文件夹
2021-09-18 12:26:01
332
原创 设置TABLE表格边框为单实线
.hcp-table { width: 100%; margin-top: 30px; border-spacing: 0; text-align: center; border-top: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8;}.hcp-table th { padding: 10px; background: #63a2e8; border-right: 1px solid #e8e8e8; border-bottom
2021-09-18 11:00:21
4481
原创 基于element ui的列表数据删除逻辑
/* id: 要删除的数据IDindex: 列表（数组）下标 */handleDelete(id, index) { this.$confirm('此操作将永久删除该项, 是否继续？', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { // this.sysLink.postURL：接口地址 this.$post(th
2021-08-26 18:56:32
269
原创 JavaScript中对象数组去重方法
function unique(arr, key) { const res = new Map() return arr.filter((arr) => !res.has(arr[key]) && res.set(arr[key], 1))}//测试let oldArr = [ {userid: 1, username: '张三', flag:1}, {userid: 2, username: '李四', flag:2}, {userid: 3, usernam
2021-08-26 13:11:35
68
原创 不改变外层元素CSS，实现内部元素垂直居中
.box { height: 200px; margin-top: 10px; border: 1px solid #CCCCCC;}.box_01 { top: 50%; position: relative; transform: translate(0, -50%);}<div class="box"> <div>没有设置垂直居中</div></div><div class="box"> <
2021-08-26 10:49:07
84
原创 promise处理多个异步请求的用法 -- 多个异步请求顺序进行或同步进行，全部执行完后再继续
实际开发中，我们经常需要同时请求多个接口。比如页面初始化时，需要同时调用多个接口去获取不同模块的数据。各个模块的数据有可能是相互不关联的，也有可能某一模块的数据需要根据上一模块数据数据来获取。下面分两种情况分别介绍。多个异步请求顺序进行即在请求完接口1的数据data1之后，需要根据data1的数据，继续请求接口2，获取data2，然后根据data2的数据，继续请求接口3……function myFun01() { console.log('以下内容是在myFun01中输出的') return ne
2021-08-20 11:19:56
9780
2
原创 javascript对象的属性名是变量时的写法
正常读取对象属性let obj = { a: 'aaaaaa', b: 'bbbbbb', c: 'cccccc'}console.log(obj.a)当对象属性名为变量时用中括号代替点let obj = { a: 'aaaaaa', b: 'bbbbbb', c: 'cccccc'}let attrName = 'a'console.log(obj[attrName])
2021-08-19 15:15:23
1101
原创 javascript递归遍历树形结构数组对象
/*** items 要遍历的数组* childrenNodeName 子节点名称* 执行后会直接更改原数组*/function recursiveFunction(items, childrenNodeName) { // 获取数组长度 let len = items.length // 循环遍历数组 for (let i = 0; i < len; i++) { // 如果有子节点，递归遍历子节点 if (items[i][childrenNodeName].length
2021-08-19 15:06:32
1711
原创 PHP常用设计模式
1.工厂模式对象实例化的“工厂”，不再通过直接使用new的方式来创建对象，通过提供一个通用的方法或类来获取对象。class Factory{ static function createDatabase() { return new Database(); }}$db = new Database(); //不再使用这种方式创建对象$db = Factory::createDatabase(); //而是使用这种方式获取对象，好处是当类发生变化时，无需修改所有文件，只需修改工厂文
2021-05-06 17:31:44
85
原创 JS中(a == 1 && a == 2 && a == 3)在什么情况下为true
方法一：将a定义成一个对象，重写valueOf方法原理：当使用 == 运算符时，如果两个参数的类型不一样，那么 JS 会尝试将其中一个的类型转换为和另一个相同。在左边是对象，右边是数字的时候，会先尝试调用对象的valueOf方法，将对象转换为数字，如果转换失败，还会再调用对象的toString方法进行转换。var a = { i: 1, valueOf: function() { return a.i++ }}if (a == 1 && a == 2 &&
2020-12-04 10:13:37
317
原创 阿里云服务器在线扩容云盘（Linux系统盘）
第一步：创建快照在扩容云盘前，为云盘创建快照，做好数据备份，以防数据丢失。第二步：在控制台扩容云盘容量选择需要扩容的云盘，在操作列单击云盘扩容，进行扩容购买。第三步：查看云盘分区类型和文件系统类型1.运行以下命令查看云盘分区类型fdisk -lu分区说明/dev/vda1系统盘，System取值Linux表示为MBR分区。/dev/vdb1数据盘，System取值Linux表示为MBR分区。/dev/vdc1数据盘，System取值GPT表示为GPT分
2020-11-21 14:00:37
652
原创 Ajax跨域请求，Ngnix拦截转发配置
server{ #访问/wework/webhook路径下的请求，都转发到https://qyapi.weixin.qq.com/ location /wework/webhook { proxy_pass https://qyapi.weixin.qq.com/; }}发送如下请求，实际请求地址是：https://qyapi.weixin.qq.com/cgi-bin/webhook/send?key=xxxxxxxxxxaxios.post('h
2020-10-31 11:19:32
222
原创 批处理命令打开网址，等待一段时间后自动关闭
@echo offcd /d C:\Program Files (x86)\Google\Chrome\Application\start chrome.exe https://www.baidu.com/timeout /t 60start chrome.exe https://www.baidu.com/timeout /t 60taskkill /f /im chrome.exeexit
2020-10-13 14:53:45
482
原创 element ui el-tree 树形控件设置上下级严格关联
本方法实现以下功能：选中上级节点时，自动选中下级所有节点；选中下级节点时，自动选中上级所有节点；取消上级节点选中时，自动取消下级所有节点选中状态；取消下级节点选中时，上级状态不变控件部分代码：<el-tree ref="myTree" node-key="id" default-expand-all show-checkbox :props="defaultMyTreeProps" :check-strictly="true" :data="myTreeData" @c
2020-08-25 16:56:16
1235
1
原创 phpStudy Nginx配置网站API接口允许跨域
新建站点www.mysite.com创建配置文件打开文件夹：D:\phpStudy\Extensions\Nginx1.15.11\conf\vhosts\创建配置文件：wtly.dazhi.ren_443.conf（我的是HTTS的）将以下代码复制到配置文件中server { listen 443 ssl; ssl_certificate D:/phpStudy/Extensions/Nginx1.15.11/conf/ssl/www.mysite.com.
2020-08-25 15:59:53
2070
原创 修改element-ui中Checkbox多选框（复选框）选中后颜色
给复选框添加自定义样式<el-checkbox v-model="checked1" label="此项正常显示蓝色" border></el-checkbox><el-checkbox v-model="checked1" label="此项显示自定义红色" class="myRedCheckBox" border></el-checkbox>重写自定义checkbox样式/* 设置带边框的checkbox，选中后边框的颜色 */.myRedCh
2020-07-07 15:27:16
12517
1
原创 JS 将数字（小数）转化为中文大写金额
今天整理一些过去的项目，发现了这段代码，忘了是从哪里百度出来的了，分享给大家~~~代码如下：function convertCurrency(money) { var cnNums = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'] var cnIntRadice = ['', '拾', '佰', '仟'] var cnIntUnits = ['', '万', '亿', '兆'] var cnDecUnits = ['角', '分', '毫
2020-07-03 12:01:49
706
1
原创 ThinkPHP6 + PHPExcel 读取Excel文件并保存到MySQL数据库
安装ThinkPHP6在命令行下面，切换到你的WEB根目录下面并执行下面的命令：composer create-project topthink/think excelReader这里的excelReader目录名你可以任意更改，网站的运行目录是excelReader\public，一会我们在文件excelReader\app\controller\Index.php里编写我们想要实现的功能。安装PHPExcel我们继续执行下面的命令，切换到excelReader目录：cd excelRead
2020-07-02 15:24:34
6223
原创 HTML5 DeviceOrientation实现手机网站摇一摇功能不起作用是怎么回事
利用HTML5的一个重要特性 —— DeviceOrientation来实现手机网站摇一摇功能，但有时会发现在一些手机上不起作用。安卓手机上还行，到了苹果手机上就不行了，是因为什么呢？找了很长时间才发现，原来在苹果手机上，必须通过https访问才能支持DeviceOrientation，HTTP的就不支持，所以只要把网站改成https的就可以解决这个问题了。...
2019-12-31 15:50:42
642
原创 linux服务器环境部署软件
购买服务器后，第一件事就是安装软件、部署环境，无论是windows服务器还是linux服务器，安装部署环境都是一件费劲的事，今天给大家推荐一款服务器运维软件——宝塔。该软件集成了PHP、Python、IIS、FTP、MySQL、Nginx、Apache等，支持一键LAMP/LNMP/集群/监控/网站/FTP/数据库/JAVA等100多项服务器管理功能，此外软件还自带安全管理软件，也有免费的网站防火...
2019-12-31 10:19:08
323
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人