- 博客(63)
- 资源 (8)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 Electron内调用网页出现 $ is not defined 或者 jQuery is not defined
解决electron引用第三方网页出现undefined的报错
2024-03-13 09:42:15
565
1
原创 vue 实现在线预览Excel-LuckyExcel/LuckySheet实现方案
由于后台给到的数据，就是二进制数据。因为他们导出和预览实际上用的是同一个接口。那么，我们需要将二进制数据解析为文件对象，通过luckyexcel的方法转变为json对象，然后通过luckysheet显示出来。：引入luckysheet，只能通过CDN或者直接引入静态资源的形式，不能npm install。个人建议直接下载资源引入。如上两步，就可以显示项目预览excel的需求了。：自行整理下路径，不要错了。
2023-11-06 16:48:34
1680
原创 nodejs调取exe执行文件连接websocket
使用nodejs，electron读取并执行客户端应用安装目录下的exe文件（exe文件是一个websocket服务）
2023-07-18 09:07:37
625
原创 vue Electron ArcGis 桌面应用 Sqllite3 node-grp：老旧项目的起死回生
vue2+electron+sqllite3+node-gyp。看到这个技术栈，基本可以知道感知这个项目的关键词：vue、Gis地图、本地数据库、桌面客户端。顿时深感亚历山大。不多说，开干。
2023-06-09 11:28:43
1301
1
原创 vue openlayer GisMap QGis 点击交互 MultiLineString 样式高亮
Gis Geoserver Openlayer ImageWMS 点击选中要素以及高亮效果
2023-04-24 11:06:11
483
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
1897
2
原创 vue+videojs视频播放、视频切换、视频断点分段上传
本文介绍了利用videojs实现视频播放以及视频切换功能，同时附加介绍了视频断点续传功能。
2022-11-30 14:10:32
5049
2
原创 js正则验证弱密码（大小写，特殊字符，数字不少于8位） element-plus 表单验证
前端对于弱口令的校验，包含大小写、数字、特殊字符中至少三种
2022-09-01 14:21:42
5009
原创 [vite] http proxy error: Error: self signed certificate in certificate chain vite 代理报错如何破
解决vite代理报错问题
2022-03-17 10:51:20
18451
8
原创 一步步打造最新前端框架组合 —— vite+vue3+pinia+vue-router@4+setup+ts
vue3+vite+ts+setup+pinia+scss最新前端框架组合
2022-02-08 17:06:43
4226
原创 vue Qgis geoserver openlayer 一站式让你玩转自定义地图
vue Qgis gis openlayer geoserver 引入自定义地图
2022-01-27 15:34:06
3512
原创 前端如何实现webvr全景
1、方案调研业务需要实现vr全景，类似于汽车之家，或者是贝壳看房之类的。经过技术调研，主流实现技术方案主要有3种：1、threejsthreejs在3D流域的应用不用多说，但是最终实际效果不好、threejs的api多于繁杂等原因放弃。2、css3D没错，css也可以实现这些vr全景效果，考虑到兼容性以及实际体验，最终还是放弃了。3、pano2vr或者krpano经过实践，这些第三方软件做出的效果确实不错。而且发现许多网站，许多第三方vr公司都是用的这些技术。所以决定用第三方软件
2021-12-10 11:52:06
6599
原创 vue html5 人脸识别登录
基本原理就是通过浏览器相关api打开本地摄像头，然后把视频流传给video标签播放出来，通过canvas进行图片截取，不断生成图片，进行人脸比对。1、调取本地摄像头 <!--展示摄像头视频流--> <video ref="video" width="462" height="462" autoplay></video> <!-- canvas截取图片 --> <canvas cla
2021-09-30 09:59:40
1874
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
1004
原创 【mySql的安装配置】mySql的安装配置以及配合nodejs、express以及配合前端vue的使用
1、mysql的网址以及下载安装镜像包下载地址：https://dev.mysql.com/downloads/mysql/xia
2021-06-09 16:40:12
420
原创 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
5410
5
原创 【chrome devtools】前端性能分析之chrome devtools的使用 前端项目内存性能优化的建议 前端浏览器崩溃卡死 前端性能分析实战
最近有个项目，静置一段时间，chrome内存一直上涨。就像是这样：内存会慢慢悄悄的往上涨，最终可以到达2000多M，直至浏览器崩溃卡死。很明显，这应该是内存泄漏了。但是只知道内存泄漏，并不知道究竟要如何排查问题。根据经验，无非就是定时器开了没关，闭包太多不能释放，动画太多性能影响等等。这样猜来猜去，成本太高。也许都知道chrome本身有一些工具 比如：以上三位。network就不说了，主要是看接口的响应时间，这部分自己看看，遇到一个靠谱的后端应该没什么大问题。着重说说，后两位。.
2021-04-22 17:07:07
2050
原创 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
2902
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
411
原创 vue自动登录 不要登陆页打开直接登录
项目需求要求，打开网页直接登录，不要出现登录页面。思考一下，做了几方面的修改。1、vuex actions 登录方法....actions: { // 自动登录 autoLogin ({commit}) { return new Promise((resolve, reject) => { doLogin({ username: 'admin', password: md5('adm
2021-03-19 16:30:05
5080
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
6092
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
349
原创 【视频直播流】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
3555
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
9392
2
原创 【权限】一次前端权限的另类思考 一次路由深浅拷贝的记录
权限需求是前端比较常见的，但是因为每个团队，确切的说是每个后台思想不同，所以做法各异。现在我们团队中的后台，是返回一个标志数组，这个数据中记录了一些菜单的标志，以便于前端进行判断，那些菜单需要显示或者不显示。比如后台返回一个权限的标志数据：['menu1', 'menu2', ...]前端的路由只能全部写死，然后递归判断，比如:// 前端路由表const routes = [ { path: '/menu1', meta: {
2020-12-08 13:50:43
150
原创 【国际化】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
638
1
JavaScript语言精粹
2016-04-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人