chinahcp2008
码龄13年
关注
提问 私信
  • 博客:83,060
    问答:389
    83,449
    总访问量
  • 34
    原创
  • 1,843,923
    排名
  • 28
    粉丝
  • 0
    铁粉
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:山东省
  • 加入CSDN时间: 2011-12-14
博客简介:

chinahcp2008的博客

查看详细资料
  • 原力等级
    当前等级
    4
    当前总分
    524
    当月
    3
个人成就
  • 获得73次点赞
  • 内容获得24次评论
  • 获得278次收藏
  • 代码片获得1,150次分享
创作历程
  • 1篇
    2024年
  • 1篇
    2023年
  • 7篇
    2022年
  • 12篇
    2021年
  • 11篇
    2020年
  • 2篇
    2019年
成就勋章
TA的专栏
  • java
    1篇
  • SQL
    1篇
  • vue
    15篇
  • uniapp
    2篇
  • JavaScript
    15篇
  • 地图
    1篇
  • CSS
    2篇
  • HTML
    2篇
  • 正则表达式
    2篇
  • element-ui
    6篇
  • 设计模式
    1篇
  • PHP
    1篇
  • Linux系统
    1篇
  • ThinkPHP
    1篇
  • PHPExcel
    1篇
兴趣领域 设置
  • 前端
    vue.js
创作活动更多

2024 博客之星年度评选报名已开启

博主的专属年度盛宴,一年仅有一次!MAC mini、大疆无人机、华为手表等精美奖品等你来拿!

去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

大文件切片上传

【代码】大文件切片上传。
原创
发布博客 2024.07.09 ·
448 阅读 ·
4 点赞 ·
0 评论 ·
8 收藏

JS数组方法集合

【代码】JS数组方法集合。
原创
发布博客 2023.11.10 ·
165 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

若依框架新建子模块

若依框架新建子模块。
原创
发布博客 2022.09.06 ·
2266 阅读 ·
1 点赞 ·
1 评论 ·
6 收藏

mysql update 使用case when根据某一字段的值,更新另一字段的值

mysql update 使用case when根据某一字段的值,更新另一字段的值
原创
发布博客 2022.07.14 ·
2009 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

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 ·
3417 阅读 ·
1 点赞 ·
0 评论 ·
13 收藏

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 ·
1441 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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 ·
9297 阅读 ·
9 点赞 ·
16 评论 ·
51 收藏

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 ·
130 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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 ·
662 阅读 ·
2 点赞 ·
0 评论 ·
1 收藏

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 ·
2610 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

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 ·
6870 阅读 ·
2 点赞 ·
0 评论 ·
10 收藏

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 ·
4581 阅读 ·
2 点赞 ·
1 评论 ·
5 收藏

win10安装node后,输入npm任何命令都会报错

卸载NodeJs删除C:\User\Administrator下.config文件夹和.node_repl_history文件删除C:\Users\Administrator\AppData\Roaming下npm和npm-cache文件夹
原创
发布博客 2021.09.18 ·
378 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

设置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 ·
4825 阅读 ·
2 点赞 ·
0 评论 ·
13 收藏

基于element ui的列表数据删除逻辑

/* id: 要删除的数据IDindex: 列表(数组)下标 */handleDelete(id, index) { this.$confirm('此操作将永久删除该项, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { // this.sysLink.postURL:接口地址 this.$post(th
原创
发布博客 2021.08.26 ·
313 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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 ·
89 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

不改变外层元素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 ·
105 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

promise处理多个异步请求的用法 -- 多个异步请求顺序进行或同步进行,全部执行完后再继续

实际开发中,我们经常需要同时请求多个接口。比如页面初始化时,需要同时调用多个接口去获取不同模块的数据。各个模块的数据有可能是相互不关联的,也有可能某一模块的数据需要根据上一模块数据数据来获取。下面分两种情况分别介绍。多个异步请求顺序进行即在请求完接口1的数据data1之后,需要根据data1的数据,继续请求接口2,获取data2,然后根据data2的数据,继续请求接口3……function myFun01() { console.log('以下内容是在myFun01中输出的') return ne
原创
发布博客 2021.08.20 ·
11180 阅读 ·
24 点赞 ·
2 评论 ·
72 收藏

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 ·
1170 阅读 ·
1 点赞 ·
0 评论 ·
5 收藏

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 ·
1843 阅读 ·
3 点赞 ·
0 评论 ·
10 收藏
加载更多