草庐IT

uni-starter

全部标签

uni-app实现微信小程序横屏适配问题

1.小程序如何横屏在手机上启用屏幕旋转支持从小程序基础库版本2.4.0开始,小程序在手机上支持屏幕旋转。使小程序中的页面支持屏幕旋转的方法是:在app.json的window段中设置"pageOrientation":"auto",或在页面json文件中配置"pageOrientation":"auto"。以下是在单个页面json文件中启用屏幕旋转的示例。代码示例:{"pageOrientation":"auto"}如果页面添加了上述声明,则在屏幕旋转时,这个页面将随之旋转,显示区域尺寸也会随着屏幕旋转而变化。从小程序基础库版本2.5.0开始,pageOrientation还可以被设置为lan

uni-app实现微信小程序横屏适配问题

1.小程序如何横屏在手机上启用屏幕旋转支持从小程序基础库版本2.4.0开始,小程序在手机上支持屏幕旋转。使小程序中的页面支持屏幕旋转的方法是:在app.json的window段中设置"pageOrientation":"auto",或在页面json文件中配置"pageOrientation":"auto"。以下是在单个页面json文件中启用屏幕旋转的示例。代码示例:{"pageOrientation":"auto"}如果页面添加了上述声明,则在屏幕旋转时,这个页面将随之旋转,显示区域尺寸也会随着屏幕旋转而变化。从小程序基础库版本2.5.0开始,pageOrientation还可以被设置为lan

uni.navigateTo跳转页面的注意事项

1.不能跳转到tabBar页面,跳转到tabBar页面只能使用switchTab跳转2.目标页面必须是在pages.json里注册的vue页面。遇到页面无法跳转的时候解决思路:1.通过fail回调查看跳转的路径对不对,这里需要注意uni.navigateTo的url要写绝对路径或者相对路径也可以,写绝对路径时一定要写/,如图:lujing.png笔者就在这里踩过坑,写相对路径的话找到跳转页面正确的路径即可,如图:relative.png2.如果路径正确但还是无法跳转的话就看pages.json里面有没有配置要跳转的目标页面,没有的话加上即可,如果是在hbuildX里面创建页面的话一般会帮我们自

uni.navigateTo跳转页面的注意事项

1.不能跳转到tabBar页面,跳转到tabBar页面只能使用switchTab跳转2.目标页面必须是在pages.json里注册的vue页面。遇到页面无法跳转的时候解决思路:1.通过fail回调查看跳转的路径对不对,这里需要注意uni.navigateTo的url要写绝对路径或者相对路径也可以,写绝对路径时一定要写/,如图:lujing.png笔者就在这里踩过坑,写相对路径的话找到跳转页面正确的路径即可,如图:relative.png2.如果路径正确但还是无法跳转的话就看pages.json里面有没有配置要跳转的目标页面,没有的话加上即可,如果是在hbuildX里面创建页面的话一般会帮我们自

uni-app组件-应用简单快速上线

uni-app详解一、介绍uni-app是一个使用Vue.js(opensnewwindow)开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。uni-app底层集成了native技术,就是h5+引擎,能调用手机原生api,所以uniapp能开发接近原生性能的app,这是js引擎部分;它是双引擎,渲染又是独立一个独立引擎。这个渲染引擎又分为nvue渲染和webview渲染,nvue其实就是集成的weex,webview这个有了解的应该知道它的内核是webkit

uni-app组件-应用简单快速上线

uni-app详解一、介绍uni-app是一个使用Vue.js(opensnewwindow)开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。uni-app底层集成了native技术,就是h5+引擎,能调用手机原生api,所以uniapp能开发接近原生性能的app,这是js引擎部分;它是双引擎,渲染又是独立一个独立引擎。这个渲染引擎又分为nvue渲染和webview渲染,nvue其实就是集成的weex,webview这个有了解的应该知道它的内核是webkit

uni-app小程序生成海报wxml-to-canvas

背景:小程序项目中遇到需要生成海报并分享的功能,为了实现生成海报功能,起初使用h5端的html-to-canvas,结果明显不能使用,毕竟编译之后不通用,生成失败。然后尝试在网上查找小程序的替代插件,所以在网上找到wxml2canvas,经过一段时间研究,也一直不能实现功能,晦涩难懂的文档,不完善的详细配置文章导致很多尝试都无济于事。同样的比较知名的github海报插件wxa-plugin-canvas,Painter也经过一番研究,都不能解决我们遇到的问题。有兴趣的小伙伴可以自己研究。于此同时呢,也在微信小程序官方文档中找到了对应的生成图片的方案——wxml-to-canvas。经过一番官网

uni-app小程序生成海报wxml-to-canvas

背景:小程序项目中遇到需要生成海报并分享的功能,为了实现生成海报功能,起初使用h5端的html-to-canvas,结果明显不能使用,毕竟编译之后不通用,生成失败。然后尝试在网上查找小程序的替代插件,所以在网上找到wxml2canvas,经过一段时间研究,也一直不能实现功能,晦涩难懂的文档,不完善的详细配置文章导致很多尝试都无济于事。同样的比较知名的github海报插件wxa-plugin-canvas,Painter也经过一番研究,都不能解决我们遇到的问题。有兴趣的小伙伴可以自己研究。于此同时呢,也在微信小程序官方文档中找到了对应的生成图片的方案——wxml-to-canvas。经过一番官网

Springboot自定义starter组件以及实现原理

1文章说明springboot横行的时候,将一些功能抽出来给到不同的springboot的项目来说用,或者其他的一些场景,如果能定义成starter组件,也许是一个不错的选择。弄清楚springboot自动装配的原理对开发者也是不错的选择。或许理解还有偏差,但是还是希望进行整理输出,为方便以后翻阅。1.1本文目标:实现start组件。对Springboot如何实现自动装配进行说明。1.2前置知识说明1.2.1关于starter组件的命名规范官方定义的starter组件命名一般为spring-boot-starter-xxx自定义starter组件命名一般为xxx-spring-boot-sta

Springboot自定义starter组件以及实现原理

1文章说明springboot横行的时候,将一些功能抽出来给到不同的springboot的项目来说用,或者其他的一些场景,如果能定义成starter组件,也许是一个不错的选择。弄清楚springboot自动装配的原理对开发者也是不错的选择。或许理解还有偏差,但是还是希望进行整理输出,为方便以后翻阅。1.1本文目标:实现start组件。对Springboot如何实现自动装配进行说明。1.2前置知识说明1.2.1关于starter组件的命名规范官方定义的starter组件命名一般为spring-boot-starter-xxx自定义starter组件命名一般为xxx-spring-boot-sta