- 博客(149)
- 收藏
- 关注
原创 ssl证书问题导致本地启动前端服务报500
问题:系统原是http,后台调整为https后,ssl证书有点问题, vue项目本地服务,使用代理,webpack默认,证书强校验,导致请求无法发出,后台日志也无反应。报错如下:注意查看报错信息。
2023-12-15 14:48:19
418
原创 openlayers和canvas结合使用报画布污染问题
1.根据报错,canvas使用环境,和图片来源环境不同导致。本案例中,项目在端口A,geoserver服务发布在端口B。3. 图层由openlayer加载到页面,并且官方由相关参数配置。crossOrigin属性。对同一条道路,不同时间的航飞数据,对比出差异,以确定施工进度和进行监管,并存档图像资料。vue + pixelmatch像素对比插件 + geoserver发布WMTS图层。2. 尝试本地测试前端跨域代理图层发布地址, 结果报错500.启动项目测试,正常,不再报画布污染,解决。
2023-12-07 15:59:58
256
原创 vue项目不用重新打包即可以修改项目ip
需求: 由于vue项目每次修改项目ip都需要重新打包,解决痛点:方法: vue项目的dev.env.js配置文件引入外部变量node中使用CommonJS规范引入 导出static文件下新建host文件 static为暴露到外包的静态资源文件夹。
2023-11-20 19:17:34
710
转载 关于项目中使用时间momentjs
项目中经常使用的时间形式使用moment插件便捷使用;moment 获取本年/本季度/本月/本周/今天/上年/上季度/上月/上周/昨天 开始结束时间。
2023-11-09 14:39:58
101
原创 关于项目中使用时间的问题
获取JavaScript时间戳函数的5种方法,你都了解吗?Date.now()获取的是电脑本地 当电脑本地时间调整,或跟新不及时,获取错误时间。举例:电脑A启动vue项目 ,代码中使用了Date.now();电脑B打开访问vue项目。当代码运行到Date.now()时,获取到的时是B电脑的时间。
2023-11-09 14:24:06
143
原创 react使用 Ant ui框架
分别基于react、vue、angular框架,各自开发了一套 Ant Design 的UI框架。 |—— 移动端 Ant Design Mobile 一个基于 Preact / React / React Native 的 UI 组件库。现在组件已经成功运行起来了,但是在实际开发过程中还有很多问题,例如上面例子实际上加载了全部的antd组件的样式(对前端性能是个隐患)。注意: Ant 有针对react vue 移动端,pc端 ,注意区分。
2023-10-25 17:09:05
802
原创 react笔记基础部分(组件生命周期路由)
注意点:class是一个关键字, 类。 所以react 写class, 用classname ,会自动编译替换class点击方法: <button onClick = {this.sendData}>给父元素传值</button>常用的插件:需要引入才能使用的: 路由五兄弟 import {BrowserRouter as Router, Link, Route, Redirect, Switch} from 'react-router-dom'reac
2023-10-25 17:05:23
708
原创 vue看项目文件判断配置方法
背景:你是否有过,配置项目的代理,开发环境,或者打包设置,重新启动项目,而没有生效?那么,你可能忽略了项目创建方式,和默认配置的作用。
2023-09-26 16:11:22
529
原创 axios中get请求传参为数组/参数序列化
简介: qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。场景: vue项目中axios 中的$get 数组作为参数。
2023-07-11 14:46:18
1781
原创 vue项目局域网前后端接口对接相关设置
场景: 项目开发中,当前没有服务器,或感觉每次部署包麻烦的,可以本地调试。项目:vue + webpack 内网环境下。
2023-03-20 09:52:09
2294
原创 uniapp u-form赋值后提示未通过校验
加载页面后,给 form.impact 赋值,提交仍然提示未通过校验。解决: form.impact = “40” , 改为字符串类型。
2022-12-05 16:14:38
1568
原创 用decimal.js库解决JavaScript中计算精度丢失的问题
涉及小数点的计算丢失精度精度丢失原因看这里用decimal.js库,decimal.js是使用的二进制来计算的, 所以能解决js的精度问题。执行命令npm i decimal.js --save安装。官方API文档: 官方API文档另一种方式:https://github.com/MikeMcl/decimal.js下载zip文件,引入文档使用即可
2022-12-05 14:44:18
2170
原创 vue的动画
关键点: 1. transition标签 2. 指令 v-if / v-show 3. class名字,自行写入css语句。为单个元素或组件提供动画过渡效果。
2022-09-28 14:40:04
273
原创 vue/cli4.x vue.config.js 配置插件
案例: src同级别新增static静态目录,放置外部静态js css img资源,打包和dev时,发现没有引用进去。背景: vue/cli4.x 中没有config和build文件夹。那么配置打包插件,在哪里设置?
2022-09-28 11:02:08
1103
原创 linux启动node项目指令
linux启动node项目指令第一步,进入node项目目录下cd /home/apps/basic/第二步,找到node进程号ps -ef|grep node (本案例 main.js文件为node项目入口文件名字)main.js所在行的开头的一个数字号第三步 杀掉node进程kill -9 1374 1374是第二步找到的进程号第四步重启node的进程号第四步重启nodenohup npm start &...
2022-05-16 19:10:25
3289
原创 google closure 依赖管理
命名空间和依赖js工具Google Closure依赖管理,有provide和require两个函数提供。依赖管理的数据核心显然由两部分组成,第一部分是一颗依赖管理树,用来表示每个文件提供的组件,和其必须的组件;第二部分是一个数组,用来表示目前已经加载的组件使用方式:引入js包 <script type="text/javascript" src="/static/map/v4.4.2/closure/goog/base.js"></script>案例:创建一个gi
2022-03-31 12:56:21
1119
原创 TortoiseGit更换账号密码快捷操作
使用小乌龟,当碰到修改密码后,提交代码时,会提示没有权限。一下为操作步骤:找到小乌龟设置:清除掉然后,进入到项目中,更新代码,此时会弹窗要求填写账号和密码,填写新的账号和密码,即可。(百度上都说让去修改本机的凭据,但我发现我的笔记本找不到git的东西。所以记录一下)...
2022-03-30 17:42:14
4934
原创 openlayer地图使用笔记
openlayer地图使用第一部分: 认识和学习ol简述:OpenLayers是一个用于开发WebGIS客户端的JavaScript包目前OpenLayers已经成为一个拥有众多开发者和帮助社区的成熟、流行的框架。基本概念:一般地图构成: 一个底图 + 其他各种图层 + 控件引入js css<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>
2022-03-28 12:24:37
1101
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人