前端插件
echarts、ztree、codemirror、jsplumb、layer等前台插件踩坑或简介
吕驴驴
纸上得来终觉浅,绝知此事要躬行。
展开
-
electron兼容统信UOS系统过程中的坑
最简单的办法就是下载个v8~v21的electron-linux-arm64包,然后在windows内打包,将resource替换到electron-linux-arm64包内,运行electron就能启动了任务栏图标统信支持人员说只能打deb包配置!appimage,替换包,直接运行都不带图标,但我打出来deb包也不带图标。原创 2023-12-20 10:03:28 · 1342 阅读 · 3 评论 -
vue 七款低代码平台对比
调研低代码平台时看了很多网站,被我大概分为了三种:页面设计、可视化设计、门户设计,其中功能也有交集。布局方式又能分为容器布局、比例布局、画布布局,根据需求我这里优先选择容器布局和比例布局进行二次开发。原创 2023-07-04 12:02:59 · 10411 阅读 · 0 评论 -
git注销用户名密码
输入完成后开启记录密码,免得每次操作都要输入。清除完后进行更新提交操作会提示输入账号密码。原创 2023-01-11 14:46:19 · 305 阅读 · 1 评论 -
vscode前端开发我的插件备份
1.auto rename tag2.beautify3.bootstrap 3 snippets4.bracket pair colorizer5.Chinese (Simplified) Language Pack for Visual Studio Code6.Debugger for Chrome7.Document This8.ESLint9.filesize10.Git History11.HTML CSS Support12.HTML Snippets13.HTMLHi原创 2022-05-11 14:11:18 · 234 阅读 · 0 评论 -
form表单下载文件,form表单不止上传!
/* * Licensed to the Apache Software Foundation (ASF) under one or more * contributor license agreements. See the NOTICE file distributed with * this work for additional information regarding copyright ownership. * The ASF licenses this file to You un原创 2021-09-09 15:45:14 · 150 阅读 · 0 评论 -
jsplumb.js中文说明文档
jsplumb.js中文说明文档转载 2021-08-05 15:08:50 · 5713 阅读 · 0 评论 -
webuploader单文件分片上传,断点续传前端案例
需求不同,思路相同,可借鉴,无法直接使用实现思路调用接口,回显上传文件,调用接口判断文件是否存在 ,当前上传到第几片。如果上传过,并且中断,从指定切片开始上传渲染上传面板列表上传完第一片后,前端存储后台上传接口返回的唯一id,下片传入,后台更新库更方便上传文件成功/失败后,修改按钮、进度条等文字样式上传面板样式文件分为上传完成、上传中断、正在上传、任务暂停、上传失败等几个状态上传面板template模板因为jsp中语法<%%>占用,需要将template.js中<原创 2021-03-08 15:46:55 · 486 阅读 · 0 评论 -
vue-quill-editor文字大小和字体设置中文化
size&font默认属性和样式属性 editorOption: { placeholder: '', modules: { toolbar: [ ['bold', 'italic', 'underline'], // 加粗,斜体,下划线 [{'list': 'ordered'}, { 'list': 'bullet' }], // 列表 [{ 'alig原创 2020-10-29 14:23:19 · 3929 阅读 · 0 评论 -
vue-quill-editor富文本编辑器在vue内自定义配置文字大小,字体下拉框
翻阅源码,可以看出,quill的实现思路是通过类名控制展示内容和样式,所以只要对照修改css和js就可以实现自定义配置首先下载quill富文本编辑器npm install quill --savenpm install vue-quill-editor --save找到node_modules里的quill/dist/quill.js这里可以搜索small,快速找到,上边数组代表的是key,也就是配置项所需要传的参数,下面对应的是文字大小的属性,可以看到,small对应10px。之后修改成你原创 2020-10-29 14:15:18 · 3396 阅读 · 0 评论 -
codemirror从入门到如土
下面两个是使用 Code Mirror 必须引入的:<link rel="stylesheet" href="codemirror-5.31.0/lib/codemirror.css"/><script src="codemirror-5.31.0/lib/codemirror.js"></script>接下来要引用的就是在 mode 目录下编辑器中要编辑的语言对应的 js 文件,这里以 Groovy 为例:<script src="codemirror原创 2020-07-01 11:44:52 · 805 阅读 · 0 评论 -
解决codeMirror使用setValue更新数据之后需要获取到焦点才会在展示上更新
https://stackoverflow.com/questions/8349571/codemirror-editor-is-not-loading-content-until-clicked不会科学上网这个网站打开可能会很慢,所以我就把里边的解决方法拿出来,方便参考解决方法利用定时器刷新 this.codemirror.setValue('') setT...原创 2019-06-04 11:26:07 · 7000 阅读 · 0 评论 -
jquery.orgchart.js 简单demo,自定义内容,自定义事件
orgchart简单demoGIT地址: https://github.com/Vlovely/orgchartDemo.git预览图代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Organization Chart P...原创 2019-10-10 09:44:58 · 2252 阅读 · 0 评论 -
jsplumb插件更改线条颜色
jsPlumb.registerConnectionType('custom', {setting}) 连线.setType('custom') 示例: let jsplumb = this.$jsPlumb.getInstance() let config = { paintStyle: {stroke: '#6C8AB6...原创 2019-05-24 11:14:19 · 6417 阅读 · 0 评论 -
layer弹窗最大化最小化还原后窗口位置偏下
当页面滚动条不在最上边的时候layer弹窗会在最大化还原的时候位置偏下甚至是消失,因为layer弹窗位置计算加上了滚动的高度,监听减去就好了 layer.open({ type: 2, title: '问题反馈', shadeClose: false, shade: 0.3, maxmin: true, //开启最大化最小化按钮 area: ['1000px', '600px'], content: '',原创 2020-05-15 16:08:51 · 2338 阅读 · 0 评论 -
layer弹窗:top.layer弹窗到父页面跨域解决办法
跨域的iframe里的layer弹窗会报错DOMException: Blocked a frame with origin “http://localhost:5556” from accessing a cross-origin frame.at HTMLButtonElement. (http://localhost:5556/2.html:19:15)at HTMLButtonElement.dispatch (https://ajax.aspnetcdn.com/ajax/jquery/j原创 2020-05-15 15:59:08 · 2559 阅读 · 0 评论 -
echarts实例-cloud字符云图、map中国数据地图、循环换色的柱状图
需要china.js或者其他省份的js或者json的可以去echarts官方下载echarts官方gitHub,map文件夹下是地图的依赖echarts扩展wordcloud云图github完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-原创 2020-05-21 14:01:34 · 470 阅读 · 0 评论 -
echarts循环自定义颜色
if (item.type === 'pie') { let i = 0 let value, name, param let data = [] for (var j = 0; j < xValue.length; j++) { value = yValue[j] name = xVal...原创 2019-11-29 11:25:58 · 1938 阅读 · 0 评论 -
鞋子AJ,表格AG,ag-grid社区版排序错误问题
ag-grid表格数字格式排序是按照1,10,11,2,3,4这样排序的,相信很多小伙伴都知道怎么解决,只需要在sort方法内arr.sort(function(a,b){return a-b})就可以,我之前在源码里找到了这个,但是没法解决,翻了翻官方文档,才发现有自定义排序功能通过colDef的comparator属性控制var columnDefs = [ { field: 'athlete', sort: 'desc' }, { field: 'age', width: 90 },原创 2020-08-05 11:35:40 · 914 阅读 · 0 评论