自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(92)
  • 资源 (2)
  • 收藏
  • 关注

原创 总结 uniapp 上不适配iphone的:new Date 时间、border线条、渐变

这是错误样式:需要添加:2、时间出现NaN原因是因为ios中使用new Date 的时候出了问题3、渐变色错误:修正:

2025-01-21 14:20:50 420

原创 uniapp 自定义日历组件 源码兼容iPhone

定义一个结构来存储各种状态值,以达到改变样式的目的。

2025-01-16 17:12:13 569

原创 记录一个函数:隐藏掉x轴的滚动条,但是内容可以跟随鼠标拖动左右滚动

【代码】记录一个函数:隐藏掉x轴的滚动条,但是内容可以跟随鼠标拖动左右滚动。

2025-01-03 16:17:38 134

原创 pdf.js 预览pdf的时候发票数据缺失显示不全:字体加载出错(缺失)导致部分缺失

首先,排除后端返回的PDF文件流是没有问题的:但是在vue项目中是这样的:明显是显示不全,F12查看报错信息,有以下警告:把字体添加进来就好。

2024-11-29 15:56:38 1762

原创 threeJs学习 贴图 :地球

【代码】threeJs学习 贴图 :地球。

2024-11-28 17:31:02 554

原创 CSS - CSS变量+重复圆锥渐变:轻松制作旋转边框动画!

CSS - CSS变量+重复圆锥渐变:轻松制作旋转边框动画!

2024-10-21 11:51:29 326

原创 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

原创 vue2与 vue3的生命周期区别

【代码】vue2与 vue3的生命周期区别。

2023-12-27 14:57:26 548

原创 uniapp 打包H5页面时候清除手机缓存问题

解决前端代码打包以后出现缓存问题,清除网页缓存,同时服务器项目部署的时候禁用缓存。

2023-12-06 16:18:04 1901 1

原创 uniapp h5页面做文本流的下载

【代码】uniapp h5页面做文本流的下载。

2023-08-24 17:31:58 1055

原创 文件预览/下载方式:通过二进制流(Blob)下载、或者通过文件Url下载

【代码】文件预览/下载方式:通过二进制流(Blob)下载、或者通过文件Url下载。

2023-08-15 10:29:31 1155

原创 echarts 柱状体点击空白处

【代码】echarts 柱状体点击空白处。

2023-07-05 10:55:42 661

原创 vue 全局loading的思路和方法

Vue 全局 loading 的实现思路一般是在 Vue 实例中添加一个 loading 组件,通过控制该组件的显示和隐藏来实现全局 loading 的效果。在需要显示 loading 的地方,调用全局方法 showLoading(),该方法通过修改 loading 组件的状态来显示 loading。在需要隐藏 loading 的地方,调用全局方法 hideLoading(),该方法通过修改 loading 组件的状态来隐藏 loading。

2023-05-05 16:23:44 2927

原创 解决报错:避免多余的导航到当前位置

避免多余的导航到当前位置

2023-03-01 13:35:03 419

原创 echarts 2d 地图 tooltip提示牌

echarts 2d 地图 tooltip提示牌。

2022-12-20 17:39:27 1166

转载 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

原创 动态添加展厅座位号,关键字:拖拽(移动)、右击生成、右击删除、修改

动态添加座位号,实现拖拽(移动)、右击添加,删除,修改座位号

2022-08-10 13:50:31 1072

原创 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> &lt

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

原创 wangEditor封装为组件(屏闭 和 识别 敏感词 )

可识别和屏蔽敏感词汇的富文本组件封装,使用的是wangEditor富文本

2021-12-20 11:01:30 690

原创 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

百度地图获取坐标功能。

百度地图获取坐标功能

2022-05-06

echarts数据可视化_前端项目实现步骤.pdf

前端

2021-10-31

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除