前端
永不满足的求知者
Java-->Vue/React-->ArkTS
展开
-
nuxt3配置打包静态资源在某一路径下
nuxt3配置打包静态资源在某一路径下。而不是根目录原创 2024-04-07 11:48:46 · 531 阅读 · 0 评论 -
Nuxt3使用useFetch调用自身项目中server下的接口
Nuxt3使用useFetch调用自身项目中server下的接口。原创 2024-04-01 10:29:43 · 398 阅读 · 0 评论 -
vue3封装Element表格自适应
表格高度自适应,分页跟随表格之后。表格满屏显示滚动条原创 2024-03-29 15:42:00 · 453 阅读 · 0 评论 -
vue3封装Element分页
vue3封装Element分页原创 2024-03-29 14:17:04 · 279 阅读 · 0 评论 -
vue3封装Element表格
vue3封装Element表格。原创 2024-03-29 10:51:21 · 315 阅读 · 0 评论 -
vue3封装Element导航菜单
vue3封装Element导航菜单。原创 2024-03-29 08:10:10 · 750 阅读 · 0 评论 -
调整滚动条样式
调整滚动条样式。原创 2024-03-26 10:17:56 · 88 阅读 · 0 评论 -
浏览器修改接口返回数据展示在页面上
前端自己调试,想修改接口返回来的数据,然后展示在页面上。原创 2024-03-07 14:40:53 · 585 阅读 · 0 评论 -
vue开发的PC端项目使用postcss-to-viewport适配移动端
使用postcss-to-viewport适配移动端,包含微信浏览器原创 2024-01-26 15:35:10 · 832 阅读 · 1 评论 -
Vue加载序列帧动图
Vue加载序列帧动图。原创 2024-01-16 16:42:34 · 524 阅读 · 0 评论 -
ArkTS-拖动手势,下拉刷新
用于触发拖动手势事件,滑动的最小距离为5vp时拖动手势识别成功。原创 2023-12-27 10:07:58 · 575 阅读 · 0 评论 -
ArkTS-一次开发,多端部署
鸿蒙应用开发-一次开发,多端部署原创 2023-12-18 11:16:31 · 523 阅读 · 0 评论 -
npm私有源构建项目下载依赖报错
Jenkins构建项目报错,依赖找不到。原创 2023-12-05 15:32:31 · 1266 阅读 · 0 评论 -
ECharts接收dataset类型数据封装各类型图形组件
数据平台整合matabase图表,调用matabase已有接口使用二维数组数据格式echarts实现图表展示。原创 2023-02-04 11:21:17 · 935 阅读 · 0 评论 -
canvas画布绘图
canvas原创 2022-11-09 11:34:33 · 184 阅读 · 0 评论 -
Taro框架-微信小程序-调用微信支付
微信小程序-微信支付原创 2022-07-29 19:40:22 · 1565 阅读 · 0 评论 -
Vue 方法使用防抖,首次触发直接执行
Vue方法使用防抖,首次触发直接执行。原创 2022-07-29 19:23:08 · 550 阅读 · 0 评论 -
正则全匹配:密码由8位以上数字,大小写字母,特殊字符组成
密码由8位以上数字,大小写字母,特殊字符组成原创 2022-06-11 14:45:01 · 2213 阅读 · 0 评论 -
React App项目打包成app后白屏
在package.json中设置homepage值为‘.’{ "name": "react-demo", "version": "0.1.0", "homepage": "."}react-router必须使用HashRouter原创 2022-04-05 15:46:11 · 1252 阅读 · 0 评论 -
React开发App中使用百度地图
申请百度账号登录百度地图开放平台,控制台–》应用管理–》我的应用–》创建应用选择浏览器端完成后即可获取AK开发文档 文档很详细添加覆盖物用法point即为坐标: const point= new BMap.Point(longitude, latitude)name即为展示地区名称count即可展示数量id即为唯一标识直接使用后台返回的地区唯一标识即可zoom为地图放大比例// 创建区、镇覆盖物createCircle(point, name, count, id, zoo..原创 2022-04-05 15:41:27 · 1288 阅读 · 0 评论 -
将获取城市数据按ABCD顺序排列
后台返回的数据 (数组返回所有 城市数据)[{"label":"北京","value":"AREA|88cff55c-aaa4-e2e0","pinyin":"beijing","short":"bj"},{"label":"安庆","value":"AREA|b4e8be1a-2de2-e039","pinyin":"anqing","short":"aq"},{"label":"南宁","value":"AREA|2bc437ca-b3d2-5c3c","pinyin":"nanning","sho..原创 2022-04-05 15:34:27 · 994 阅读 · 0 评论 -
H5中的地理位置API
● 在Web应用程序中获取地理位置● 通过navigator.geolocation对象提供,通过getCurrentPosition方法获取navigator.geolocation.getCurrentPosition(position => { // position 对象表示当前位置信息 // latitude 纬度 / longitude 经度 // accuracy 经纬度的精度 altitude 海拔高度 altitudeAccracy 海拔高度的精度 // he原创 2022-04-05 15:25:51 · 190 阅读 · 0 评论 -
flex布局,justify-content: right失效
兼容查询浏览器使用93及以上版本原创 2022-03-18 18:00:09 · 1140 阅读 · 0 评论 -
隐藏滚动条
.wrapper::-webkit-scrollbar{ display: none;}原创 2022-02-05 11:27:07 · 377 阅读 · 0 评论 -
快捷生成多行类似代码
h1{好好学习,天天向上}*30原创 2022-02-05 11:16:33 · 362 阅读 · 0 评论 -
JS数组去重
1. 对数组本身去重循环去重(复杂)function unique(array){ for(let i = 0; i< array.length; i++){ for(let j=i+1;j<array.length;j++){ if(array[i] === array[j]){ array.splice(j,1); j--; } } }}const array = [1,2,3,5,4,3,2,5]unique(array)console.原创 2022-01-10 21:51:38 · 229 阅读 · 0 评论 -
js点击实现一键复制到剪切板
<!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"> <title>点击.原创 2022-01-10 10:11:39 · 951 阅读 · 0 评论 -
Vue使用Tinymce富文本编辑器自定义toolbar按钮
这里我增加了收缩的按钮 init: { language: "zh_CN", skin_url: "/tinymce/skins/ui/oxide", height: "100%", fontsize_formats: "8pt 10pt 12pt 14pt 16pt 18pt 24pt 36pt", font_formats: "微软雅黑=Microsoft YaHei;方正仿宋_GBK=方正仿宋_..原创 2021-11-19 16:51:27 · 2358 阅读 · 0 评论 -
css实现鼠标悬浮显示禁用图标
以下两种方式都可以实现cursor:not-allowed;cursor:no-drop;原创 2021-11-02 16:30:23 · 3447 阅读 · 0 评论 -
cnpm : 无法加载文件 D:\SoftWare\NodeJS\node_global\cnpm.ps1,因为在此系统上禁止运行脚本。
安装好cnpm后在vscode无法使用这里是因为没有权限,需要用管理员身份进行运行并授权找到管理员执行命令set-ExecutionPolicy RemoteSignedY再去试试 cnpm install ,已经没问题了原创 2021-09-14 15:25:47 · 2247 阅读 · 0 评论 -
Vue弹框中使用tinymce只有第一次可使用,后续就获取不到光标,只有刷新后才能再次使用
原因:在弹框出现之前tinymce就创建了解决在tinymce编辑器外层加v-if<div class="ruleDiv" v-if="editversion"> <editor v-model="myValue" :init="init" :disabled="false"></editor></div>在弹框version设置为true后,设置editversion为truethis.$nextTick(() => { th.原创 2021-08-04 11:16:29 · 2038 阅读 · 0 评论 -
js使用正则将金额格式化(逗号隔开)
12345678.88 格式化为 12,345,678.88\B:匹配非单词边界(?=):正向零宽断言\d{3}:匹配三个数字字符+:与前面的\d{3}结合表示匹配3的整数倍个数字字符$:字符串结尾所以合起来的意思就是:匹配单词中的某个位置,这个位置之后的字符全部为数字,且出现次数是3的整数倍。function format(val){ var str = val.toFixed(2) + ''; var sum= str.substring(0,str.indexOf(".")).原创 2021-08-03 15:03:15 · 1160 阅读 · 0 评论 -
js使用正则匹配-下划线转驼峰,驼峰转下划线
下划线转驼峰function toHump(str) { return str.replace(/\_(\w)/g,function(match,letter) { return letter.toUpperCase() })}驼峰转下划线function humpTo(str) { return str.replace(/([A-Z])/g,function(match) { return '_' + match.toLowerCase原创 2021-08-03 11:24:11 · 1038 阅读 · 0 评论 -
ECharts悬浮提示框设置颜色
tooltip: { trigger: "axis", axisPointer: { type: "none" }, backgroundColor: "#FFF", color: "black", borderWidth: "1", borderColor: "gray", textStyle: { color: "black" }, formatter: function(params) { .原创 2021-03-24 10:38:22 · 3940 阅读 · 0 评论 -
ECharts横向柱状图(最大为100)
let leftArr = ['测试可以的', '玉米', '蔬菜', '鸡蛋', '坚果','测试','测试'];let rightArr = [22, 33, 44, 21,88,100,77];let emptyData = rightArr.map((v, i) => { let item = { value: 100, label: { formatter: '{a|' + v + '}', po.原创 2021-03-22 10:18:35 · 3159 阅读 · 0 评论 -
Vue使用input(type=file)上传文件
<a-icon type="plus-square" @click="uploadMaterial()" /> <input type="file" style="display:none" ref="file" @click="e => {e.target.value = '';} " @change="getFileData"/>触发方法@click="e => {e.target.value = ‘’;} " 设置这个方法是为了防止上传两次相同的文件,原创 2021-02-02 09:15:43 · 11456 阅读 · 1 评论 -
JavaScript对JSON数据和Java的Map集合互转
后端兄弟想要对 JSON数据和Java的Map集合 进行互转,网上没找到在线转换的方法,抽空帮他写一个,提高他的开发效率<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>转换数.原创 2021-01-18 14:48:27 · 443 阅读 · 0 评论 -
ant Design vue 表单的label 不能左右对齐
成为单位中间添加空格和 不能生效解决: <a-form-item :label="compLabel">//在data中定义如下 compLabel: "单\xa0\xa0\xa0\xa0\xa0\xa0\xa0位",完工原创 2021-01-17 12:26:39 · 6410 阅读 · 3 评论 -
ElementUI表格点击行选中复选框
<el-table :data="tableData" ref="tableDom" :height="'100%'" style="width: 100%;" border @selection-change="handleSelectionChange" @row-click="toggleSelection" > toggleSel原创 2021-01-15 14:23:19 · 1394 阅读 · 0 评论 -
ElementUI表格选中行给颜色
设置 :row-class-name="tableRowClassName" <el-table :data="tableData" ref="leftTable" :height="'100%'" style="width: 100%;" v-loading="loading" border :row-class-name="tableRowClassName" :header-cell-style="{ 'text-align':.原创 2021-01-14 16:18:48 · 5152 阅读 · 0 评论