- 博客(18)
- 收藏
- 关注
RSS订阅原创 react + react-router v6 + antd5实现动态路由和动态菜单
以上就是我对动态路由和动态菜单的实现，如果还有更好的方式也欢迎大家一起分享交流，学习学习。
2024-04-17 09:57:38
4374
5
原创 Krpano：打造全景漫游体验—全景开发（四）
飘落特效主要使用krpano提供的插件snow.js，这是官方实例，这是一个天气效果插件，可以为全景添加雪雨（像素）或者自定义的图像mode：可以设置的值有snow，rain，image，雨雪像素的颜色可以通过color属性定义，掉落的线条则通过rainwidth和rainalpha属性用来模拟下雨，image代表使用自定义图像，必须设置imageurl属性imageurl：图像的地址imagescale：图像的缩放比例，默认为1.0flakes：特效的数量，默认为4000color。
2024-04-17 09:56:55
2081
2
原创 Krpano：打造全景漫游体验—全景开发（三）
首先制作视频中的红白色的框框，用来定义初始的视角但是发现使用html制作的框，在框内拖动不了全景，所以得使用krpano来制作，新建一个xml文件，命名为perspective.xml，并在主xml文件里引入，设置一个layer元素命名为view_bar，宽度为屏幕的60%，高度为屏幕的70%，并且设置bgborder属性为layer元素添加白色的虚线边框。
2024-04-17 09:56:20
1120
4
原创 Krpano：打造全景漫游体验—全景开发（二）
定义组件实现皮肤导航隐藏/显示实现滚轮滑动效果实现鼠标拖动效果实现点击切换场景show：用于控制导航条的显示与隐藏scenes：场景列表：场景切换事件处理函数，接受一个场景对象作为参数children?/*** boolean: 导航条显示/隐藏*//*** scenes: 场景列表*//*** onSceneChange: 场景切换回调*/return (
2024-04-16 17:21:51
1013
2
原创 Krpano：打造全景漫游体验—全景开发（一）
前面的文章主要基本介绍了krpano一些元素的用法，从这篇文章开始我们就进入全景开发的，从到最后到，前端使用react框架+antd组件库+krpano，后端使用koa来实现一个类似720云全景的制作网站在中都是通过应用程序来手动切图的，但是对于一个制作网站来说肯定是网站来帮用户实现切图，用户只需要上传全景图片，前端拿到图片再传给后端，通过后端来完成切图，所以步骤是-->用户选择图片切图-->客户端拿到图片后调用接口进行上传-->服务端实现切图-->切图完成。
2024-04-16 17:02:27
1554
2
原创 Krpano：打造全景漫游体验—Layer详解
layer元素是krpano中的主要用户界面元素，熟练使用是非常必要的，当然更加详细的内容可以查看官方文档来查阅资料。
2024-04-16 17:01:44
572
原创 Krpano：打造全景漫游体验—基础(四)
以上就是常用的krpano动作了，下一篇就来讲讲krpano中的layer元素，作为krpano中最常用使用范围也最为广泛的元素之一，可以玩出什么花样。
2024-04-16 17:00:59
829
原创 Krpano：打造全景漫游体验—基础(三)
通过这些动作我们可以实现很多的交互效果和自定义的交互，但是这也其中一部分的动作，还有一部分下一篇再作讲解。
2024-04-16 16:59:25
683
原创 Krpano：打造全景漫游体验—基础(二)
详细讲解了< action >元素的使用之后下一篇文章就来讲解krpano中相关的动作（方法），通过一些动作来完成自己想要的交互效果。
2024-04-16 16:55:30
921
原创 Krpano：打造全景漫游体验—基础(一)
由于基础知识太多，篇幅太长，本文只讲解了krpano的运作机制、tour.js的讲解以及krpano各个元素的简单介绍，下一篇文章将详细讲解krpano中的动作也就是< action >元素的使用和用法。
2024-04-16 16:52:25
1059
原创 uniapp截取视频画面帧
最近开发中遇到这么一个需求，上传视频文件的时候需要截取视频的一部分画面来供选择，作为视频的封面，截取画面可以使用canvas来实现，将视频画面画进canvas里，再通过canvas来生成文件对象和一个预览的url。
2024-04-16 16:31:22
2215
原创 JavaScript实现无限加载瀑布流布局
瀑布流布局（Waterfall layout）是一种在网页设计和用户界面设计中常用的布局方式。它的特点是将内容以类似瀑布落下的方式依次排列在页面上，从上到下依次填充，形成一列列的垂直布局，瀑布流布局的优点在于能够有效地利用空间，适应不同尺寸和比例的内容，并且能够提供更好的视觉吸引力css实现可以通过两个css属性和实现，但是缺点就是排列是从上往下排列为不是从左往右，然后还可以通过flexbox实现，不过也有缺点，就是要设定容器的高度，所以最后还是打算用js实现通过js实现的话就要创建一个容器，用于包含瀑布流
2024-04-16 16:27:30
486
原创 使用Pinia：让Vue状态管理更简单
在src目录下创建store目录来存放pinia容器相关代码，在里面新建了一个index.ts文件，在index.ts文件里首先要定义一个容器，定义容器使用来定义，主要接收两个参数，一个是容器的名字（唯一），另一个是容器的对象，最后将容器导出，就可以在组件中使用了/*** 类似组件中的data，存储全局状态* 必须是箭头函数，避免数据状态污染*/return {count:0,},/*** 类似组件中的computed*//**
2024-04-16 16:25:51
486
原创 uniapp-生成海报
在开发中经常会遇到邀请或者分享页面需要生成海报分享，生成海报需要用到html2canvas插件，页面里一般都带有二维码，所以还需要一个生成二维码的插件，和一个弹出层组件，html2canvas插件通过命令下载,二维码和弹出层可以在uniapp的插件市场搜索直接下载。
2024-04-16 16:24:30
615
原创 uniapp多端分享（app，小程序，公众号）
开发uniapp程序的项目，用它生成多端应用，由于兼容各种多端应用，程序代码需要相应的适配，在项目里分享功能是很常见的一个功能，但是在不同的端有不同的方法，我们如何实现多端分享呢？（app，小程序，公众号）
2024-04-16 16:23:15
1614
原创 微信小程序—制作一个简单的跑步小程序
1.注册一个小程序账号，注册完之后左边菜单列表点击->，就可以看到自己的appid（小程序id）了2.安装微信开发者工具。
2024-04-16 16:21:08
956
1
原创 Echarts实现全国地图展示
ECharts是一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表官方地址。
2024-04-16 16:13:37
2466
原创 在VUE中使用vue-baidu-map获取经纬度和搜索地址
在开发项目的时候，发现需要获取经纬度，由于这个项目是用vue写的，最后决定使用vue-baidu-map来快速获取经纬度基于 Vue.js 封装的百度地图组件，运行流畅，代码简单易懂，几乎包含了百度地图官方的所有API，文档地址:https://dafrok.github.io/vue-baidu-map/#/zh/start/installation。
2024-04-16 15:59:38
2249
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人