uni-app
物联网客栈
物联网客栈专注做开源智能硬件,帮助您轻松完成毕设,小白找工作笔试、面试辅导。
展开
-
万能前端框架uni app初探05:flex布局设备控制页面
前言本节我们使用flex布局方式,设计一个设备控制页面。一、基础知识1. Flex布局简介Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。传统的布局,基于盒状模型,依赖 display属性 + position属性 + float属性,实现某些特殊布局时候非常不方便,而使用Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。2. Flex布局特点容器默认存在两根轴:水平的原创 2020-06-20 20:20:03 · 448 阅读 · 0 评论 -
万能前端框架uni app初探04:发送http请求
前言本节我们使用uni app的http请求功能,使用flask搭建一个测试用本地服务器,点击按钮获取服务器返回信息,并显示出来。一、基础知识1. HTTP基本知识(1) HTTP概要HTTP是Hypertext Transfer Protocol的缩写,Hypertext(超文本)是可以根据客户端请求而跳转的结构化信息。HTTP协议的请求及相应方式设计如下图所示:从图中可以看出,服务器端响应客户端请求后立刻断开连接,连接不会维持很久,即使同一个客户端再次发送请求,服务端也无法辨认出是否是原先原创 2020-06-18 13:43:57 · 3438 阅读 · 0 评论 -
万能前端框架uni app初探03:底部导航开发
前言本节我们使用uni app的底部导航功能,点击不同tab会显示不同页面,这个功能在实际项目开发中几乎是必备的。一、基础知识1.tabBar如果应用是一个多 tab 应用,可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页。Tips当设置 position 为 top 时,将不会显示 icontabBar 中的 list 是一个数组,只能配置最少2个、最多5个 tab,tab 按数组的顺序排序。tabbar 切换第一次加载时可能渲染不及时,可以在每个t原创 2020-06-11 07:21:05 · 269 阅读 · 0 评论 -
万能前端框架uni app初探02:为按钮绑定事件
前言上一节,我们完成了uni app开发环境的搭建,本节我们正式开始uni app的编程工作,我们为按钮绑定一个点击事件,实现点击一次修改Text显示数据的小功能。一、基础知识1.页面渲染要实现本节需要的功能,需要首先了解Vue的渲染方式,Vue.js的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进DOM的系统。声明式渲染用法也很简单,html中调用{{ 要渲染的内容 }}即可,这点和小程序原生开发方式一致,都是调用this中数据显示,因此需要在Vue的data()中放置需要渲染的数据内原创 2020-06-08 10:56:05 · 1519 阅读 · 0 评论 -
万能前端框架uni app初探01:搭建开发环境
前言:从本节开始,我来带领大家学习uni app,这是一款逆天的前端框架,基于vue.js,同一套代码,可发布到iOS、Android、H5、以及各种小程序等多个平台,本节,我们部署在微信小程序和Android上面,体验下这款强大的前端框架。一、基础知识1.uni app简介uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。uni-app原创 2020-06-08 10:33:15 · 540 阅读 · 0 评论