首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

uni-app实战之社区交友APP(7)消息页开发

文章目录 前言 一、消息列表页面开发 1.pages.json配置 2.消息列表组件开发和封装 3.下拉刷新功能实现 4.下拉弹出层组件使用 二、我的好友列表页开发 1.pages.json配置 2....导航组件开发 3.好友列表组件开发 4.性别图标显示 5.封装好友列表组件 三、聊天页面开发 1.pages.json配置 2.聊天输入框组件开发 3.聊天列表组件开发 4.封装聊天列表组件 5.聊天页功能完善...前言 本文主要介绍了消息也的开发,主要包括3部分: 消息列表页开发,包括页面配置、消息列表组件的开发和封装、下拉刷新功能和下拉弹出层组件的使用; 我的好友列表页开发,包括页面配置、导航组件开发、好友列表组件开发和封装...、以及性别图标显示; 聊天页面开发,包括页面配置、输入框组件开发、聊天列表组件的开发和封装、以及聊天页功能完善。...总结 使用已经实现好的库和组件可以加速开发,文中使用到了uni-app官方提供的扩展组件uni-badge用于显示消息数、uni-popup用于实现下拉弹出框,同时使用专门的JS库来进行时间处理,不需要自己再造轮子

1.7K30

uni-app实战之社区交友APP(9)我的页面开发

文章目录 前言 一、个人中心和设置页面开发 1.pages.json配置 2.个人中心UI构建 3.设置页UI构建 二、修改密码和邮箱页面开发 1.修改密码UI构建 2.修改密码表单验证功能实现 3...1.帮助反馈页面开发 2.关于页面开发 总结 前言 本文主要介绍了我的(个人中心)页面开发,包括以下几方面: 个人中心和设置页面开发,包括页面配置、个人中心和设置页UI构建; 修改密码和邮箱页面开发...,包括修改密码UI构建和表单验证、修改邮箱UI构建和表单验证; 编辑资料页面开发,包括页面UI构建、修改头像、昵称、性别、情感、职业、生日和城市功能实现; 帮助反馈和关于页面开发。...963624318 ,在群文件夹uni-app实战之社区交友APP中下载即可。 显示: ? 可以看到,实现了关于页。...总结 uni-app开发中,为了提升开发效率,会经常使用到官方提供的基础组件和扩展组件,甚至包括第三方组件,但是由于版本、系统兼容等方面原因,有时候会很难适配,包括插槽的使用、属性的定义、数据事件的传递等等

1.8K20

短说社区:如何搭建母婴社区APP

母婴社区APP.png 在巨大内容需求下增强用户粘性并满足其核心需求成了母婴社区APP急需突破的关键点。...而在诸多的母婴社区之中,我们需要占据的是垂直内容/社交的生态位,变现闭环能力,这才是决胜点。 以短说社区搭建的母婴社区APP为例。...在他们的app中内嵌了我们短说的社区功能,方便大家交流发帖,分享和互动,大大提升了app的用户量和用户留存率。并结合短说的电商功能实现商业变现。...母婴社区APP以短说社区的功能模块:视频发布,签到,用户认证、排行榜、邀请奖励、马甲用户、电商功能等,实现了用户粉丝留存,上线线下联动,实现转化的作用。...当然,开展母婴社区APP,一款专业的社区论坛解决方案也是必不可少,短说社区,秉专注于社区论坛开发,为母婴行业打造了一套专业的社区论坛系统,立足于各个环节,提供社区论坛建设开发全套流程的解决方案。

1.2K20

uni-app实战之社区交友APP(5)搜索和发布页开发

文章目录 前言 一、搜索页开发 1.搜索页面搭建 2.搜索结果显示和优化 二、发布页开发 1.自定义导航栏开发 2.文本域组件使用 3.底部操作条组件开发 4.多图上传功能开发 5.删除选中图片功能实现...实战之社区交友APP', 'uni-app入门教程', '面试之算法基础系列', 'Python全栈', '商业数据分析从入门到入职', 'Python...实战之社区交友APP", titlepic: "/static/img/datapic/30.jpg", support: { type: "support", support_count...实战之社区交友APP', 'uni-app入门教程', '面试之算法基础系列', 'Python全栈', '商业数据分析从入门到入职', 'Python...4.多图上传功能开发 uni-app官方模板hello_uniapp项目提供了多图上传接口,位于pages/API/image目录下,可以将image.vue拷贝到components/common下并重命名为

2.5K10

uni-app实战之社区交友APP(2)全局样式引入和底部导航栏开发

文章目录 前言 一、App.vue引入全局样式 1.引入官方CSS样式库 2.引入自定义图标库 3.引入CSS动画库 二、设置全局属性globalStyle 三、底部导航栏开发 总结 各位粉丝小伙伴...前言 本文先介绍了uni-app项目中引入全局样式的种类,即App.vue中引入官方CSS样式库、自定义图标库和CSS动画库;再介绍了在pages.json中定义globalStyle;最后实现了项目的导航栏开发...963624318 ,在群文件夹uni-app实战之社区交友APP中下载即可。...三、底部导航栏开发 底部导航栏主要包括社区、动态、消息和我的4个模块,需要准备图标(未选中和选中两种状态),可以在iconfont上选择并下载即可,以我的为例,演示如下: ?...总结 uni-app项目中App.vue是程序的入口文件,可以导入CSS样式、第三方的图标和动画库,从而加速开发;pages.json文件用于配置页面文件的路径、窗口样式和底部原生tabbar等,全局样式

