- 博客(63)
- 资源 (8)
- 问答 (1)
- 收藏
- 关注
原创 Electron内调用网页出现 $ is not defined 或者 jQuery is not defined
解决electron引用第三方网页出现undefined的报错
2024-03-13 09:42:15 472
原创 vue 实现在线预览Excel-LuckyExcel/LuckySheet实现方案
由于后台给到的数据,就是二进制数据。因为他们导出和预览实际上用的是同一个接口。那么,我们需要将二进制数据解析为文件对象,通过luckyexcel的方法转变为json对象,然后通过luckysheet显示出来。:引入luckysheet,只能通过CDN或者直接引入静态资源的形式,不能npm install。个人建议直接下载资源引入。如上两步,就可以显示项目预览excel的需求了。:自行整理下路径,不要错了。
2023-11-06 16:48:34 964
原创 nodejs调取exe执行文件连接websocket
使用nodejs,electron读取并执行客户端应用安装目录下的exe文件(exe文件是一个websocket服务)
2023-07-18 09:07:37 575
原创 vue Electron ArcGis 桌面应用 Sqllite3 node-grp:老旧项目的起死回生
vue2+electron+sqllite3+node-gyp。看到这个技术栈,基本可以知道感知这个项目的关键词:vue、Gis地图、本地数据库、桌面客户端。顿时深感亚历山大。不多说,开干。
2023-06-09 11:28:43 1272 1
原创 vue openlayer GisMap QGis 点击交互 MultiLineString 样式高亮
Gis Geoserver Openlayer ImageWMS 点击选中要素以及高亮效果
2023-04-24 11:06:11 433 1
原创 Response to preflight request do‘nt access control check: Redirect is not allow for a preflight re.
要注意到最后一句报错:Redirect is not allowed for a preflight request.大致意思就是在预请求的时候不允许重定向。简单的说,就是这个接口需要事先登录,拿到token。当没有登录时,这个接口自然被重定向到login界面。因为这个报错,是出现在发出请求之前的,所以改后台应该没什么用。请求一个接口怎么还重定向了呢?所以,就出现了上边的“Redirect”。这个报错通常情况下会出现在请求跨域。,想到,这个接口是有登录认证的。但是,很遗憾,没有用。
2023-03-22 17:13:44 1796 2
原创 vue+videojs视频播放、视频切换、视频断点分段上传
本文介绍了利用videojs实现视频播放以及视频切换功能,同时附加介绍了视频断点续传功能。
2022-11-30 14:10:32 4490 2
原创 js正则验证弱密码(大小写,特殊字符,数字不少于8位) element-plus 表单验证
前端对于弱口令的校验,包含大小写、数字、特殊字符中至少三种
2022-09-01 14:21:42 4846
原创 [vite] http proxy error: Error: self signed certificate in certificate chain vite 代理报错如何破
解决vite代理报错问题
2022-03-17 10:51:20 17673 8
原创 一步步打造最新前端框架组合 —— vite+vue3+pinia+vue-router@4+setup+ts
vue3+vite+ts+setup+pinia+scss最新前端框架组合
2022-02-08 17:06:43 4120
原创 vue Qgis geoserver openlayer 一站式让你玩转自定义地图
vue Qgis gis openlayer geoserver 引入自定义地图
2022-01-27 15:34:06 3420
原创 前端如何实现webvr全景
1、方案调研业务需要实现vr全景,类似于汽车之家,或者是贝壳看房之类的。经过技术调研,主流实现技术方案主要有3种:1、threejsthreejs在3D流域的应用不用多说,但是最终实际效果不好、threejs的api多于繁杂等原因放弃。2、css3D没错,css也可以实现这些vr全景效果,考虑到兼容性以及实际体验,最终还是放弃了。3、pano2vr或者krpano经过实践,这些第三方软件做出的效果确实不错。而且发现许多网站,许多第三方vr公司都是用的这些技术。所以决定用第三方软件
2021-12-10 11:52:06 6383
原创 vue html5 人脸识别登录
基本原理就是通过浏览器相关api打开本地摄像头,然后把视频流传给video标签播放出来,通过canvas进行图片截取,不断生成图片,进行人脸比对。1、调取本地摄像头 <!--展示摄像头视频流--> <video ref="video" width="462" height="462" autoplay></video> <!-- canvas截取图片 --> <canvas cla
2021-09-30 09:59:40 1769 2
原创 vuecli4 electron13.3.0 创建客户端应用以及安装、打包时候遇到的问题
1、创建项目// 这个步骤不在多说vue create vue-electron-demo2、添加electron# 项目创建完毕之后,进入项目文件夹cd vue-electron-demo# 添加electronvue add electron-bilder注意,这里开始出现问题。不管你的npm是不是淘宝镜像,你会发现这个electron下载的很慢或者干脆就是报错。这里有个技巧:当执行到node install.js ....你就需要ctrl+c,
2021-09-15 17:34:32 963
原创 【mySql的安装配置】mySql的安装配置以及配合nodejs、express以及配合前端vue的使用
1、mysql的网址以及下载安装镜像包下载地址:https://dev.mysql.com/downloads/mysql/xia
2021-06-09 16:40:12 412
原创 vue 高德地图 3D threejs 可视化开发
vue中使用threejs和高德地图,加载3D模型。1、准备工作 - 导入3D模型首先在public中的static文件夹中导入编辑好的3D模型分别是mtl和obj格式的。如图:2、安装依赖 - threejs和three-obj-mtl-loader后者依赖前者,所有都要安装。npm i -S three three-obj-mtl-loader3、vue中引入高德地图非常隐含的是,js API并没有离线版本。那么需要引入在线的高德地图。但是如何在vue组件中比较好的使用
2021-04-23 17:54:59 5167 5
原创 【chrome devtools】前端性能分析之chrome devtools的使用 前端项目内存性能优化的建议 前端浏览器崩溃卡死 前端性能分析实战
最近有个项目,静置一段时间,chrome内存一直上涨。就像是这样:内存会慢慢悄悄的往上涨,最终可以到达2000多M,直至浏览器崩溃卡死。很明显,这应该是内存泄漏了。但是只知道内存泄漏,并不知道究竟要如何排查问题。根据经验,无非就是定时器开了没关,闭包太多不能释放,动画太多性能影响等等。这样猜来猜去,成本太高。也许都知道chrome本身有一些工具 比如:以上三位。network就不说了,主要是看接口的响应时间,这部分自己看看,遇到一个靠谱的后端应该没什么大问题。着重说说,后两位。.
2021-04-22 17:07:07 1936
原创 vue中echarts “There is a chart instance already initialized on the dom.
vue中反复加载echarts会出现这个问题:There is a chart instance already initialized on the dom.也很好理解,就是这个dom已经创建过了,由于反复加载,你又创建了一次。但是看到网上的几种方法,比如:var myChartif (myChart != null && myChart != "" && myChart != undefined) { myChart.dispose();
2021-04-22 15:29:12 2842 1
原创 vue-cli4 npm run build 如何出去代码中的console.log
1、安装 babel-plugin-transform-remove-consolenpm i -D babel-plugin-transform-remove-console2、babel.config.js中配置let transformRemoveConsolePlugin = []//生产环境if (process.env.NODE_ENV === 'production') { transformRemoveConsolePlugin = ['transform-remov
2021-04-22 14:03:36 395
原创 vue自动登录 不要登陆页打开直接登录
项目需求要求,打开网页直接登录,不要出现登录页面。思考一下,做了几方面的修改。1、vuex actions 登录方法....actions: { // 自动登录 autoLogin ({commit}) { return new Promise((resolve, reject) => { doLogin({ username: 'admin', password: md5('adm
2021-03-19 16:30:05 4859 1
原创 【vue和iframe】vue和iframe之间如何相互通信
项目中有个地图是通过iframe嵌入vue项目中的,vue组件和iframe之间的通信就需要通过window.parent和contentwindow.1、iframe向vue组件传递数据在iframe中请求了数据,需要传递给vue组件// iframe中请求数据request('get','tower/core/power/light/data/now',parameters).then(res => { if (res.data.code == 0) {
2021-03-15 15:57:01 5992 5
原创 如何发布一个npm包 npm packages npm publish npm.org
1、编写自己在项目中经常使用的js方法比如:2、git仓库托管我的js方法库的地址为:https://github.com/wangshuo1991/js-screw;3、回到项目文件夹,初始化仓库npm init会出现一些配置项目,如下填写(根据个人情况):4、准备npm发布发布之前的准备工作:1、自己去npm.org上申请账号,要记住用户名和密码,一会要用。开始登录:npm login注意: 这个时候要注意。我们平时用的都是 ...
2021-01-07 16:13:08 340
原创 【视频直播流】vue flv视频直播流 flv rtmp vue 直播视频流
1、安装vue-video-playernpm i -S vue-video-player2、编写my-video.vue 组件<template> <div class="video-js"> <div v-if="!videoSrc" class="no-video"> 暂未播放视频 </div> <video-player v-else class="vid
2020-12-29 14:14:47 3467 5
原创 【axios封装】面对多个baseurl 如何封装请求方法 多个服务器请求地址
一般情况下,我们在项目中全局设置了请求地址。比如 vue 中,在.env.development文件中可以设置:# just a flagENV = 'development'# base apiVUE_APP_BASE_API = 'http://192.168.6.101:8701' // 服务地址这样开发时,全局在axios中封装直接设置baseUrl也很方便,比如在 封装axios时候,可以这样:...// 设置一下就可以了,注意这里是全局设置了服务地址axios.
2020-12-16 12:35:35 9221 2
原创 【权限】一次前端权限的另类思考 一次路由深浅拷贝的记录
权限需求是前端比较常见的,但是因为每个团队,确切的说是每个后台思想不同,所以做法各异。现在我们团队中的后台,是返回一个标志数组,这个数据中记录了一些菜单的标志,以便于前端进行判断,那些菜单需要显示或者不显示。比如后台返回一个权限的标志数据:['menu1', 'menu2', ...]前端的路由只能全部写死,然后递归判断,比如:// 前端路由表const routes = [ { path: '/menu1', meta: {
2020-12-08 13:50:43 141
原创 【国际化】vue element 国际化 切换语言 中英文 i18n
1、安装i18nnpm i -S vue-i18n2、创建lang文件夹src下创建lang文件夹,创建三个文件,分别是 index.js en.js zh.js;如下:2-1、index.jsimport Vue from 'vue'import VueI18n from 'vue-i18n'import locale from 'element-ui/lib/locale';import enLocale from './en'import zhLocale fr..
2020-12-03 13:19:41 607 1
JavaScript语言精粹
2016-04-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人