文章目录1.环境准备1.1本地安装后端1.2docker安装后端2.首页2.1自定义navigationStyle2.2封装navigationStyle组件2.3首页基本布局2.4接口调用&数据渲染3.榜单详情页3.1详情页布局3.2渲染数据3.3完整代码4.歌曲详情页4.1歌曲详细页布局4.2歌曲接口4.3数据渲染4.4设置背景音乐管理器4.5VueX共享数据5.搜索页5.1搜索页布局5.2搜索页接口5.3数据渲染5.4搜索提示6.首页骨架屏显示项目是看千锋教育Ghost老师的视频做的，我在老师的基础上把背景处理了一下并且让那根杆子可以动起来，让整个界面更合理了一些传输门：https://
文章目录1.环境准备1.1本地安装后端1.2docker安装后端2.首页2.1自定义navigationStyle2.2封装navigationStyle组件2.3首页基本布局2.4接口调用&数据渲染3.榜单详情页3.1详情页布局3.2渲染数据3.3完整代码4.歌曲详情页4.1歌曲详细页布局4.2歌曲接口4.3数据渲染4.4设置背景音乐管理器4.5VueX共享数据5.搜索页5.1搜索页布局5.2搜索页接口5.3数据渲染5.4搜索提示6.首页骨架屏显示项目是看千锋教育Ghost老师的视频做的，我在老师的基础上把背景处理了一下并且让那根杆子可以动起来，让整个界面更合理了一些传输门：https://
目录首先我们要知道什么是跨域1，定义2，解决方法 首先我们要知道什么是跨域1，定义 跨域（Cross-Domain）在网络安全眼中可不是什么客气的行为。利弊兼有之，弄不好的话既不能为第三方提供访问数据的服务…简而言之就是浏览器不能执行其他网站的脚本2，解决方法用到的开发软件是 HBuilderX 微信小程序配置跨域问题与vue跨域配置不同vue要写在vue.config.json文件中;小程序要先找到mainifest.json这个文件然后点击源码视图在里面配置一下以下代码，再到数据请求页面做下判断即可，代码及操作如下：第一步："h5":{ "devServer":{ "http
目录首先我们要知道什么是跨域1，定义2，解决方法 首先我们要知道什么是跨域1，定义 跨域（Cross-Domain）在网络安全眼中可不是什么客气的行为。利弊兼有之，弄不好的话既不能为第三方提供访问数据的服务…简而言之就是浏览器不能执行其他网站的脚本2，解决方法用到的开发软件是 HBuilderX 微信小程序配置跨域问题与vue跨域配置不同vue要写在vue.config.json文件中;小程序要先找到mainifest.json这个文件然后点击源码视图在里面配置一下以下代码，再到数据请求页面做下判断即可，代码及操作如下：第一步："h5":{ "devServer":{ "http
场景：在小程序开发中（无论是支付宝、微信、Uniapp等）会遇到在小程序中使用或者跳转一些自己的公司开发过的，或三方地址，在小程序中的开发文档中大家可以看到，只是有一些基本的内部跳转方式，但通过仅有的跳转方式无法满足我们的跳转外部页面的需求，这个时候我们就可以使使用webView下面例子皆以支付宝小程序为例h5和支付宝小程序都使用uniapp实现：官网地址：https://uniapp.dcloud.net.cn/component/web-view.html#web-view组件web-view是一个web浏览器组件，可以用来承载网页的容器，会自动铺满整个页面小程序页面template>vi
场景：在小程序开发中（无论是支付宝、微信、Uniapp等）会遇到在小程序中使用或者跳转一些自己的公司开发过的，或三方地址，在小程序中的开发文档中大家可以看到，只是有一些基本的内部跳转方式，但通过仅有的跳转方式无法满足我们的跳转外部页面的需求，这个时候我们就可以使使用webView下面例子皆以支付宝小程序为例h5和支付宝小程序都使用uniapp实现：官网地址：https://uniapp.dcloud.net.cn/component/web-view.html#web-view组件web-view是一个web浏览器组件，可以用来承载网页的容器，会自动铺满整个页面小程序页面template>vi
H5视频全屏记录WebView播放视频的方式和坑点0.视频全屏效果:1.若为竖屏视频,则点开全屏后,为正常的竖屏全屏播放.2.若为横屏视频,则点开全屏后,为横屏的视频播放.3.你不懂这个东西折磨了我多久,网上的资料真的是又老又旧,且stackflow上也没有好的解决方案.[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gAhoCS9i-1666858839351)(H5%E8%A7%86%E9%A2%91%E5%85%A8%E5%B1%8F%201397b41bcd2543118444fa1721209f4b/Untitled.png)]1.需求需要再WebVie
H5视频全屏记录WebView播放视频的方式和坑点0.视频全屏效果:1.若为竖屏视频,则点开全屏后,为正常的竖屏全屏播放.2.若为横屏视频,则点开全屏后,为横屏的视频播放.3.你不懂这个东西折磨了我多久,网上的资料真的是又老又旧,且stackflow上也没有好的解决方案.[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gAhoCS9i-1666858839351)(H5%E8%A7%86%E9%A2%91%E5%85%A8%E5%B1%8F%201397b41bcd2543118444fa1721209f4b/Untitled.png)]1.需求需要再WebVie
一、h5传递给原生WebView的数据协议传递的是个json字符串：{ "id":"random_value", "action":"action_name", "callback":"function_name", //optional "data":{...} //optional}id：这次操作的id，回调时会再传回来。因为交互有可能是异步的，对同一个接口调用多次时，回调时以id来区分是哪一次。id由js自己定义保证唯一即可，简单的做法是使用Math.random()action：操作名称，取名应该能反映其意义，例如getIp（获取ip地址）callback：可选，操作完成后的j
一、h5传递给原生WebView的数据协议传递的是个json字符串：{ "id":"random_value", "action":"action_name", "callback":"function_name", //optional "data":{...} //optional}id：这次操作的id，回调时会再传回来。因为交互有可能是异步的，对同一个接口调用多次时，回调时以id来区分是哪一次。id由js自己定义保证唯一即可，简单的做法是使用Math.random()action：操作名称，取名应该能反映其意义，例如getIp（获取ip地址）callback：可选，操作完成后的j
