快应用技术分享
文章平均质量分 81
快应用官方博客
标准化接入新型应用生态,赋能开发者拓展场景未来
展开
-
快应用适配微信openLocation接口
来源:快应用官方论坛作者:初冬、阳光大家都知道,其他平台小程序,都有官方提供的openLocation接口(通过位置坐标在地图上显示对应的标注,同时支持...原创 2020-03-12 17:51:17 · 1379 阅读 · 0 评论 -
快应用1060版本升级致开发者书
亲爱的快应用开发者:快应用最近已经发布了1060版本的预览版。1060版本,如同以往一样,迎来了许多新特性的加入。详情:微信公众号文章快应用开发文档V1060 图文介绍,与官网更新文档(https://doc.quickapp.cn/changelog/1060.html)与此同时,因为快应用的底层SDK得到了更新,带来了一些变更。因此,有2个更改点,需要我们的开发者同学留意自检,确保...原创 2019-12-17 19:26:06 · 834 阅读 · 0 评论 -
APP竟然被一个萌新“虐”了?!
内容来源:vivo开发者微信公众号神马,APP竟然被一个萌新“虐”了?!关于应用软件也就是我们常说的APP相信大家都已经很熟悉了但快应用是个啥你听说过吗?那么快应用和APP的区别到底是啥?了解了快应用的优势后你是不是在开发快应用中呢?快来吧,我们已经准备好推广快应用了例如语音助手、快应用商城、全局搜索、智能短信、等口众多...原创 2019-12-10 11:13:49 · 794 阅读 · 0 评论 -
快应用开发商城app的实践分享 - 调试
文章来源于快应用官方论坛-本文作者“学而思网校前端”一、 背景还是在2018年下半年时,学而思网校商城快应用(后边简称商城快应用)还只能按照单独的节奏进行开发,目标是实现基本的注册登录、选课、购课和支付等功能,并不要求对标学而思网校touch和app,开发要求也相对宽松。但从2019年3月开始,商城快应用的需求逐步开始要和app保持同步和一致,这使得之后我们的...原创 2019-11-19 15:06:13 · 1161 阅读 · 0 评论 -
一线前端攻城狮的快应用开发之路:4、链接唤醒快应用
文章来源于快应用官方论坛-本文作者“xiaoTian”一、场景笔者在之前快应用开发过程中,发现除了快应用自身的开发之外,还存在使用H5来唤醒快应用的情况,目的是一方面为了给可支持快应用的用户提供优于H5的更好的体验,另一方面为了改善H5用户转化低的问题。因此我们需要让H5具备唤醒快应用的能力,这个H5可能是我们的宣传页、推广页、手机端网站主页等。于是我开始...原创 2019-11-07 11:51:29 · 2938 阅读 · 1 评论 -
快应用常用组件开发-图标和表单
文章来源于快应用官方论坛-本文作者“dadong”承接上一篇构建组件库的文章,这篇详细讲一讲组件的开发过程和一些骚操作。自定义组件快应用的组件化做得是比较精简的,一个组件的实现和一个页面基本一致,自定义组件和页面的区别在于多了一些属性,少了一些生命周期的钩子。多的属性是你可以向组件内传递数据的参数,可以用下面这种方式:你可以把要传递进组件的属性在pr...原创 2019-11-04 17:16:47 · 1849 阅读 · 0 评论 -
使用 Taro 快速开发快应用的入门教程
文章来源于快应用官方论坛-本文作者“小立吗?”「 Taro 」(https://taro.jd.com)一套遵循 React 语法规范的移动端跨平台统一解决方案,使用 Taro,只要维护一套代码,Taro 就能生成对应端的代码。目前支持 8 端(快应用 / 微信 / 支付宝 / 百度 / 字节跳动 / QQ小程序 / H5 / RN)转换。安装Taro 项目基于...原创 2019-10-28 14:04:40 · 2790 阅读 · 4 评论 -
【apex-ui】快应用组件库构建指南
文章来源于快应用官方论坛-本文作者“dadong”前言前端发展日新月异,各种框架技术层出不穷,移动端随着微信小程序的发布和上线,各大厂商都推出了各自的小程序 ;从技术形式上来看,主要分为两类,一类是以webview渲染技术为主的微信小程序,一类是以原生渲染为主导的快应用。目前已经有不少适配了微信小程序的UI组件库和框架,由于开发差异和市场的进展,快应用目前的生态较为薄弱。这既是快应...原创 2019-10-21 15:16:57 · 1628 阅读 · 0 评论 -
全网最细致的快应用问题解决之道
主要内容以下为本人在开发工程中遇到的问题和解决的方法,包括:1、快应用常见问题2、CSS的box-shadow暂行替代方法3、CSS触摸反馈的实现与注意4、CSS动画遇到的问题5、CSS隐藏组件的动画实现6、顶部栏titleBar的配置7、input组件的防止输入时标题被顶飞8、input的自动获取焦点例子9、间接阻止冒泡事件10、快应用编译出问题的解决...原创 2019-06-26 18:15:58 · 5002 阅读 · 1 评论 -
快应用技术干货分享(第四篇)
上一篇中我们把应用需要的页面搭建了出来,已经可以看出整个应用的雏形了,可是数据都还是写死在模板中的,所以接下来我们把数据接口中的动态数据接入,让我们的应用真正可用起来。1.查询正在上映的院线电影列表接口功能获取院线正在上映的电影列表URLhttps://api.douban.com/v2/movie/in_theaters支持格式JSONHTTP请求方式...原创 2019-01-09 15:43:16 · 699 阅读 · 0 评论 -
快速入门快应用——quickapp构建与发布
本期作者:狗蛋404实验室伴随着我司快应用审核通过、上线,此处应该有一篇快应用开发经验分享。我司开发的快应用刚好涉及到音频、视频、Feed流业务,下面分享一下我在开发中遇到的问题。如果node版本用的是8以上的话,在运行完npm install后再运行npm run build时可能会报Cannot find module .../webpack.config.js异常,请重新执行一...原创 2019-07-23 19:44:06 · 2155 阅读 · 0 评论 -
全网稀缺的快应用开源项目-熊宝儿歌故事QuickApp
开发本产品时快应用推出时间不久,网络上关于快应用的资料少之又少,本人也因公司需求进行开发,一路上摸索过来,并集成统计,完全遵循正式项目,今想把自己的一些经验分享出来,让大家少走弯路,如有错误和意见欢迎大家提出,共同进步。以下所有 API 均由产品公司自身提供,本人皆从网络获取。获取与共享之行为或有侵犯产品权益的嫌疑。若被告知需停止共享与使用,本人会及时删除此页面与整个项目。请您...原创 2019-08-01 21:23:46 · 1274 阅读 · 0 评论 -
快应用开发过程中遇到的问题及解决方法
本期作者:郭苗苗1组件问题list组件 list组件中出现数据渲染混乱,组件的显示与隐藏混乱的问题 先看是否在list-item中使用了for循环和if判断来控制组件的显示与隐藏; 将 if 修改为 show; for循环里如果有导致dom结构不一样的地方,可以将整个list-item细分为小范围的list-item,dom结构...原创 2019-07-30 19:12:38 · 2373 阅读 · 0 评论 -
快应用脚手架,为优雅而生
本文作者:nicejade本篇文章,旨在探索如何更为优雅的开发快应用,为广大快应用开发者提供便利和参考,尽可能提升开发效率、优化开发体验,使得可以在更短时间内,塑造出更为优质的快应用。目标与哲学快应用是一种新型的应用形态,由国内手机厂商基于硬件平台共同推出;秒开即点即用,更易于应用的传播和留存,可以为用户提供更高效的服务。在可预见的未来,其将有不错的应用场景和发展空间。此quick...原创 2019-08-15 12:07:28 · 765 阅读 · 0 评论 -
Apex-UI快应用组件库上线啦!
前言Apex-UI是为提高快应用的开发效率,适配快应用的开发规则,由官方推出的一套快应用UI组件库。Apex-UI组件库项目分成了三个仓库:1. 组件库源码 apex-ui2. 组件库文档 apex-ui-docs3. 组件库示例快应用 apex-ui-sampleApex-UI为你封装好了通用的交互逻辑,覆盖了主要的用户操作场景,具有以下特性:...原创 2019-09-04 17:06:13 · 3083 阅读 · 0 评论 -
今天向大家介绍一个快应用开发辅助IDE插件——Troll For Ux
今天向大家介绍一个快应用开发辅助IDE插件——Troll For Ux (作者:——guobinunique)(一)主要特点能够把.ux文件中的<template>部分转变为可视化图形模式,开发人员就可以通过拖放来代替Ctrl+C/V操作,灵活移动标签和属性;作为文本编辑器的辅助,可在文本编辑器和图形编辑器之间自由切换,开发人员可利用文本编辑和图形编...原创 2019-09-28 18:04:31 · 1642 阅读 · 0 评论 -
快应用的用法和常见问题解答(上)
写在前面在去年的开发者大赛征文中,我们通过多个社区联合活动收集了很多优质文章,有入坑指南、开源项目、开发模板、常见问题总结等多个方面,这些内容为很多开发者提供了参考,感谢大家的支持和参与,今年的我们的征文活动还在继续,感兴趣的开发者可以点阅读原文查看详情哦!从今天起,我们会陆续把一些优秀文章推送出来,希望帮助大家更好的开发快应用。本期作者:执着的烙印因为文章内容较多,...原创 2019-05-16 19:54:14 · 7749 阅读 · 0 评论 -
快应用的用法和常见问题解答(下)
本期作者:执着的烙印上篇作者为大家讲了什么是快应用以及快应用的开发流程,这期作者分享了快应用开发中遇到的问题和解决办法,一起来看看吧!说起快应用,不得不说快应用踩过的坑。快应用还处于不断优化阶段,在开发过程中,也会遇到一些不完善的地方,由于我们对于新技术的掌握还不透彻,也会使得开发中遇到很多的困难。我将在快应用开发中遇到的问题罗列到下面,希望对大家的开发有所帮助。...原创 2019-05-17 19:28:01 · 5422 阅读 · 0 评论 -
快应用技术干货分享(第五篇)
前几篇教程中,我们完成了豆瓣电影快应用的界面和数据接入,现在这个快应用看起来已经像那么回事儿了,但是还是存在一些可优化的点,比如我们的底部选项卡可以抽象出一个组件,这样就不用再每个页面都写分散的代码。下面就针对整个快应用中的这些问题,优化我们项目代码的结构。在快应用中,自定义组件其实和页面差不多,文件后缀名相同,代码结构相似,所以我们甚至可以认为整个快应用都是用不同的组件构成的。下面以底部...原创 2019-01-16 10:20:31 · 357 阅读 · 0 评论 -
快应用开发工具版本升级V1.2.0
轻轻地,我又来了~~今天给大家带来一个好消息,快应用开发工具版本升级了。想知道本次【1.2.0】版本更新了哪些内容?话不多说,更新详情这就给大家安排上~一、用USB调试不知道手机连接成功没有?新增了手机连接主动检测功能,可以在提示中看到手机连接状态了: 二、新增证书转换功能1. 在接入微信开放平台时,不少开发者不知道怎么得到pem证书的MD5信息。现在点击Hap菜单下的“由证书...原创 2019-01-24 11:59:56 · 477 阅读 · 0 评论 -
快应用技术干货分享(第二篇)
上一篇文章我们讲了如何搭建一个完整的快应用开发环境,这一篇文章开始我们进入实际的快应用开发,首先我们需要一个快应用开发的脚手架,当然从零开始搭建也是可以的,不过很多东西都是重复繁琐的,为了节省时间我们直接用官方脚手架进行开发。这一次的目标是开发一个电影信息的快应用。先不要担心API和UI的问题,后面会慢慢一步一步的讲到。一、初始化项目IDE的方式【 命令行的方式 】 使用...原创 2018-12-18 15:24:42 · 684 阅读 · 1 评论 -
快应用技术干货分享(第三篇)
上一篇中我们最后搭建出了一个可以开发的快应用项目,优化了项目的结构,为项目增加了可以拿来就用的UI组件库,接下来我们正式开始快应用的开发。需求分析首先我们明确要开发的快应用需要哪些功能,我简单罗列一下第一版本的功能需求。 需要一个查看正在上映的电影页面 需要一个查看即将上映的电影页面 需要一个查看电影详细信息的页面 需要一个查看电影排行榜单的页面 第...原创 2018-12-28 16:08:29 · 983 阅读 · 0 评论 -
快应用技术干货分享(第一篇)
正所谓工欲善其事必先利其器,想要优雅快速的开发快应用,离不开各种开发工具辅助,按照下面的步骤,帮助你快速的搭建起自己的快应用开发环境。 开发环境 nodejs >= 6.0 npm或者yarn 开发工具快应用有官方的IDE,官方IDE支持一键安装和打包,使用起来非常方便,IDE使用教程。下面我们使用的是命令行工具开发的教程。 hap-toolkit ...原创 2018-12-14 18:11:27 · 636 阅读 · 0 评论 -
快应用开发文档更新—V1030正式上线
【框 架】 新增:快应用平台接口的标准方法现在不能被覆盖 新增:组件的属性支持换行 新增:监听应用错误的应用生命周期函数 onError 新增:项目配置 manifest 增加 display.windowSoftInputMode 字段,控制输入法键盘弹出时的页面调整方式 新增:页面对象 $page 增加 name、path、component ...原创 2018-11-29 19:27:56 · 716 阅读 · 0 评论 -
快应用脚手架,为优雅而生
本篇文章,旨在探索如何更为优雅的开发快应用(详见:quickapp-boilerplate-template ),为广大快应用开发者提供便利和参考,尽可能提升开发效率、优化开发体验,使得可以在更短时间内,塑造出更为优质的快应用。 目标与哲学 快应用是一种新型的应用形态,由国内九大手机厂商基于硬件平台共同推出;秒开即点即用,更易于应用的传播和留存,可以为用户提供更高效的服务。在可预见的未...原创 2018-11-14 15:48:58 · 568 阅读 · 0 评论 -
30分钟带你学透快应用界面开发的最正确姿势
这篇文章适合快速开发快应用,提高效率,不管你是资深的前端开发,还是刚入门快应用开发的菜鸟,本文都值得你一读。通过阅读本文,我相信一定能节省你的时间,少走很多弯路,将主要的精力放在项目的开发中来。 一、入门式从官网的介绍可以知道,快应用是以前端技术栈作为开发基础,渲染是Native 来渲染的。从这句话中我们要明确几个点:1.快应用不是Html52.可以用前端经验去开发如...原创 2018-09-29 19:25:17 · 1223 阅读 · 0 评论 -
快应用技术干货分享(第六篇)
经过前几篇教程的开发,我们的快应用基本达到上架使用的水平了,但是作为工程师,当然要更加精益求精,虽然数据和界面都已经完成,但是还有很多细节的地方有优化的空间。下面我们就把整个快应用中优化点列出来,然后一个一个优化它。 列表骨架屏加载 数据请求错误处理 增加获取定位的功能 列表骨架屏加载骨架屏是一种常用的提升用户交互体验的手段,在弱网环境下,数据加载较慢,为了减少等...原创 2019-01-22 17:07:29 · 495 阅读 · 0 评论 -
快应用list组件的那些事儿
本文作者:dadong本文是我在开发快应用过程中,对快应用的list组件使用的一些体会和踩坑的记录。会简要分析一下快应用中list组件优化和渲染视图的原理。希望能给你开发快应用带来一些帮助。1list组件的使用方法首先我们来看一看快应用中list组件的使用方法<list> <block for="[1,2,3]"> ...原创 2019-06-18 18:08:59 · 1568 阅读 · 0 评论 -
快应用开发心得——新手入门指南
本期作者:任婧宇一介绍1、关于快应用快应用采用前端技术栈,是native渲染,可以调起丰富的系统api,性能体验还不错。2. 快应用入口(1)应用商店(2)桌面图标(3)全局搜索(4)浏览器搜索(5)网页跳转(6)负一屏(7)智能推送(8)智慧识屏(9)场景化入口(短信按钮、应用卸载替换、二维码、传送门)各个不同品...原创 2019-05-21 17:37:22 · 2751 阅读 · 0 评论 -
快应用的机型覆盖、场景覆盖、框架版本(5月更新)
快应用的机型覆盖、场景覆盖、框架版本又又又双叒叕更新啦,各位开发者们注意查收哦~机型覆盖场景覆盖框架版本热门推荐2019快应用自查指南更新啦!快应用开发工具升级v1.4.0TEF·2019快应用开发者大会PPT汇总快应用生态平台赋能开发者拓展场景未来快来关注我们吧点击"阅读原文"查看更多...原创 2019-05-23 11:53:58 · 827 阅读 · 0 评论 -
快应用开发漫谈-部署与调试
本文作者:kfdykme基本配置我ubunt是18.04,当然这并不重要,应该说我的系统是ubuntu。环境配置就是很正常的安装一些东西就好了。目前快应用有官方IDE,看上去是基于vscode的,并且支持Mac、Windows、linux三个版本。也可以使用以下编辑器:·sublxxx(一看我名字都记不住就知道我不喜欢用这个)·vscode (安装快应...原创 2019-05-29 12:11:45 · 1410 阅读 · 0 评论 -
一个前端攻城狮的快应用开发之路——初识快应用
本文作者:XiaoTian本文章共分3期发出,欢迎大家持续关注一、我是做什么的?我是一名工作在一线的前端开发攻城狮,中间也做了一年左右的服务端,总共加起来差不多有三年多了。作为一名技术人员,虽然工作中用到的技术是有限的,并且工作中也不会那么贸然一味地追求新技术,尤其是对于时间比较久的公司,但是我还是经常关注各种新奇的技术框架与技术亮点。在感叹技术框架越来越多、技术革新越来越快的...原创 2019-05-30 14:11:09 · 1107 阅读 · 0 评论 -
一个前端攻城狮的快应用开发之路——WebView的斗智斗勇
本文作者:XiaoTian本文章共分3期发出,欢迎大家持续关注一、场景在我们的产品的业务场景中,必须要引用一个特殊的第三方API: 这个API不能服务端封装,只能客户端自己引用SDK、自己初始化、自己调用。 初始化的过程比较慢,但一旦初始化过一次,在单次访问中可以一直调用不失效。然而如果快应用每个需要用到这个API的页面都初始化一次,则会等...原创 2019-06-03 19:08:43 · 1931 阅读 · 0 评论 -
一个前端攻城狮的快应用开发之路——Audio的完全方案
本文作者:XiaoTian本文章共分3期发出,这是最后一篇啦,后面还有更多作者的分享,欢迎大家持续关注哦~一、场景笔者参与开发的是一款音乐类的快应用产品,自然就需要用到audio的组件和相关api,之前在H5中已经做过音频播放的相关功能,这次开发快应用以为可以复用大部分代码,结果发现还是有些不同。除此之外,有一些H5做不到或者效果不好的功能希望能在快应用上实现,例如跨页...原创 2019-06-11 17:23:21 · 1260 阅读 · 2 评论 -
在网页与快应用之间如何构造可靠通信通道?
本文作者:空空叶背 景快应用版本: 1020在使用web组件进行快应用与网页间的通信的时候,有这几个发现:1、运行'npm run watch'时会提示web组件不支持message事件,但实际上是支持的(只是提示上的小问题)2、快应用发信息到网页,与网页发信息到快应用,用的方法名都是postMessage,但数据格式并不一致,使用起来不方便...原创 2019-06-13 18:56:27 · 2239 阅读 · 2 评论 -
快应用底部导航栏的原生实现
什么是快应用快应用是一种不需要安装即可使用,类似于原生APP的新型应用形态,它是由手机厂商联合推出的一款产品。它不依赖于App,而是依赖于各大手机厂商自带的快应用加载器,使用极其方便。快应用的官方网址为:https://www.quickapp.cn/,有兴趣的同学可以去官网查看其详细的介绍以及相关的开发文档。好了,接下来进入正题,在最开始开发快应用的时候,我发现快应用没有...原创 2019-06-20 19:29:17 · 3086 阅读 · 2 评论 -
快应用开发中常见的版本号
快应用开发过程中,会遇到各种各样的版本号,这里挑几个常见的为大家讲解一下~ 一、手机系统 1、安卓版本……嗯,这个应该不用多讲了吧 2、手机系统版本快应用厂商出品的手机,系统都是基于安卓开发的,提供了原始安卓之外个各种功能。例如小米手机就是 MIUI、华为手机 是 EMUI、魅族 是 Flyme、OPPO 是 ColorOS……手机的功能不仅和安卓版本有关,还和...原创 2018-09-25 14:24:37 · 1282 阅读 · 0 评论