uni-app概述由dcloud公司开发的多端融合框架;1次开发多端运行;技术架构:Vue语法+小程序的apiHybrid混合开发App端HTML+nvue(原生view)native.js(js原生沟通的桥梁)weex内置ios/安卓的模块使用H5端:h5专用api各种小程序(微信为主)界面 新建项目 运行多端H5 小程序01打开开发工具的服务端口02HBuilderx配置微信开发工具的地址03配置微信小程序id04运行到微信小程序 App01打开模拟器或者手机02配置模拟器的端口夜神模拟器端口号:62001 海马模拟器端口号:26944逍遥模拟器端口号:21503MuMu模拟器端口号:7
uni-app概述由dcloud公司开发的多端融合框架;1次开发多端运行;技术架构:Vue语法+小程序的apiHybrid混合开发App端HTML+nvue(原生view)native.js(js原生沟通的桥梁)weex内置ios/安卓的模块使用H5端:h5专用api各种小程序(微信为主)界面 新建项目 运行多端H5 小程序01打开开发工具的服务端口02HBuilderx配置微信开发工具的地址03配置微信小程序id04运行到微信小程序 App01打开模拟器或者手机02配置模拟器的端口夜神模拟器端口号:62001 海马模拟器端口号:26944逍遥模拟器端口号:21503MuMu模拟器端口号:7
💌所属专栏:【微信小程序开发教程】😀作 者:我是夜阑的狗🐶🚀个人简介:一个正在努力学技术的CV工程师,专注基础和实战分享,欢迎咨询!💖欢迎大家:这里是CSDN,我总结知识的地方,喜欢的话请三连,有问题请私信😘😘😘文章目录前言一、新建uni-app项目二、目录结构三、把项目运行到微信开发者工具1、配置AppID2、配置安装路径3、配置服务端口4、运行项目总结前言 大家好,又见面了,我是夜阑的狗🐶,本文是专栏【微信小程序开发教程】专栏的第49篇文章; 今天开始学习微信小程序的第31天💖💖💖,开启新的征程,记录最美好的时刻🎉,每天进步一点点。 专栏地址:【微信小程序开发教程】,此专栏是我是夜
💌所属专栏:【微信小程序开发教程】😀作 者:我是夜阑的狗🐶🚀个人简介:一个正在努力学技术的CV工程师,专注基础和实战分享,欢迎咨询!💖欢迎大家:这里是CSDN,我总结知识的地方,喜欢的话请三连,有问题请私信😘😘😘文章目录前言一、新建uni-app项目二、目录结构三、把项目运行到微信开发者工具1、配置AppID2、配置安装路径3、配置服务端口4、运行项目总结前言 大家好,又见面了,我是夜阑的狗🐶,本文是专栏【微信小程序开发教程】专栏的第49篇文章; 今天开始学习微信小程序的第31天💖💖💖,开启新的征程,记录最美好的时刻🎉,每天进步一点点。 专栏地址:【微信小程序开发教程】,此专栏是我是夜
文章目录一、uni-app1、简介2、开发工具3、新建uni-app项目4、把项目运行到微信开发者工具二、实现tabBar效果1、创建tabBar页面2、配置tabBar三、配置网络请求1、依照官网提示安装、导入、使用2、实战四、uni-app里面小程序分包1、创建分包目录2、在pages.json文件中配置3、创建分包页面五、公用方法封装六、搜索功能1、搜索组件2、搜索建议实现3、本地存储4、过滤器七、上拉加载、下拉刷新1、上拉加载2、下拉刷新八、配置vuex1、创建文件2、初始化store3、main.js中引入4、新建模块5、使用九、登录1、获取用户基本信息2、获取用户登录凭证code1
文章目录一、uni-app1、简介2、开发工具3、新建uni-app项目4、把项目运行到微信开发者工具二、实现tabBar效果1、创建tabBar页面2、配置tabBar三、配置网络请求1、依照官网提示安装、导入、使用2、实战四、uni-app里面小程序分包1、创建分包目录2、在pages.json文件中配置3、创建分包页面五、公用方法封装六、搜索功能1、搜索组件2、搜索建议实现3、本地存储4、过滤器七、上拉加载、下拉刷新1、上拉加载2、下拉刷新八、配置vuex1、创建文件2、初始化store3、main.js中引入4、新建模块5、使用九、登录1、获取用户基本信息2、获取用户登录凭证code1
目录前言App、H5效果小程序效果一、兼容APP、H5的方式二、兼容小程序三、实现同时兼容前言首页都会提供一个搜索框给到客户,让客户自己去搜索自己想要的内容,这里就需要导航栏,来实现搜索页面的跳转,效果如下App、H5效果小程序效果一、兼容APP、H5的方式在常见titleNView配置代码示例中可以看到基本样式的代码如下{ "pages":[{ "path":"pages/index/index",//首页 "style":{ "app-plus":{ "titleNView":false//禁用原生导航栏 } } },{ "path":"pages/l
目录前言App、H5效果小程序效果一、兼容APP、H5的方式二、兼容小程序三、实现同时兼容前言首页都会提供一个搜索框给到客户,让客户自己去搜索自己想要的内容,这里就需要导航栏,来实现搜索页面的跳转,效果如下App、H5效果小程序效果一、兼容APP、H5的方式在常见titleNView配置代码示例中可以看到基本样式的代码如下{ "pages":[{ "path":"pages/index/index",//首页 "style":{ "app-plus":{ "titleNView":false//禁用原生导航栏 } } },{ "path":"pages/l
💌所属专栏:【微信小程序开发教程】😀作 者:我是夜阑的狗🐶🚀个人简介:一个正在努力学技术的CV工程师,专注基础和实战分享,欢迎咨询!💖欢迎大家:这里是CSDN,我总结知识的地方,喜欢的话请三连,有问题请私信😘😘😘文章目录前言一、配置uni-app的开发环境1、uni-app简介2、开发工具3、安装scss/sass编译4、快捷键方案切换5、修改编辑器的基本设置总结前言 大家好,又见面了,我是夜阑的狗🐶,本文是专栏【微信小程序开发教程】专栏的第48篇文章; 今天开始学习微信小程序的第30天💖💖💖,开启新的征程,记录最美好的时刻🎉,每天进步一点点。 专栏地址:【微信小程序开发教程】,此专栏
💌所属专栏:【微信小程序开发教程】😀作 者:我是夜阑的狗🐶🚀个人简介:一个正在努力学技术的CV工程师,专注基础和实战分享,欢迎咨询!💖欢迎大家:这里是CSDN,我总结知识的地方,喜欢的话请三连,有问题请私信😘😘😘文章目录前言一、配置uni-app的开发环境1、uni-app简介2、开发工具3、安装scss/sass编译4、快捷键方案切换5、修改编辑器的基本设置总结前言 大家好,又见面了,我是夜阑的狗🐶,本文是专栏【微信小程序开发教程】专栏的第48篇文章; 今天开始学习微信小程序的第30天💖💖💖,开启新的征程,记录最美好的时刻🎉,每天进步一点点。 专栏地址:【微信小程序开发教程】,此专栏