- 博客(29)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 根据tree结构数据自动生成多层级勾选自定义tree-table
根据tree嵌套结构数据渲染出 多层级带勾选checkbox的table，想要的对应结构table
2024-01-26 17:14:54
495
原创 vue高德多条路线规划+带途径节点多组多个maker + maker批量带各自鼠标移入移出监听事件（对应的text标签显示与隐藏）+各路线颜色区别（版本三）
一功能介绍：vue高德批量路线规划+多组路线带途径节点marker+maker批量带各自鼠标移入移出监听事件（对应的text标签显示与隐藏）+各路线不同颜色显示+各marker带点击监听事件(显示途径点详细内容)版本三：各线路上批量的marker各单个maker的鼠标监听事件（移入移出）对应控制各自另外各自对应创建text标签的显示与隐藏功能效果图：鼠标移入站点显示站点(maker)对应的站点名称（text）,鼠标移出站点则隐藏点击某个站点生成规划同一路...
2020-09-07 17:11:40
2127
1
原创 手机移动端-纯js浏览器h5调用摄像头扫描识别解析 条形码+二维码
一、场景h5原生js 浏览器端解决识别二维码条形码功能；不借助Hbuilder.需要自己打包成APP，比如用Hbuilder打包，浏览器端项目h5无打包成app部署X不采用不借助微信扫一扫，调用微信js-jdk有多麻烦，还要认证服务号，也不适用其它浏览器打开X不采用二、思路1.思路一：input(相机拍照)+条形码或二维码识别js支持库通过h5-input[camera]调用相机进行拍照成图片，通过条形码等识别库解析出数据；<input @cha...
2020-06-22 15:26:42
23973
50
原创 element-ui的table组件-checkbox选中分页记忆(二) -原记忆基础上再细分的嵌套一层记忆
一、前言我司仓储系统需求，账号用户-拥有若干仓库权限(第一层记忆大勾选)-仓库又包含若干个是否可使用的发车点(第二层记忆小勾选)这些要全部记忆+修改记忆。ps:一年前做的，上一篇分页一直说要放第二篇的，最近做总结就放上来了。二、实现1.需要后端配合提供前端需要 - 用户所拥有的仓库及发车点的 权限数据结构 和 公司所有的仓库及权限点1.1公司的仓库权限...
2019-09-23 17:33:32
1067
原创 按配置数据绘制配置型地图marker的icon，自定义marker
用背景图+canvas绘制数字的方式生成icon的图片资源，再将icon生成对应地图marker。
2024-01-26 15:36:51
407
原创 vue微乾坤子应用开发及ele组件开发时问题记录
微乾坤子应用打包部署后，相关img/font字体资源路径未找到404;el-tabs 下标线初始化时未有下标线,el-switch加底部背景文字activeText-问题,el-popover 位置自动更新问题,
2023-12-22 16:33:29
1086
原创 uniapp-原生地图截屏返回base64-进行画板编辑功能
1. 由 原生地图nvue部分，回调返回 地图截屏生成的base64 数据2. 通过 uni插件市场image-tools 插件base64ToPath方法，将base64数据 转成文件路径3. 通过 uni -API-uni.createCanvasContext() 、ctx.createPattern() 方法，将 图片数据创建绘图对象4. 通过 uni -movable-area+movable-view 控制画布缩放5. 通过canvas@touchmove等实现画布画线
2023-08-10 18:34:13
1005
2
原创 uni-app 自定义table-demo 左右列固定冻结
前言uni-app插件市场各类table插件挺多的，基本上我都下载试了个遍，最后各有各的不满意还是自己撸了一个，自己也试了好几种布局方式，做了好几款demo都不满意，只到改了一款可以 左右列固定根据tableHead批量遍历渲染数据的table最重要一点是项目是uni-app打包成ios或android -app项目，而该类项目不支持 :class :style动态样式绑定一、思路首先功能需求是 根据tableHead可以批量渲染数据、左右列（左侧序号列及...
2020-10-09 18:24:00
4473
4
原创 uni-app关于自定义iconfont 本地引入 和 线上引入的两种方式
一、自定义iconfont阿里巴巴矢量图标库https://www.iconfont.cn，创建项目，查找图标加入购物车后添加进自建项目内二、线上引用先点刷新提示红字后刷新在线代码，然后将代码复制黏贴进自己的iconfont.css文件内重点是地址前面要加https: 定义单个icon页面内使用及css样式控制<view class="iconfont icon_refresh"></view><style scop...
2020-10-09 17:49:49
1677
原创 element ui- 关于table组件根据 tableHead批量 自定义sortMethod排序
一、场景1.table根据tableHead批量 自定义sortMethod排序这里可以看见当前table是根据defaultTableData批量遍历渲染出来了，如果我们采取每行2.element ui-table文档sort自定义相关排序
2020-09-14 16:52:59
2851
原创 nvm安装详解，nvm控制node npm版本修改（windows环境）
一、前言,为什么要用nvmnode升到14.2 -npm升到6.14后运行旧配置需求低版本npm项目时候就会报错node-sass等等版本不支持的错误，类似：Module build failed: Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtimModule build failed: Error: Node Sass does...
2020-09-09 17:11:27
11709
6
原创 vue高德多条路线规划+带途径节点多组多个maker text标签创建+各路线颜色区别（版本二）
一功能介绍：vue高德批量路线规划+多组路线带途径节点marker+各路线不同颜色显示+各marker带点击监听事件(显示途径点详细内容)效果图：二、实现1.本项目使用的 高德api故需要申请高德web开发相关申请配置见这篇2.oneSelectCharts.vue地图渲染图组件<template> <div class="clearFix"> <div id="mapAmap2" class="clearFix card-sh...
2020-05-20 16:45:41
3527
1
原创 vue高德单条(可批量)路线规划+单条(可批量)路线带途径节点marker+单条(可批量)路线分段渲染各颜色
一功能介绍：vue高德单条(可批量)路线规划+单条(可批量)路线带途径节点marker+单条(可批量)路线分段渲染各颜色效果图（单条路线规划分段渲染颜色）：二、实现1.本项目使用的 高德api故需要申请高德web开发相关申请配置见这篇2.trainTimeLine.vue时间轴页面<template> <div style="margin-bottom: 20px;display: flex;"> <!--时间轴-->...
2020-05-20 16:24:37
2273
原创 省-市-区三级联动选择地址 + 地图定位(高德api定位获取位置信息)，互相联动显示
一，前言需求：省市区三级联动下拉选择出数据并地图显示位置，地图上选择定位位置三级联动反显出省市区；准备：1.需要全国地址完整(省市区-地区code)的area.json，下载area.js资源。2.地址定位这里用的是高德api故需要申请高德web开发相关申请配置 见这篇。二，实现1.html:这里用的vue<template> <!-- 省市区三级联动 --> <el-form label-width="110p...
2020-05-12 19:12:45
4011
1
原创 vue高德多条轨迹导航+带途径节点标注+各路线颜色区别
一、引用准备高德后台应用申请-web端index.html 调用版本 v=1.4.2 <body> <div id="app"></div> <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.2&key=xxx你的ke...
2019-12-18 15:03:08
4404
1
原创 vue高德多条路线规划+带途径节点多组多个maker text标签创建+各路线颜色区别
一、引用准备高德后台应用申请-web端index.html 调用版本 v=1.4.2 <body> <div id="app"></div> <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.2&key=xxx你的ke...
2019-12-12 16:52:03
2581
3
原创 原生微信小程序flyio封装多baseURL配置请求，如同axios一样非常爽利的使用api
1.下载 引入 flyio 基于 promiseJavascript http请求的终极解决方案。也就是说，在任何能够执行 Javascript 的环境，只要具有访问网络的能力，Fly都能运行在其上，提供统一的API。 fly下载地址2.request.js 配置fly 请求体// import Fly from 'flyio/dist/npm/wx';const Fly = ...
2019-10-30 17:25:54
2748
原创 移动端-MultiPicker多级联动选择器自定义组件-自定义改造
最后实现的效果。1年前做的，最近总结免得以后忘记了就放上来了。一、前言公司移动端项目，需求自定义的时间picker组件，翻阅mint-ui饿了么 cube-ui滴滴 zan-ui蚂蚁金服 的现有模板均不满足需求。然后最后采用了 multPicker自定义多级联动选择器进行了自我需求魔改ps:当时做需求时候滴滴能满足需求的组件还未出，刚查了居然滴滴最新的time-picke...
2019-09-23 14:28:18
4180
4
原创 angular 上传excel导入 爬坑 angular-file-upload
一前言负责维护公司很老的angular前端web项目，最近有个导入excel的新需求，本来该项目原有已成功的导入excel功能，由于对该项目业务不是很熟,导致前期找原有可成功导入execel的业务项都找的挺费劲二、需求实现磕磕碰碰页面express写的servers上传路由转发 controller1.页面<legend class='hyc-le...
2019-09-20 16:53:58
1088
1
原创 关于@Controller 与 @RestController 前端一直响应404问题
1.原本用MybatisPlusGen 生成项目文件， 默认 Controller 是 @Controller 注解，2.但实际项目使用的是 resrfulResponse3.导致前端响应一直是404状态4.解决使用@RestController4.1.@RestController注解，相当于@Controller+@ResponseBody两个注解的结合...
2019-09-10 17:59:46
3108
原创 对java文件结构Dao、Controller、model、service、impl、mappers学习总结
0、modelmodel 是数据模型，例如与数据库的某个表相关联。1、mappersmapper一般都是javabean对象,映射到各表对应的 sql增删查改 操作语句，以及表数据结构映射resultMap2、daodao对数据模型的增删查改的执行操作方法3、serviceservice 抽象逻辑接口，供外部调用，等于对dao、model等进行了包装。4、...
2019-07-04 09:35:14
4906
原创 angular各版本通用，xls之类等各excel导出插件都不需要引用，原生js，json导出excel解决方案
一、前言问题由来，接手公司旧版本的angular项目进行维护，该项目还是极低的angular1原始版本，然后要进行新的功能添加导出excel,网上找各类都是angular4之类的插件不适用，好吧只能凭着之前纯js方法写Excel导出功能,这样其实也就同样可以适用于vue/react等前端框架，当然各框架本身都有比较好功能齐全的 Excel导出插件。二、思路大致是前端向后端条...
2019-05-06 15:41:07
607
原创 基于mpvue官方mpvue-quickstart 项目模板，配置fly+vuex+easymock实现多baseURL请求配置，mpvue+token拦截登录等功能
写这个配置的目的主要是满足多baseURL请求需求，不喜欢使用fly-get post那套不可能傻乎乎的每个baseURL写一个fly-get post;我的项目地址https://gitee.com/ming34902/mpvue-quick-test1.git放码云了，没有放github基于mpvue官方mpvue-quickstart 项目模板，配置fly+vuex+...
2019-03-04 15:11:48
2403
原创 前端读取上传excel文件 解析后输出其数据 的readExcel.js
引用：import ReadExcel from '@/utils/readExcel'使用示例demo: <div class="upload-excel-box" style="float: left;margin-right: 15px;"> <input id="excel-upload-input" type="file" accept=".xls
2018-11-26 15:17:42
2279
原创 vue使用高德api 定位获取位置信息 positionLocation.js及 USERKEY_PLAT_NOMATCH报错
前提假设你已经申请好了 高德api及对应的高德api业务，申请高德api配置相关步骤不在这里敷述，自行百度相关博文配置；build/webpack.base.conf.js要配置const webpackConfig = { // ..... externals: { 'AMap': 'window.AMap' }}移动端index.html需要预...
2018-11-26 11:38:44
8238
1
原创 image图片压缩 compress.js ，超过大小则压缩 不超过大小限制则不压缩
引入 import * as ImgCompress from '@/utils/canvas/compress' 这是我自己的 utils工具类目录，自己改成自己压缩js所在的文件夹目录；demo 示例（样式之类的 不贴了 自己整自己的）：<input class="upload-item-input" :class="uploadImgObj.key" type="file" ...
2018-11-26 11:22:00
9997
原创 自适配传数据 加水印 数据 Watermark.js
/** * 引用: import * as Watermark from '@/utils/canvas/watermark' // js插件放置的 工具类目录 * demo: <input class="upload-item-input" type="file" accept="image/*" name="file" @change="PreviewImage(e)"/&g
2018-11-26 11:10:19
1993
原创 element-ui的table组件-checkbox选中分页记忆-逻辑修改成 选中row的id集合来记录选中了那些数据 （修订后完整版）
本demo是一个弹窗页面，append-to-body是element-ui自带弹窗层级排序，v-dialogDrag 是弹窗拖拽（非element-ui自带不用去掉即可），本文只是介绍简单版的页面选中记忆，后续文章将讲述再细一层，双层的页面选中记忆；<template> <div style="margin-bottom: 20px;"> ...
2018-11-26 11:03:50
3250
省市区三级联动全国含各级地区code的area.json
2020-05-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人