今天开始带着大家一起零基础学习uniCloud，在下面的课程中我们就简称uniCloud为cloud吧。我这里从零基础开始教大家，后面可以带大家简单的做一个实战项目。所以不用担心自己没有基础，跟着石头哥认真学习就行了的。一，认识uniCloud1-1，uniCloud的好处我们学习uniCloud之前先要认识uniCloud的好处uniCloud的价值对于程序员，从此你又get一个新技能，用熟悉的js，轻松搞定前后台整体业务。对于开发商：1,开发成本大幅下降、开发效率大幅提升、上线和迭代速度大幅提速；2,如果你是新创公司，将无需雇佣php或java等服务器工程师，每年至少节省几十万；3,如果你
目录一、介绍二、新建nvue页面三、开发四、nvue开发与vue开发的常见区别一、介绍uni-appApp端内置了一个基于weex改进的原生渲染引擎，提供了原生渲染能力。在App端，如果使用vue页面，则使用webview渲染；如果使用nvue页面(nativevue的缩写)，则使用原生渲染。一个App中可以同时使用两种页面，比如首页使用nvue，二级页使用vue页面，官网hellouni-app示例就是如此。虽然nvue也可以多端编译，输出H5和小程序，但nvue的css写法受限，所以如果不开发App，不需要使用nvue。二、新建nvue页面在项目下新建nvue页面：不管是vue页面还是nv
第一步：下载插件到项目uni-id-pages，是uni-id体系的一部分。它基于uni-id-common提供了一批现成的、开源的、登录注册账户管理相关的前端页面和云端云对象。它是一个云端一体页面组的uni_modules，含前端页面和后端云对象（uni-id-co）。开发者在项目中引入uni-id-pages，账户管理的功能无需自己再开发。由于源码的开放性和层次结构清晰，有二次开发需求也很方便调整。下载地址：uni-id-pages-DCloud插件市场uni-id-pages的功能包括：注册账号：用户名和密码免密登录（首次登录自动注册）：app一键登录短信验证码登录微信登录（自动获取头像
uni-app开发小程序实用技巧uni-app是一个使用Vue.js(opensnewwindow)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。vue-cli创建uni项目全局安装vue-clinpminstall-g@vue/cli@4使用Vue3/Vite版npxdegitdcloudio/uni-preset-vue#vitemy-vue3-project配置eslint.eslintrc.jsmodule.exports={root:true,e
一，前言1.在使用uni-app开发小程序时支持的尺寸单位如下（1）基础单位：px，rpx（2）h5单位：rem，vm，vh2.rpx是微信小程序提出的一种响应式px二，rpx介绍1.现实情况下，ui设计师只提供一个分辨率的图，严格按设计图标注的px做开发，在不同宽度的手机上界面很容易变形，而且主要是宽度变形。高度一般因为有滚动条，不容易出问题。由此，引发了较强的动态宽度单位需求，从而有了rpx单位2.rpx是相对于基准宽度的单位，可以根据屏幕宽度进行自适应，以750宽的屏幕为基准，750rpx恰好为屏幕宽度，换句话说，在rpx世界中，屏幕的宽度就是750rpx三，转化关系1.为了还原ui设计
uni-app中调取接口的三种方式与封装uni.request()一、uni-app中调取接口的三种方式1、uni.request({})uni.request({ url:'/api/getIndexCarousel.jsp', method:'get', success:res=>{ console.log(res.data); this.carouselData=res.data }})2、uni.request({}).then()uni.request({ url:'/api/getIndexCarousel.jsp', method:'get',}).then((result)
对导航栏标题进行修改，直接使用就可以uni.setNavigationBarTitle({title:"标题名称"});动态修改标题名称，数据可能是从上一个页面传递过来的，直接在onLoad页面周期函数中使用onLoad(props){ console.log(props,"onLoad");//获取上一个页面传递的数据 if(props?.title){consttitleType=props.title;letbarTitle="预约会议";switch(titleType){case"order":barTitle='预约会议';break;case"create":barTitle='
需求背景使用uni-app开发h5应用有时需要排查线上发生的问题。npm安装好vconsole后：npminstallvconsole会在H5页面上一直显示VConsole的开关，关闭需要注掉代码后重新打包发布，比较繁琐且不够灵活。解决方案方法比较简单，就是增加一个参数例如debug来控制调试面板的初始化，接收并在本地缓存参数动态控制调试模式的启停用，缺省时默认不开启。App.vue文件中增加引用：importvconsolefrom'vconsole';程序启动回调函数onLaunch中增加判断：onLaunch:function(e){ if(e.query.debug){ if(e.q
需求背景使用uni-app开发h5应用有时需要排查线上发生的问题。npm安装好vconsole后：npminstallvconsole会在H5页面上一直显示VConsole的开关，关闭需要注掉代码后重新打包发布，比较繁琐且不够灵活。解决方案方法比较简单，就是增加一个参数例如debug来控制调试面板的初始化，接收并在本地缓存参数动态控制调试模式的启停用，缺省时默认不开启。App.vue文件中增加引用：importvconsolefrom'vconsole';程序启动回调函数onLaunch中增加判断：onLaunch:function(e){ if(e.query.debug){ if(e.q
小程序工具提示vendor.js过大，已经跳过es6向es5转换。这个转换问题本身不用理会，因为vendor.js已经是es5的了。关于体积控制，参考如下：使用运行时代码压缩HBuilderX创建的项目勾选运行–>运行到小程序模拟器–>运行时是否压缩代码cli创建的项目可以在package.json中添加参数–minimize，示例：“dev:mp-weixin”:“cross-envNODE_ENV=developmentUNI_PLATFORM=mp-weixinvue-cli-serviceuni-build--watch--minimize”分包优化subPackages里的pages
