- 博客(92)
- 资源 (2)
- 收藏
- 关注
原创 总结 uniapp 上不适配iphone的:new Date 时间、border线条、渐变
这是错误样式:需要添加:2、时间出现NaN原因是因为ios中使用new Date 的时候出了问题3、渐变色错误:修正:
2025-01-21 14:20:50
420
原创 pdf.js 预览pdf的时候发票数据缺失显示不全:字体加载出错(缺失)导致部分缺失
首先,排除后端返回的PDF文件流是没有问题的:但是在vue项目中是这样的:明显是显示不全,F12查看报错信息,有以下警告:把字体添加进来就好。
2024-11-29 15:56:38
1762
原创 web前端工程化-- monorepo--同一个项目
注释:monorepo这个工具用来管理多个不同项目的单一库,项目与项目之间可能有相关联系,但是逻辑又是独立互不影响。前端Monorepo这个东西其实本质上来说,就是指的是将『一个项目的所有前端代码存储在一个统一的代码仓库中』的开发的模式。传统的一般的前端开发,就是一个项目去npm去下载不同的库来辅助主项目,而npm中的单个库都是独立的代码仓库,当需要安装的npm包越来越多的时候,我们需要去各个仓库里面维护管理多个独立的库就变得越来越困难,越来越庞大。
2024-10-08 17:48:16
1263
原创 前后端分离,使用MOCK进行数据模拟开发,让前端攻城师独立于后端进行开发
Mock生成随机数据,拦截Ajax 请求,前后端分离,让前端攻城师独立于后端进行开发。增加单元测试的真实性 通过随机数据,模拟各种场景。在实际开发过程中,前端是通过axios来请求数据的,很多时候前端开发者就是通过写固定的JSON数据来模拟数据,但是这个JSON是一个对象,没有经过数据请求的情况下直接使用,在后续的工作中要等到后端将API写好以后再进行对接API,而mock就是通过拦截真实的axios的请求来模拟数据,相当于通过mock写一个假的API,并直接拿来使用,。简单来说,。
2024-09-18 15:49:06
829
原创 uniapp打包H5的时候 清楚缓存(不安装依赖的前提下)
在写项目的时候,打包好一个H5 发布成功,后来又重新打包新的包进行更新迭代,但是用户手机上还是上一个版本,本地缓存还是没有清除。
2024-08-14 15:44:25
2475
原创 腾讯QQ临时对话框功能取消免费使用,替代的是腾讯推出的“企点客通”模块实现,买通服务即可实现
由于我只是做项目预算,最后还没有买通服务,具体开发情况后续如果买入服务了会再更新文章。因为写的QQ号是我已有的QQ好友的QQ号,所以确实打开了与好友的对话聊天框,买通服务以后,腾讯官方会提供sass,可以快速的接入项目。要实现的功能是:QQ在线咨询。这是腾讯官方提供的api文档。
2024-07-25 18:07:47
460
原创 报错npm error code ERR_INVALID_URL 和 npm error Invalid URL 。结果就是npm不能安装依赖了
我就想既然register没问题那就考虑是不是proxy这个代代理出问题了,发现我的代理不是null,但是我根本不需要代理啊,应该是null才对。然后我就能正常使用我的npm 按照依赖了。发现不是null以后执行以下语句。执行这两个语句查看proxy。
2024-07-22 14:25:47
1822
2
原创 EpicDesigner编辑器的源码修改和扩展“数据库”进行数据库字段设置
EpicDesigner是一个功能强大、开箱即用的拖拽式低代码设计器。对其进行扩展
2024-05-21 18:04:58
902
8
原创 vue3 中 使用 antd中的select 组件的带搜索框 展开后可对选项进行筛选搜索功能
vue3 中 使用 antd中的select 组件的带搜索框 展开后可对选项进行筛选搜索功能
2024-05-14 11:58:44
638
原创 uniapp 写H5页面的时候,实现公众号(服务号)订阅通知的消息推送,使用微信JS-SDK,中的wx-open-subscribe
uniapp 写H5页面的时候,实现公众号(服务号)订阅通知的消息推送,使用微信JS-SDK,中的wx-open-subscribe
2024-04-19 18:05:26
2139
1
原创 vue3中新增的组合式API:ref、reactive、toRefs、computed、watch、provide/inject、$ref
在 Vue3 中,组合式 API 是一种新的编程模式,它允许你更灵活地组织和重用代码。
2023-12-27 17:33:34
1995
2
原创 文件预览/下载方式:通过二进制流(Blob)下载、或者通过文件Url下载
【代码】文件预览/下载方式:通过二进制流(Blob)下载、或者通过文件Url下载。
2023-08-15 10:29:31
1155
原创 vue 全局loading的思路和方法
Vue 全局 loading 的实现思路一般是在 Vue 实例中添加一个 loading 组件,通过控制该组件的显示和隐藏来实现全局 loading 的效果。在需要显示 loading 的地方,调用全局方法 showLoading(),该方法通过修改 loading 组件的状态来显示 loading。在需要隐藏 loading 的地方,调用全局方法 hideLoading(),该方法通过修改 loading 组件的状态来隐藏 loading。
2023-05-05 16:23:44
2927
转载 vue this.$router.push 页面不刷新总结(8种解决方式----覆盖所有场景)
vue this.$router.push 页面不刷新总结(8种解决方式----覆盖所有场景)
2022-12-12 14:17:01
3564
原创 echarts 3D省市区域地图 + 2D的曲线+2D的label提示框 + 2D 的涟漪
echarts 3D省市区域地图 + 2D的曲线+2D的label提示框 + 2D 的涟漪。缺点:引出线(虚线)和提示框 ,以及 涟漪是2D 的,所以地图是不能旋转和缩放的,否则就会乱套。
2022-12-07 23:25:26
1250
原创 echarts 地图添加引出线(使用经纬度画出飞线),label自定义图片
echarts 地图添加引出线(使用经纬度画出飞线),label自定义图片
2022-12-06 22:15:48
3295
3
原创 echarts地图涟漪、线集效果
/地理坐标系组件。地理坐标系组件用于地图的绘制,支持在地理坐标系上绘制散点图,线集。//特效尾迹长度[0,1]值越大,尾迹越长重。// 涟漪特效动画中波纹的最大缩放比例。//箭头指向速度,值越小速度越快。// 涟漪特效的波纹绘制方式。// 地图的json数据。// 涟漪特效的动画周期。//每一块区域的样式。//取消鼠标经过高亮。
2022-09-07 09:15:21
1643
原创 svg 基本图形----总结
svg 基本图形一、矩形 <rect><!DOCTYPE html><html><body><svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:1;stroke:rgb(0,0,0)" /></svg> <
2022-05-18 16:27:05
1404
原创 wangEditor 富文本编辑器实现--识别--屏蔽--敏感词汇,上传图片---上传本地视频
wangEditor富文本编辑器实现--识别-屏蔽- -敏感词汇,上传图片--- 上传本地视频
2022-05-06 19:00:36
1525
原创 前端实现导出Excel,使用file-saver和 xlsx
前端实现导出Excelnpm install -S file-saver xlsx 在需要的页面引入 import XLSX from 'xlsx'; 注意:如果出现XLSX 是underfind,可能是版本问题,可使用这两个版本: "file-saver": "^2.0.2", "xlsx": "^0.16.0", s2ab(s) { var cuf; var i; if (typeof ArrayBuffer !== "undefined") {
2022-05-06 18:43:43
998
原创 reset.css
html,body{-webkit-text-size-adjust: 100%;}body{ margin:0; font:12px/1 "微软雅黑","宋体";}h1,h2,h3,h4,h5,h6{ margin:0; /* 与父元素字号一致 */ font-size: 100%; font-weight: normal;}p,dl,dd{ margin:0;}ul,ol{ /* 清除列表样式 */ list-styl
2022-04-06 15:32:07
212
原创 echarts 南丁格尔玫瑰图,legend 图标分布两边,图标采用富文本自定义样式,图标自定义传参,每一模块自定义颜色
代码中主要部分option的配置 let Data = [ { value: 1048, name: "打桩机操作人员",people:"12.20" }, { value: 900, name: "司索工",people:"15.20" }, { value: 800, name: "架子工",people:"23.32" }, { value: 724, name: "施工升降机司机",people:"53.6" }, { valu.
2022-04-02 09:40:37
1094
原创 Vue 中使用 router-link 跳转页面,出现URL 变化但是页面不刷新的情况
解决:在路由出口进行修改 <router-view />修改为: <router-view :key="$route.fullPath" />
2022-01-13 16:15:31
1036
原创 element-ui + wangEditor 富文本组件封装
效果:<template> <div class="box"> <el-button type="primary" icon="el-icon-view" style="cursor: pointer; margin-bottom: 20px" @click="see()" >预览</el-button > <div id="editor"></div
2021-12-20 13:56:24
685
原创 简单封装 wangEditor富文本编辑器,保留大部分粘贴样式
效果:这个编辑器有个好处就是形成的富文本样式都是行内样式,不用担心样式丢失(除了表格样式),网页粘贴过来的内容能保存大部分样式,粘贴word文档除了图片不行,其他大部分样式基本保留<template> <div> <div id="editor"></div> <hr /> 效果预览(v-html) <div class="html" v-html="text1"></div>
2021-12-20 12:06:16
2900
原创 eCharts 动态数据曲线时时变化
<template> <div class="content"> <div class="tittle"> <span> 标题 </span> </div> <div class="main" id="maina"></div> </div></template><script>export default { data.
2021-12-17 16:22:40
1351
原创 vue使用flex实现header和footer始终在页面顶部与底部
APP.vue的内容<template> <div id="app"> <!-- 头部 --> <v-header class="header"></v-header> <!-- 一级路由出口 --> <div class="layout main"> <router-view /> </div> <!-- 底部 -->.
2021-11-29 11:13:52
2122
原创 js 面向对象方式 动画效果:花瓣雨
效果图:说明:效果图片中的花瓣是图片,代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style&
2021-11-25 22:31:34
889
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人