7月份打算做一简单app,之前公司做app的时候简单用过Dcloud公司的mui,当时由于uniapp刚出来,最终选择了mui。对uniapp的了解几乎没有。做app对我来说几乎是零基础的,当然是能把任务完成越简单越好。当时有了解谷歌的Flutter,是使用Dart语言开发的,由于我和另外同事都感觉入门门槛比较高,加上app开发时间比较着紧,所以放弃了。现Flutter更新的频率比较高,加上阿里大
转载
2024-05-19 07:11:05
91阅读
目录1 项目搭建1.1 新建项目并运行1.2 按照项目效果配置基本外观2 搭建框架2.1 配置tabbar3 从后台获取数据3.1 封装请求组件3.2 搭建后台应用4 首页页面4.1 配置首页基础数据4.2 轮播图4.3 页面中的导航4.4 首页推荐商品5 单个商品的详情页5.1 点击跳转5.2 获取详情页数据5.3 UI组件的使用6 超市首页6.1 完成基础布局6.2 触底加载6.3 下拉刷新
转载
2024-02-24 12:23:31
555阅读
一个文档中的注意事项,往往是发生问题的原因,这里整合了我认为容易发生的错误(为了方便我搜索问题)1.static 目录下的 js 文件不会被编译,如果里面有 es6 的代码,不经过转换直接运行,在手机设备上会报错。2.css、less/scss 等资源同样不要放在 static 目录下,建议这些公用的资源放在 
转载
2024-05-18 10:33:12
111阅读
使用代码块直接创建组件模板为提升开发效率,HBuilderX将 uni-app 常用代码封装成了以 u 开头的代码块,如在 template 标签内输入 ulist 回车,会自动生成如下代码:<view class="uni-list">
<view class="uni-list-cell"
一、Vue 3 核心优化点 1. Composition API 的艺术逻辑复用:用 setup() + ref/reactive 替代 Options API,将业务逻辑拆解为自定义 Hook(如 useRequest.js),代码可维护性提升50%+性能对比:在长列表渲染场景中,Composition API 的响应式系统比 Vue 2 快约&
Android 快速开发整理一些常用网站、工具、常用第三方库等。
原创
2022-05-27 15:51:04
358阅读
在移动互联网时代,企业往往需要同时支持iOS、Android、小程序等多个平台,传统的原生开发方式成本高、周期长。UniApp作为一个基于Vue.js的跨平台开发框架,为开发者提供了"一套代码,多端运行"的解决方案。本文将从实战角度深入探讨UniApp的开发特点、核心技术和最佳实践。UniApp的核心优势1. 真正的一码多端UniApp最大的优势在于其强大的跨平台能力。开发者只需编写一套Vue.j
-项目发布/安全项目:态..
原创
2021-07-18 18:42:18
1086阅读
UniApp是一个强大的开发框架,可让开发者使用Vue.js构建跨平台应用。本文将介绍UniApp的核心概念和技术深度,并通过一个实例演示如何使用UniApp开发一个简单的待办事项应用。1. 介绍UniAppUniApp是DCloud推出的一款基于Vue.js的跨平台开发框架。它允许开发者使用一套代码构建同时运行在多个平台上的应用,包括iOS、Android、Web等。UniApp具有以下优势:跨
原创
2023-10-29 12:13:22
169阅读
实战项目名称:仿知识星球App 技术栈:前端 => uni-app ( 后端:Node.js + Mysql + Apollo + Graphql ) 已实现功能:微信登录,创建星球,内容管理,星球管理 项目git地址:请点击访问 文章目录一、今日实战目标二、实战步骤1.禁用原生顶部导航栏2.根据设计图自定义不同的顶部导航栏3.自定义登录弹窗组件总结 提示:该项目只用于个人实战,不应用于任何
转载
2024-01-09 16:06:41
181阅读
文章目录一、今日实战目标二、实战步骤1.安装HBuilderX开发工具2.新建项目3.配置全局通用css样式文件总结 提示:该项目只用于个人实战,不应用于任何商业用途。一、今日实战目标配置好开发工具项目全局配置引入uView UI框架二、实战步骤1.安装HBuilderX开发工具开发工具下载地址:HBuilderX下载链接我用的是MacOS,以后展示也是Mac版的,建议下载正式版。2.新建项目打
转载
2024-03-15 10:56:01
565阅读
商城实战项目项目搭建利用HBuilder X创建基本项目结构运行项目整理基本项目结构,并修改窗口外观"globalStyle": {
"navigationBarTextStyle": "white",
"navigationBarTitleText": "商城",
"navigationBarBackgroundColor": "#1989fa",
"backgroundColo
转载
2023-12-28 14:48:58
155阅读
作为系列文章的第二篇,本篇将为你着重展示:如何搭建一个通用的Flutter App 常用功能脚手架,快速开发一个完整的 Flutter 应用。 本篇内容结构如下图,主要分为: 基础控件、数据模块、其他功能 三部分。每大块中的小模块,除了涉及的功能实现外,对于实现过程中笔者遇到的…
原创
2022-05-23 11:47:22
640阅读
uni-app项目实战前言一、封装自己的异步请求封装思路步骤二、uni-app解决跨域问题三、uni-app1.引入iconfont2.安装scss插件3、组件4、登陆页5、首页总结 前言仿网易云音乐网站写的一个小demo,用node.js写的服务,之前文章介绍过uni-app的基本使用了,所以今天直接介绍写项目的记录一、封装自己的异步请求注:封装后可以对所有的请求做一个拦截及域名维护,下面只做
转载
2024-09-25 11:34:39
245阅读
作为一名跨平台开发者,我最近尝试使用Uniapp开发鸿蒙应用,发现这套方案确实能大幅提升开发效率。下面分享一些实战经验和技术要点。
环境搭建与项目初始化
首先需要安装HBuilderX和HarmonyOS SDK,配置好开发环境。创建Uniapp项目时选择"鸿蒙"作为目标平台,这会在项目中自动生成鸿蒙特有的配置文件和目录结构。核心开发技巧
Uniapp开发鸿蒙应用与开发小程序/Web应用类似,但需
uni-app 快速开发框架,并且要支持鸿蒙(HarmonyOS/HarmonyOS NEXT/原生鸿蒙)”,下面整理了一些背景 + 推荐 + 实践建议,帮你选或者搭建合适的框架/模版。背景情况先说说目前 uni-app + 鸿蒙 的状态,这样你能知道哪些东西已经能用/哪些还在完善中:uni-app 官方明确支持鸿蒙平台,包括 HarmonyOS NEXT。(uni-app)要求项目使用 Vue
1Anaconda介绍: oython科学计算工具包:数据科学家的工具箱 包含了python二进制开发包 包含Numpy,pandas,matplotlib,scipy,Bokeh,jup
原创
2022-07-11 15:22:35
64阅读
本文将介绍如何使用UniApp框架开发一个实时聊天应用。我们将涵盖从基本的项目设置到实现实时聊天功能所需的技术。通过这个实例,你将了解到如何使用UniApp构建跨平台应用,并掌握实时通信的关键概念和技术。1. 引言实时聊天应用是当今流行的应用之一,它可以在不同的平台上实现即时的消息传递和交流。UniApp是一个基于Vue.js的跨平台框架,它允许开发者使用一套代码构建同时支持多个平台的应用程序。本
原创
2023-10-26 09:57:56
276阅读
在人工智能开启的时代,Python作为人工智能的首选语言,前景可以预见。因此学习Python的人越来越多。不过,很多初学Python的小白都一定有过这样的体验,因为没有好用的Python开发工具而吃了很多苦头。工欲善其事必先利其器,这道理只有在实践中才会深有体会。那么初Python用什么工具好?各个开发工具又有哪些特点?本文我就以上的问题,为初学者们介绍一下比较受欢迎且好用的工具。一、最强终端:U
转载
2023-07-02 22:56:55
71阅读
uni-app 使用vue的语法+小程序的标签和API。基于vue语法,开发规范跟微信小程序是类似的,接近了微信小程序,微信小程序包含的所有内容,api,再uniapp 里也都封装,整合好了。我们使用uniapp 的方式开发再微信小程序是可以实用<!-- template:view 页面 -->
<template>
<view class="content b-t