初学:用uniapp制作一个简单的博客(项目结构、缓存、gitee、页面通知实现、路由跳转)

项目结构

pages文件夹存放页面

static文件夹内文件不会进行编译,所以不要放js文件,可放到common中,但更推荐另建一个文件夹放js文件

unpackage文件夹存放打包的文件

components文件夹存放各种组件

App.vue代表应用,包括应用层的生命周期方法,全局样式等

pages.json整个应用的页面集合,第一项为启动页,可配置页面路由及样式和标题

manifest.json应用配置,包括图标配置、启动界面配置、权限配置及其他开发配置

main.js应用入口文件


缓存

应用场景/目的:
1、对时效要求不高的应用,初次加载页面,可使用缓存减少等待时间
2、无网络或服务器无法访问时,使用缓存提供本地数据查阅或离线阅读
3、相对固定不变的数据,无需每次从服务器获取(例如登录之后刷新页面不用重新登录,退出登录才需要重新登录)

同步异步:

异步缓存 uni.setStorage 和 uni.getStorage
同步缓存 uni.setStor
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
uniapp实现直播拉流功能,可以使用uni-app官方提供的live-player组件。首先,在uniapp项目中的pages目录下创建一个live.nvue页面,并在该页面中使用live-player组件。live-player组件可以通过设置src属性来指定要拉取的视频流地址。可以使用vue的数据绑定将视频地址传递给src属性,以实现实时拉流功能。 在后端方面,可以使用nginx搭建流媒体服务器,并配置相关的rtmp模块。通过rtmp模块,可以将视频流实时推送给后端,并进行处理生成m3u6或flv格式的视频。 在前端方面,可以使用flv.js库进行视频的播放。flv.js是一个用于在浏览器中解码和播放flv格式视频的JavaScript库,它可以很好地与uniapp框架进行集成,实现直播拉流的功能。 参考资料: uni-app官方文档:live-player组件 CSDN博客:Vue UniApp实现直播功能 CSDN博客:Nginx使用rtmp搭建流媒体服务器,实现hls直播<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Vue+Uniapp实现直播功能(推流拉流)](https://blog.csdn.net/weixin_51258044/article/details/123884057)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值