
前端
絮落锦乡
这个作者很懒,什么都没留下…
展开
-
springboot + vue + nginx 文件上传大小限制,报错413
springboot + vue + nginx 文件上传大小限制,报错413原创 2022-09-28 13:54:50 · 2178 阅读 · 0 评论 -
linux centos 安装jdk、nginx
nginx原创 2022-09-27 13:22:31 · 772 阅读 · 0 评论 -
ElementUI MessageBox 适配移动端,修改宽度
1、Element ui 默认的宽度是420px 在移动端长度太长,需要审批2、解决方案 customClass: 'msgbox' 给弹出框加一个额外的class 名称3、效果原创 2022-08-06 16:31:32 · 5842 阅读 · 0 评论 -
vue 设置页面标题,微信公众号内嵌H5标题顶到顶部
一、安装npm install vue-meta -S二、配置main.jsimport Meta from "vue-meta";Vue.use(Meta);三、页面配置metaInfo: { title: '标题标题标题标题标题标题标题', meta: [ { name: 'description', content: '描述描述描述描述描述描述描述' }, { n原创 2022-05-03 10:41:17 · 1373 阅读 · 0 评论 -
ElementUi 日期空间,默认一个时间后,无法在选择别的时间
一、问题描述element ui 年度控件默认当年以后无法在选择其他的年度,也不报错二、默认代码<el-form-item label="认证年度" prop="year"> <el-date-picker style="width: 200px" v-model="原创 2022-04-15 14:08:40 · 1965 阅读 · 0 评论 -
ElementUi 设置时间的选择范围
控制选择时间的范围<el-date-picker size="mini" v-model="upsertForm.startTime" type="daterange" range-separator="至" start-placeholder="活动开始日期原创 2022-03-27 21:18:41 · 1894 阅读 · 0 评论 -
GITHUB 接口
{"current_user_url":"https://api.github.com/user","current_user_authorizations_html_url":"https://github.com/settings/connections/applications{/client_id}","authorizations_url":"https://api.github.com/authorizations","code_search_url":"https://...原创 2021-10-13 10:20:52 · 1340 阅读 · 0 评论 -
vue 项目从npm 迁移到yarn 启动后报错Module build failed: TypeError: Cannot read property ‘vue‘ of undefined
从npm 迁移到yarn 启动报错Module build failed: TypeError: Cannot read property 'vue' of undefined解决方式yarn install vue-loader@latest --save原创 2021-09-18 14:50:04 · 451 阅读 · 0 评论 -
vue element-ui弃用el-table 改换pl-table
一、背景 界面显示5000条数据,el-table 直接卡死,原因就是因为el-table 采用的是DOM 内存占用过多,引起阻塞二、解决方案 懒加载:即监听scroll事件或使用IntersecionObserver监听; 可视区域的渲染:仅在可视区域展示数据,为保证滚动条的完整性,非可视区域使用占位元素的高度后者容器的位移来撑开。 三、整合pl-table 1、安装pl-tablb 建议采用cnpm inpm i pl-tablecn...原创 2021-09-02 11:35:01 · 2779 阅读 · 1 评论 -
Vant ui 文件上传限制格式
一、vant-ui 文件上传格式限制某网站是这样写的,然后我试了下,这是什么情况,不是控制了只能png 和jpeg 为啥jfif 也能上传,仔细看右下角似乎没有限制。于是改成.png,.jpg,.jpeg搞定原创 2021-05-08 14:12:36 · 2217 阅读 · 0 评论 -
如何使用bootstrap进行数据的分页展示,分页技术有:前端分页,和后端分页,私聊:可以定制基本的增删改查的前后端代码生成的插件
一、前期的工作:引入相应的js和css样式(可以网上下载,或者私聊我个人:QQ:27530091)&lt;link href="bootstrap-table/bootstrap-table.min.css" rel="stylesheet"&gt;&lt;script src="bootstrap-table/bootstrap-table.min.js&原创 2018-09-13 14:05:46 · 1232 阅读 · 0 评论 -
vue 使用this.$router.replace、this.$router.go、this.$router.push 等进行页面跳转不生效
一、问题描述vue 在使用页面跳转的时候,发现页面总是不调转,或者地址变了,页面不刷新等问题二、解决方案1、排查页面是否使用了beforeRouteLeave ,如果使用了该函数,意味着路由被拦截下来进行处理了,这个时候做完逻辑处理后必须要加上 next() 函数,才能让路由继续跳转,否则页面将不会跳转。2、排查页面是否报错,哪个方法未定义。3、检查路由配置是否正常。...原创 2021-03-27 19:08:46 · 9099 阅读 · 1 评论 -
springboot 导入word 解析图片和公式
一、考试系统需要用到导入试题功能,要求导入公式和图片。将word 文档另存为xml 先看看图片在里面的存放效果<w:r> <w:rPr> <w:rFonts w:hint="eastAsia" w:ascii="黑体" w:hAnsi="黑体" w:eastAsia="黑体" w:cs="黑体"/>原创 2020-09-28 16:43:17 · 1209 阅读 · 0 评论 -
谷歌浏览器调用打印无预览且默认全屏,只打开一个应用
一、问题描述在终端的浏览器上,只想打开跟浏览器有关的东西,屏蔽F12和ESC二、解决办法1、找到谷歌浏览器的快捷方式,右键属性,在目标后面加上命令,切记,谷歌原有的目标路径用双引号引起。--kiosk --kiosk-printing 自动全屏,静默打印(可是还会弹出,一闪而过)--app=http://localhost:8080 只打开指定的网址,两者可以配合使用。...原创 2020-09-27 09:58:07 · 3696 阅读 · 0 评论 -
vue 调用电脑的所有摄像头,并随意切换拍照
一、问题描述电脑上安装了三个摄像头,两个前置的摄像头和一个高拍仪拍摄介绍信的,现在需要通过代码来调用摄像头,并区分当前应该调用哪个摄像头完成相应的功能。人脸拍摄调用前置摄像头,拍摄比对好后,应该调用高拍仪拍摄介绍信样机展示二、调用代码<template> <div> <button @click="callCamera" style="margin-right: 10px;">开启摄像头</button>原创 2020-09-26 16:58:11 · 2796 阅读 · 2 评论 -
解决Element-UI 分页点击最后一页,不停的循环
一、问题描述element 分页的时候,点击最后一页,然后不停的循环去获取<el-pagination style="margin-top: 10px;padding-bottom: 20px;" background layout="total, sizes, prev, pager, next, jumper" :total="s原创 2020-09-08 15:01:06 · 1454 阅读 · 1 评论 -
element ui 解决表格排序失效
一、问题说明:element ui 排序很简单只需要加 sortable="custom" 通过后端排序后,吧数据返回至前端,但是当你对表格进行行内编辑,或者其他的复杂操作时,就会出现失效。在啰嗦一句,后端排序数据类型要注意,你搞个字符串类型排序,估计是给自己挖坑。解决办法<el-table-column prop="sequenceName" label="序号" key="1" width="80px" sortable="custom"></el-table-col原创 2020-07-20 16:51:47 · 3921 阅读 · 3 评论 -
vue兼容IE8以上解决方案
一、说明背景vue主要采用了ES6 Promise,我们知道的,在 JavaScript 中,所有代码都是单线程的,也就是同步执行的。而 Promise 就为异步编程提供了一种解决方案。二、解决方案1、采用 babel-polyfill 进行转换语法。2、安装babel-polyfillnpm install -S babel-polyfill3、main.js 引入babel-polyfillimport 'babel-polyfill'注意:babel-polyfi.原创 2020-07-11 14:25:47 · 5270 阅读 · 0 评论 -
Springboot+ vue + ckeditor + MathType 整合化学、数学公式
一、插件介绍http://www.wiris.com/en/mathtype二、整合下载ckeditor4 下载MathType 插件包https://ckeditor.com/cke4/addon/ckeditorwiris三、效果图四、插件需要收费,如有需要联系我!微信:xljx_88888888 QQ :275300091...原创 2020-07-02 19:06:09 · 1888 阅读 · 1 评论 -
vue 图片转base64本地路径跨域
问题描述代码getUrlBase64(url, ext, callback) { var canvas = document.createElement("canvas"); //创建canvas DOM元素 var ctx = canvas.getContext("2d"); var img = new Image; img.crossOrigin =原创 2020-05-16 18:17:29 · 2889 阅读 · 0 评论 -
如何在H5移动端预览PDF并且获取到PDF的总页数以及当前阅读所在的页数
问题描述 如何在H5移动端预览PDF,并且获取到PDF的总页数,获取到当前的页数。第一步 安装pdfh5npm install pdfh5第二步 开始写预览界面<template> <div class="login" id="app" style="width: 100%;height: 100%"> <div @click="getCurren">当前页</div> <div...原创 2020-05-14 09:42:29 · 3640 阅读 · 0 评论 -
如何使用vuepress? 如何搭建vuepress?
一、安装node.js 环境,必须8以上的!如果没有安装node,可在node官网选择对应操作系统下载安装:https://nodejs.org/zh-cn/可在终端使用node -v命令来查看node版本。如果node版本低,请把node版本升级到8.0以上。二、打开cmd 执行npm install -g vuepress查看版本vuepress --version...原创 2020-02-28 11:23:46 · 563 阅读 · 0 评论 -
如何使用github pages,上传代码即可访问
1、在github 上创建仓库,并命名点击setting原创 2020-02-27 16:22:22 · 537 阅读 · 0 评论 -
如何搭建一个文档系统?如何使用Markdown?如何使用docsify搭建简易的文档系统
@[toc]# 搭建docsify环境原创 2020-02-27 15:33:09 · 1163 阅读 · 0 评论 -
web FeHelper 开发神器使用
下载地址https://github.com/zxlie/FeHelper/tree/master/apps/static/screenshot/crx(下载不成功可以联系博主,或百度自行下载)功能安装方式1、下载拓展程序,得到一个crx文件,打开谷歌的拓展程序窗口(在地址栏输入chrome://extensions/)将文件拖拽进去即可...原创 2020-02-24 12:04:00 · 609 阅读 · 0 评论 -
springboot + vue 部署上线的两种方式
springboot 部署一般是采用jar 部署,也有采用war(集成了jsp,不推荐使用)一、将vue 项目编译后打入jar 包部署方式1、运行vue打包命令,前提是vue项目正常,无错误!npm run build2、运行命令后,在项目根目录会生成一个dist 文件夹,将dist 文件夹的所有文件,拷贝至springboot项目中的static(static默认放行)访问...原创 2020-02-14 15:45:46 · 2395 阅读 · 0 评论 -
如何实现vue导出网页为pdf
1、准备一个vue 的项目安装依赖,两个命令,第一个命令把网页转成图片,第二个是图片转成pdf.因此,vue导出网页为pdf 的原理就是先把网页生成成图片,在把图片写到pdf中,正因为这个原理,造成这种方式的一些缺点,比如,可能引发黑色阴影,分页分割问题等瑕疵。npm install html2canvas --savenpm install jspdf --save2、引入...原创 2020-01-29 22:27:36 · 1130 阅读 · 0 评论 -
如何实现vue导出网页为图片
1、准备一个vue 的项目安装依赖npm install html2canvas --save2、引入依赖import html2canvas from 'html2canvas';3、加入导出方法<div @click="downloadImg('main')">导出图片</div><div id="main"> ...原创 2020-01-29 21:56:43 · 1147 阅读 · 1 评论 -
HTML网页转成pdf,并且不失真
说明:借助wkhtmltopdf 实现网页导出成pdf一、下载相关应用官网地址:https://wkhtmltopdf.org/downloads.htmlgithub:https://github.com/wkhtmltopdf/wkhtmltopdf/releases二、java导出package top.cflwork.util;import java.io...原创 2019-11-07 15:28:33 · 2548 阅读 · 0 评论 -
ElementUI 树形结构默认展示某个节点
分别通过default-expanded-keys和default-checked-keys设置默认展开和默认选中的节点。需要注意的是,此时必须设置node-key,其值为节点数据中的一个字段名,该字段在整棵树中是唯一的。如果没有设置node-key 则无法默认展开。<el-tree :data="data" show-checkbox node-key="id"...原创 2019-10-31 15:04:08 · 2003 阅读 · 0 评论