草庐IT

uni-getLocation

全部标签

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。经过一番官网

uni-app技术分享| uni-app转小程序-实时消息

微信小程序实现实时消息与uniapp转码成微信小程序实现实时消息两者是一样的,区别仅仅是一个是原生小程序一个是uniapp转码成小程序。本文主要简单实现点对点消息与呼叫邀请等相关功能实现。uniapp转码成小程序逻辑与小程序逻辑基本一致。引入RTMSDK使用webRTM-SDK即可,小程序的实时消息与WEB的实时消息共用SDK。使用1.0.5版本,否则转成小程序时可能会无法正常使用npmiar-rtm-sdk@1.0.5//引入anyRTMimportArRTMfrom"ar-rtm-sdk"代码封装你可以在页面里边直接调用,也可单独封装成一个js。本人喜欢将RTM封装成一个js文件。本地存放

uni-app技术分享| uni-app转小程序-实时消息

微信小程序实现实时消息与uniapp转码成微信小程序实现实时消息两者是一样的,区别仅仅是一个是原生小程序一个是uniapp转码成小程序。本文主要简单实现点对点消息与呼叫邀请等相关功能实现。uniapp转码成小程序逻辑与小程序逻辑基本一致。引入RTMSDK使用webRTM-SDK即可,小程序的实时消息与WEB的实时消息共用SDK。使用1.0.5版本,否则转成小程序时可能会无法正常使用npmiar-rtm-sdk@1.0.5//引入anyRTMimportArRTMfrom"ar-rtm-sdk"代码封装你可以在页面里边直接调用,也可单独封装成一个js。本人喜欢将RTM封装成一个js文件。本地存放

使用uni-app开发非原生小程序【微信/支付宝小程序】(一)

一,前言因为各种原因,摆烂了一段时间,最近稍微调整了一下心态,不管怎样,学习还是要继续的。我们已经对移动端的APP非原生开发了然于胸了,我们下面来进军一下小程序领域。众所周知,微信小程序有它自己的一套语法,但是丝毫不影响我们的uni-app对其的兼容。二,uni-app是什么?大体介绍一下:uni-app是统一的意思,它的特点非常的强大,使用Vue.js开发所有前端应用的框架可发布到iOS、Android、Web(响应式)、以及各种小程序、快应用等多个平台。三,配置设置介绍我们创建完一个demo之后,使用uni-app初始化模板,会生成一个大文件,下面的pages里存放我们的小程序页面设置。s

使用uni-app开发非原生小程序【微信/支付宝小程序】(一)

一,前言因为各种原因,摆烂了一段时间,最近稍微调整了一下心态,不管怎样,学习还是要继续的。我们已经对移动端的APP非原生开发了然于胸了,我们下面来进军一下小程序领域。众所周知,微信小程序有它自己的一套语法,但是丝毫不影响我们的uni-app对其的兼容。二,uni-app是什么?大体介绍一下:uni-app是统一的意思,它的特点非常的强大,使用Vue.js开发所有前端应用的框架可发布到iOS、Android、Web(响应式)、以及各种小程序、快应用等多个平台。三,配置设置介绍我们创建完一个demo之后,使用uni-app初始化模板,会生成一个大文件,下面的pages里存放我们的小程序页面设置。s