2.1K21

uni-app实战之社区交友APP(8)搜索列表页和文章详情页开发

实战之社区交友APP', 'uni-app入门教程', '面试之算法基础系列', 'Python全栈', '商业数据分析从入门到入职', 'Python...实战之社区交友APP', 'uni-app入门教程', '面试之算法基础系列', 'Python全栈', '商业数据分析从入门到入职', 'Python...在进行uni-app开发之前需要先搭建环境,下载并安装HBuilderX、微信开发者工具;新建项目时选择类型,创建之后会自动生成项目的默认目录,可以通过多种方式编译运行。...6.评论列表组件开发 评论列表组件使用uni-app官方提供的模板,如下: <!...在进行uni-app开发之前需要先搭建环境,下载并安装HBuilderX、微信开发者工具;新建项目时选择类型,创建之后会自动生成项目的默认目录,可以通过多种方式编译运行。

1.9K50

【腾讯经验】闪现社区App网络优化

转载自腾讯闪现社区App工程师技术分享 腾讯游戏社区App(原名:闪现一下)自上线以来,网络模块从App平台层下沉到C++层,C++层网络组件经历过多轮优化、打磨,整体的网络请求耗时和成功率获得了非常可观的性能提升...游戏社区的网络请求主要为App内部的api请求,这类型请求的特点是数据量相对较小、请求集中、并发量高且不可缓存等,原有的App网络框架有如下问题: Android使用OkHttp3作为基础库,iOS使用...一、新的网络组件 我们项目中,在整个跨平台技术规划的背景下,我们决定实现一个C++的跨平台开发框架:Crossing,网络引擎作为第一期内部组件:Lighting。...[image.png] 三、 网络基础组件选择(TQuic + Curl) QUIC为Google于2013年开发的基于UDP的多路并发传输协议,主要优势在于减少TCP三次握手及TLS握手,同时因为UDP...网络请求速度获得了较为可观的收益;同时极大提升了Android/iOS双端表现的一致性;并且解决了Flutter网络请求通过Platform Channel的性能问题;最后也为Crossing整个跨平台开发框架奠定坚实的基础

2.3K72

移动app开发流程,app开发步骤

个人github:https://github.com/qiilee 欢迎follow 移动app开发流程,app开发步骤 app是手机软件的简称。...一款好的app需要哪些步骤? 移动应用开发步骤1. 规划应用UI 移动应用开发步骤2. 设计数据操作与存储 移动应用开发步骤3. 跳转多页面实现 移动应用开发步骤4....功能开发: 产品经理协同主工程师,基于APP界面设计方案,形成程序架构设计方案,并有工程师团队进行开发,完成产品设计。...经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询 开发app项目的步骤 据北京APP开发公司东方爱智总结得出:一个完整的app开发过程要经过合同的签订→项目启动→建立产品原型...这就是一个完整的app开发过程 App开发是一个不断和客户沟通和推敲的过程。首先,如果要做一款app,必须要前期进行沟通,初步表明此款app要实现的效果,属于哪个类型的app

3.2K20

uni-app实战之社区交友APP(3)Vue.js和uni-app基础

文章目录 前言 一、基础组件、CSS选择器和flex布局的使用 1.view、text组件和动画的使用 2.uni-app中的CSS选择器 3.flex布局基础 二、数据渲染和动态绑定 1.数据渲染...2.class和style绑定 3.条件渲染 4.列表渲染 三、事件和属性处理 1.事件处理器 2.监听属性 3.计算属性 总结 前言 本文主要介绍了uni-app和Vue的基础使用: 基础组件的使用...微信小程序 space String 无 显示连续空格 App、H5、微信小程序 decode Boolean false 是否解码 App、H5、微信小程序 测试如下: <...2.uni-app中的CSS选择器 uni-app中支持的选择器如下: 选择器 举例 举例说明 .class .intro 选择所有拥有 class=“intro” 的组件 #id #firstname...总结 作为以Vue为基础的框架,uni-app很多方面都依赖于Vue的用法,因此要想更高效地进行uni-app跨端开发,掌握Vue基础用法是很有必要的,只有将其灵活地应用于uni-app项目中,才能达到事半功倍的效果

2.1K20

【云+社区年度征文】uni-app初体验

我第一次听到它,是在前几个月公司要开发一款 APP,而恰好公司并没有安卓和 IOS 的开发人员,我也没有类似的客户端开发经验,而再招人所用的时间成本和开发成本将大大超出预算。...---- 一、uni-app概述 uni-app 是 2018 年由 DCloud 推出的一款基于 Vue.js 开发的前端框架,它主要用于移动端开发,不过随着它不断的更新,更有人用它开发出了很多漂亮的...1、环境搭建 推荐大家使用 HBuilderX 作为 uni-app开发工具。...使用真机或模拟器调试时,可能会遇到各种各样的问题,由于问题情况过多,请直接参考 DCloud 社区中连接真机的常见问题。...2、新建项目 之所以选择使用 HBuilderX,是因为它对 uni-app 作了特别的强化,可以快速生成 uni-app 模板,方便我们的开发

2.6K3612
领券