前端 AdminLTE BootStrap H5
关注
分享
扫一扫
文章平均质量分 75
前端遇到的一些问题及解决记录
程序媛一枚~
热爱是最好的学习动力。
Either outstanding or out. （要么出众，要么出局）
展开
-
Vue 2.5 入门学习记录
挂载点、模板、实例之间的关系（挂载点：一个Dom，Dom下的元素即模板，也可以写在Vue下的Template里作为实例，Vue只处理挂载点之内的元素）Vue总是听，却一知半解，那就系统学下吧——学习是令人兴奋的，期待它带给我的充实感和成就感。看完的感受是比较深入浅出的，能让对基础的语法，用法有一个大致的了解，入门课还是挺不错的。渐进式框架（Vue 是一个框架，也是一个生态。对于一次性的展示v-if效率更高，对于频繁显示销毁的，v-show效率更高一些。Vue中的v-if、v-show、v-for。原创 2023-12-20 23:15:00 · 1162 阅读 · 0 评论 -
Mapbox gl HTML经纬度点渲染，动态轨迹播放，自定义图形以及轨迹上显示箭头方向
今天要排查个问题，需要显示多个经纬度点连接成线段的方向，于是尝试下展示。1. mapbox渲染经纬度点，线，多线，面2. 运动轨迹增加箭头方向3. 增加一个图像（如小车等）本文用的tomcat小猫图标，实行运动轨迹可控制，开始，播放，停止原创 2023-09-16 22:45:00 · 1173 阅读 · 0 评论 -
Java POST请求MutliPartFile上传时最大文件限制报错及解决
Java POST请求既有文件（图片，excel，可以为多个），又有表单项，可以通过form-data方式提交；原创 2022-09-10 20:00:00 · 1071 阅读 · 2 评论 -
h5 video视频播放的同时加水印，图片加水印同样的原理
经常能看到播放视频的网站上加水印的效果，记录下成果以备后续看：h5 video 视频播放的同时动态加水印文本：和视频同一个页面，在其上边加类似蒙版，完美解决。全屏情况下video 层级超高水印会消失，解决办法重写controls，把包含video，水印div的最外边的div全屏，完美解决；......原创 2020-06-05 17:51:47 · 8219 阅读 · 9 评论 -
Python，Map结合的可视化工具pyecharts实现地图及3D地图的绘制
这篇博客将介绍Python与Echarts结合的轮子：pyecharts，实现地图集3D地图的绘制。原创 2022-04-17 16:04:06 · 2168 阅读 · 1 评论 -
Matplotlib三维绘图，这一篇就够了
Matplotlib三维绘图，这一篇就够了。这篇博客将介绍3D线图、散点图、随机颜色散点图、散点不同mark点图、线框图、曲面不透明图、曲面透明图等7种3D效果图。原创 2021-08-25 22:02:19 · 41540 阅读 · 19 评论 -
Python可视化——3D绘图解决方案pyecharts、matplotlib、openpyxl
这篇博客将介绍python中可视化比较棒的3D绘图包，pyecharts、matplotlib、openpyxl。支持2D/3D散点图、2D/3D条形图、2D/3D折线图、2D/3D饼图、2D/3D地图、热力图、图表、股票图、雷达图、箱线图、树图、树map图、日晷图、平行线图、桑葚图、漏斗图、仪表盘图、画报图、主题河流图、日历图、个性化图，也支持局部放大、数据集、拖动、富文本图；也支持点、线、流图。原创 2021-08-24 20:35:18 · 8366 阅读 · 4 评论 -
Java后端进行经纬度点抽稀聚合，HTML呈现及前端聚合实现点聚合~
Java前后端进行经纬度点抽稀聚合，HTML呈现~原创 2021-06-27 11:46:55 · 3166 阅读 · 8 评论 -
Mapbox gl tile瓦片渲染点以及图片Icon
Mapbox gl tile瓦片渲染点以及图片Icon原创 2021-06-27 11:47:59 · 934 阅读 · 0 评论 -
gltf与glb格式转换 gltf-pipeline、binary-gltf-utils
gltf与glb格式转换1. [gltf-pipeline](https://github.com/seminar2012/gltf-pipeline)2. [binary-gltf-utils](https://github.com/seminar2012/binary-gltf-utils)3. [obj23dtiles](https://github.com/PrincessGod/objTo3d-tiles)参考.gltf： Graphics Language Transmission Forma原创 2021-04-23 18:06:26 · 3850 阅读 · 1 评论 -
Node.js基础
Node.js基础1. Node.js是什么？2. [Node.js安装](https://www.runoob.com/nodejs/nodejs-install-setup.html)3. 简单示例4. node.js导入idea遇到问题及解决参考1. Node.js是什么？Node.js 是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的原创 2021-04-17 12:21:06 · 242 阅读 · 0 评论 -
IDEA配置NodeJS项目遇到问题及解决
node.js导入idea遇到问题及解决1. Error: No ESLint configuration found.2. TypeError: this.CliEngine is not a constructor1. Error: No ESLint configuration found.Idea — File — Settings — plugins — eslint安装后重启IDEA；2. TypeError: this.CliEngine is not a constructor亲测这原创 2021-04-17 12:16:42 · 4983 阅读 · 0 评论 -
GLTF教程翻译
GLTF教程翻译1. 使用WebGL介绍GLTF2. GLTF的基本结构2.1 GLTF核心2.2 对外部数据的引用参考本教程介绍了GLTF，GL传输格式。它总结了GLTF最重要的特征和应用案例，并描述了与GLTF相关的文件的结构。它解释了如何读取，处理，并用于有效地显示GLTF assets中的3D图形。另外需要了解JSON的一些基本知识，JavaScript对象表示法。此外，需要对常用图形API（如OpenGL或WebGL）的基本了解。本教程专注于GLTF 2.0版，其中介绍了对物理上基于渲染的支持原创 2021-04-17 12:14:46 · 563 阅读 · 0 评论 -
GLTF是什么？
GLTF是什么？1. gltf简介2. gltf使用3. gltf修改3. 二进制gltf参考1. gltf简介GLTF代表 Graphics Language Transmission Format（图形语言传输格式）。这种跨平台格式已成为Web上的3D对象标准。它由OpenGL和Vulkan背后的3D图形标准组织Khronos所定义，这使得GLTF基本上成为3D模型的JPG格式：Web导出的通用标准。A-Frame和ThreeJS原生支持GLTF。尽管一些3D Web框架支持特定于平台的模型格式，原创 2021-04-17 12:13:56 · 18077 阅读 · 6 评论 -
Windows HTML本地快速渲染轨迹线
有时候需要排查原始数据是否有问题，最直接的就是可视化看效果。Windows渲染有多种方法，可以用mapbox、echarts、也可以用minedata等；echarts渲染轨迹线需要的数据原创 2021-03-14 15:17:48 · 268 阅读 · 0 评论 -
Mapbox HTML可视化点，线，多线，面带底图
Mapbox HTML可视化点，线，多线，面带底图1. 效果图2. 源码参考1. 效果图如下所示：可显示蓝色点、红色线、红色多线、浅紫色多边形面；2. 源码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Add multiple geometries from one GeoJSON source</title> <meta原创 2021-03-14 13:32:54 · 1767 阅读 · 1 评论 -
前端HTML渲染带箭头的线
前端渲染带箭头的线1. 效果图2. 实现方法参考1. 效果图mapbox-gl渲染效果图如下：minedatamap 效果图如下：2. 实现方法mapbox-glminedatamap参考https://docs.mapbox.com/mapbox-gl-js/example/fill-pattern/https://docs.mapbox.com/mapbox-gl-js/example/fallback-image/mapgox-gl 实现带箭头的线渲染~https://原创 2021-03-10 20:32:52 · 1054 阅读 · 1 评论 -
Echarts读取本地json文件渲染轨迹，亲测ok
Echarts渲染路径图demo，禁止同源报错1. 报错及解决2. 效果图3. 源码line-track.html如下参考1. 报错及解决报错：已拦截跨源请求:同源策略禁止读取位于 file:///d:/learn/echarts/test/data/hangz解决： $ .get (‘data/hangzhou-tracks.json’,function(data) {修改$.get 为 $.ajax 请求。因为浏览器的同源策略。尝试： 1. firefox about:config 设置原创 2021-03-02 18:04:14 · 1171 阅读 · 0 评论 -
Http接口请求Long类型数据JsonObject反解析精度丢失问题
问题描述：前端解析Long类型精度丢失前端 ajax 进行一个 Get请求，后台处理请求并返回application/json，其中包含 Long类型的数据，前端解析呈现会有 精度丢失问题。如图问题解决：以String的方式返回...原创 2020-09-30 15:23:46 · 1675 阅读 · 0 评论 -
Linux（Nginx）+Java SpringBoot视频微服务搭建
最近收到一个需求，需要把视频集成为一个服务，视频播放时根据登录的用户名动态生成水印覆盖在视频上；这些视频隔段时间会来一波，需要集成进去；最初的解决方案：把视频当作静态资源放在Java SpringBoot微服务的静态文件里，每个视频对应一个播放的H5页面；弊端：（1）视频越来越多（近10G），调试慢，且打包后jar太大；（2）每增加一个视频就需要写一个页面（页面跳转、页面）；太麻烦；优化：使用Nginx搭建视频+SpringBoot微服务+动态获取视频信息下边重点说下：动态获取视频信息.原创 2020-08-20 11:05:07 · 503 阅读 · 0 评论 -
火狐自定义字体失败 downloadable font: no supported format found
downloadable font: bad search range (font-family: "FontAwesome" style:normal weight:400 stretch:100 src index:3) source: http://127.0.0.1:8080/assets/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0downloadable font: no supported format found (font-fa原创 2020-06-16 09:53:45 · 2483 阅读 · 1 评论