app

混合 App 打开 H5 调试开关

时光毁灭记忆、已成空白 提交于 2020-01-06 14:54:27
背景 随着现在移动端设备的硬件性能的提高,现在web页面的体验逐渐变得可以接受,现在很多的应用都采用的Hybrid开发模式,一方面有利用了原生设备的API的优势(性能好、用户体验好),另一方面利用了web开发的优势(跨平台,开发成本低)。比如微信、QQ、58同城、美团、爱奇艺等等应用都是采用的Hybrid开发模式。 Hybrid应用如何去做自动化呢? Hybrid是native嵌套了web,对于native页面,我们可以采用原生的自动化框架UIAutomator/XCUITest,而对于web页面,我们可以采用ChromeDriver,两者相结合完成自动化测试。现在流行的说法是移动端内嵌的web可以称为H5,虽然严格意义上来说H5不等同web。为了实现H5页面的自动化,其中H5页面的调试开关我们是必须要打开,否则通过inspector元素探测工具是定位不到页面的元素信息。 有源码的应用 针对公司内部团队开发的App,我们可以要开发直接在源代码中加上如下的代码,然后重新编译打一个debug包 if (0 != (getApplicationInfo().flags & ApplicationInfo.FLAG_DEBUGGABLE)) { WebView.setWebContentsDebuggingEnabled(true); } 无源码的应用 对于无源码的应用,如第三方线上App

直播APP业内人士才会告诉你的开发要点

对着背影说爱祢 提交于 2020-01-06 13:53:00
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 渗透到我们生活中的互联网技术,都影响着我们的生活,各种智能APP都给我们的生活带来了方便,省去了很多麻烦,这也是为什么很多企业都开始开发制作自己的APP,不仅能提审企业形象,而且还能对企业的客户进行有效管理,那么直播APP开发有哪些开发要点呢? 合理布局:简洁的显示能够让直播APP运行时轻松通畅,对每个应用层级进行优化。判断哪些不必要的控件和缩减布局资源。尽量减少在使用过程中对资源的占用,总体来说控件越少、合理布局层级越淡,app整体的性能就会越好。 提升运用的用电量:假如让客户发觉你的应用app很耗电量,那么客户很容易就会卸载掉应用。由于软件占用率手机资源,就会导致手机耗电变快,比较典型的耗电情况有,启用GPS精准定位、数据传输、显示器亮度、CPU频率、运行内存生产调度频率等,提升这几个方面,就能减少软件的耗电量 整体规划离线下载感受:当客户没法联接WiFi或其他数据信号时,客户应用APP时依然可以有极好的易用性,那一定能让你的APP加许多印象分,如印象笔记。在整体规划APP运用时,应当将这一设计方案方式考虑到在其中,提早整体规划好APP在离线下载情况下的经营模式。 开发专用工具:App制作的手机软件非常多,这让原本不明白编写程序的人,也能够轻轻松松免费在线开发。这种App开发工具软件减弱了编写程序一部分

混合 App 打开 H5 调试开关

爱⌒轻易说出口 提交于 2020-01-06 01:29:12
背景 随着现在移动端设备的硬件性能的提高,现在web页面的体验逐渐变得可以接受,现在很多的应用都采用的Hybrid开发模式,一方面有利用了原生设备的API的优势(性能好、用户体验好),另一方面利用了web开发的优势(跨平台,开发成本低)。比如微信、QQ、58同城、美团、爱奇艺等等应用都是采用的Hybrid开发模式。 Hybrid应用如何去做自动化呢? Hybrid是native嵌套了web,对于native页面,我们可以采用原生的自动化框架UIAutomator/XCUITest,而对于web页面,我们可以采用ChromeDriver,两者相结合完成自动化测试。现在流行的说法是移动端内嵌的web可以称为H5,虽然严格意义上来说H5不等同web。为了实现H5页面的自动化,其中H5页面的调试开关我们是必须要打开,否则通过inspector元素探测工具是定位不到页面的元素信息。 有源码的应用 针对公司内部团队开发的App,我们可以要开发直接在源代码中加上如下的代码,然后重新编译打一个debug包 if (0 != (getApplicationInfo().flags & ApplicationInfo.FLAG_DEBUGGABLE)) { WebView.setWebContentsDebuggingEnabled(true); } 无源码的应用 对于无源码的应用,如第三方线上App

Vue.js路由详解

久未见 提交于 2020-01-05 23:09:18
有时候,我们在用vue的时候会有这样的需求,比如一个管理系统,点了左边的菜单栏,右边跳转到一个新的页面中,而且刷新的时候还会停留在原来打开的页面。 又或者,一个页面中几个不同的画面来回点击切换,这两种情况都可以用vue router路由来解决,本文假设读者已经了解vue.js的基本知识,例如模板等 我的做法是先跟着代码敲一遍看到效果,再讲解各个原因 1,引入js文件 <script src="https://cdn.bootcss.com/vue/2.4.0/vue.js"></script> <script src="https://cdn.bootcss.com/vue-router/2.4.0/vue-router.js"></script> 2,代码 <body> <div id="app"> <div> <!-- router-link to属性就是指向某个具体的链接,链接的内容会被渲染到router-view标签中 router-link会被渲染成a标签,例如第一个会变成<a href="#/first">第一个页面</a>,前面加了个# --> <router-link to="/first">第1个页面</router-link> <router-link to="/second">第2个页面</router-link> <router-link to="

美团外卖app可行性分析

蓝咒 提交于 2020-01-05 04:38:15
美团外卖app可行性分析 1 引言 1.1编写目的 年轻人追求时尚,快捷,因此外卖行业拥有广阔的消费群体;团购的兴起,也促进了人们的消费欲望,人们继续一个外卖平台,来满足他们的欲望。O2o模式的日渐完善,使得以前的进店消费模式发展为送餐就餐模式,o2o将线下商务的机会与互联网结合在了一起,让互联网成为线下交易的前台。这样线下服务就可以用线上来揽客,消费者可以用线上来筛选服务,还有成交可以在线结算,很快达到规模。该模式最重要的特点是:推广效果可查,每笔交易可跟踪。 1.2项目背景 项目名称:美团外卖订餐app Android,iOS 项目提出者:**** 项目开发者:美团外卖平台开发组 用户:餐饮企业,消费者 2 可行性研究的前提 2.1要求 主要功能: 1)餐饮服务的商家 可以随时随地接单,处理催单,操作退单,打印订单; 订单对账简单明了,按天结算,账期打款; 餐厅信息随时设定,包括餐厅送餐区域设定,菜单设定,店长推荐菜单等,可以自由开店关店; 界面简洁,分类清晰,易操作。 2)消费者 天气热、天气冷不想出门,肚子饿就可以上外卖平台。各式餐厅、任何餐点,消费者只需轻轻动动手指,即刻就能下单,保证45分钟内送达。支持多种支付方式,轻松便捷,非常实惠,快速下单。 性能要求: 在平台上,所有商家信息实时更新保持同步,商家可以及时收到订单并保存。因为设计支付安全,还要有足够的隐私保密功能

TeamViewer app案例分析

瘦欲@ 提交于 2020-01-05 02:22:11
产品 产品名   TeamViewer远程app 选择原因     远程连接软件是不时之需,当有时私人电脑没有在身边而又需要操作电脑时,远程控制TeamViewer这个软件能帮我们大忙。 调研与评测 1. 第一次上手体验   开始接触这个app是在三年前,当时舍友使用这个软件操作自己电脑,然后开玩笑说电脑被人控制了,知道真相后我立即下载了这个软件尝试了一下,虽然在操作上略有些不方便,但是在初次尝试之后,感觉这个app在需要时作用还是很强大的。远程app我认为最重要的一点就是要让操作流畅,不卡顿。这个app在这一方面做得还是挺不错的,不会产生延迟或是卡顿现象,导致用户操作错误。而且界面显示清晰整洁。但是由于是手指控制鼠标的原因,操作有些不方便。 2. 按照《构建之法》13.1节描述的 bug 定义, 找出几个功能性的比较严重的 bug。 B ug的定义:软件的缺陷 1 ) 断开连接后,再次连接偶尔会出现连接错误的情况,需要多次尝试之后才能连上。 2 ) 用app操作电脑时,(很少出现)会出现突然断开连接的情况。 TeamView使用到先在,目前就发现这两个比较严重的bug。其他方面这个app做的还是挺不错的。 BUG1 存在问题图示: Bug原因分析: 1)出现断连或是连不上,有可能是跟网络原因有关,但是断连没有出现良好的提示信息或是重连,用户体验不好。 2)程序优化不佳的原因

第二次作业 APP分析

别说谁变了你拦得住时间么 提交于 2020-01-05 02:21:54
第一部分 调研, 评测 1.下载软件并使用。 今天我要分析的软件app是UC浏览器这个软件,UC浏览器的用户群体还是挺多的,作为一款主流之一的浏览器APP,整体的用户体验还是很好的。简洁的界面还有中间的常用应用的标签,用户可以吧自己经常浏览使用的网页放在那里。每天的头条新闻可以让用户更好的了解每天的重要新闻。而且对新闻进行了分类。底下的设置选项也是简洁易懂。 上图: 2. 存在的bug。 在使用这个软件的过程中,整体的体验还是好的,但是当点击网页上的下载标志时,虽然在缓存列表中有这个视屏的缓存,但是实际上这个视屏并不能缓存下来,会一直处于正在缓存的提示下。我在百度上查到的结果是,客服说有些视屏因为版权问题而不能下载,但是用户在使用时并没有提示用户哪些视屏因为版权问题而不能下载,这让用户体验极差。 3.bug的描述。 这个缺陷我觉得可能是因为UC在缓存这个功能上,没有对缓存时的链接地址进行验证,导致在遇到未授权的链接地址时,该视频会一直卡在正在执行的状态 4.选择一个朋友(用户)进行采访,并加以记载。 4.1. 介绍采访对象的背景和需求。 小黄是一个经常浏览网站的网络达人,也很喜欢看一些搞笑的小视屏,但是由于还是一个学生,学校会在晚上11点之后断网,手机流量又不多。所以经常要把要看的视频进行缓存。 4.2. 让采访对象使用该产品的功能。 小黄下载了该应用

韩剧TV APP案例分析

眉间皱痕 提交于 2020-01-05 02:21:04
产品 选择产品:韩剧TV 版本:Android版 选择理由:节假日坐车回家时使用较多次数的APP,刚好国庆坐车回家时正在使用,所以选择了这款APP。 第一部分:调研、评测 第一次上手体验 刚打开APP加载画面是一片纯白色,载入时间大概在1S左右,底部是APP的图标和APP的名字,个人感觉加载画面比较空洞不够饱满缺乏设计感。 下面是加载画面图: 打开APP后首先进入的是APP的主页即APP的推荐板块页面,页面的布局与bilibili的APP比较相似,颜色也是用的相同的粉红色,对于我个人使用感觉来说,用户体验较为友好,能轻易的分清每个板块对应的功能及其对应的内容。首页推荐内容主要是热门的最新热门的韩剧及一些其他衣食住行方面的相关资讯,虽然APP名字是韩剧TV但里面的内容不仅仅是韩剧,我甚至能在里面找到一些美剧。 下面的是登陆界面(左)及个人主页(右),该APP不提供注册功能,只能通过微博,微信或者QQ授权登录: (我是两张图片的分割线) BUG分析 以下为两个在使用过程中遇到的BUG中两个最严重影响体验的功能性BUG。 BUG-1: 症状:如果在看剧过程中过于频繁的对弹幕功能进行开启、关闭,有时会出现弹幕无法再成功显示出来的问题,需要重新启动APP后才能显示弹幕。(如下两图中是同一个视频的同一秒且弹幕开关都是打开的,但右图中弹幕无法显示) 程序错误:弹幕开关BUTTON功能失效

APP案例分析

↘锁芯ラ 提交于 2020-01-05 02:20:51
APP案例分析 产品:单机斗地主(开心版) 选择理由:这个 app其实是我在回家火车上无聊偶然发现的,之前一直都是用的腾讯的欢乐斗地主,玩儿了几次这个单机斗地主发现还不错。 第一部 分 调研, 评测 第一次上手体验 这个 app界面做的挺简洁的,给使用者的第一映像也挺不错,游戏过程中的提示做的也不错,游戏过程也很流畅,没有出现卡顿的情况。 Bug 在玩儿游戏的过程中我发现一个很明显的 bug:在斗地主游戏对局中会出现两个明显的阶段:出牌阶段和非出牌阶段,在非出牌阶段按返回键会出现提示框:对局中不允许退出;而在出牌阶段按返回键则能退出游戏。这应该是源码中的触发事件出现了问题。 采访概要 我放几个同学使用该 app并采访了他们的感受,总体来说他们大概表达了一下几个方面的内容:界面友好但稍显凌乱、功能实现过于简单、拓展功能不足。他们觉得这个app满分制5分可以给2.5分。 第二部 分 分析 尽量使用所有功能 分析这个软件目前的优劣 (和类似软件相比), 推理出这个软件团队在软件工程方面可以提高的重要方面 (具体建议)。要求把对比的结果列出一个表格,对比每个软件各自的优点和缺点。 APP 安装 UI界面 功能 兼容性 单机斗地主 简易 界面友好 功能单一 一般 欢乐斗地主 简易 界面友好 功能完善 好 可能觉得很奇怪会拿单机斗地主和欢乐斗地主(腾讯联网游戏)做对比

Express web框架 upload file

ぃ、小莉子 提交于 2020-01-04 14:17:12
哈哈,敢开源,还是要有两把刷子的啊 今天,看看node.js 的web框架 Express的实际应用 //demo1 upload file <html> <head> <title>文件上传表单</title> </head> <body> <h3>文件上传:</h3> 选择一个文件上传: <br /> <form action="/file_upload" method="post" enctype="multipart/form-data"> <input type="file" name="image" size="50" /> <br /> <input type="submit" value="上传文件" /> </form> </body> </html> server.js 文件代码: var express = require('express'); var app = express(); var fs = require("fs"); var bodyParser = require('body-parser'); var multer = require('multer'); app.use(express.static('public')); app.use(bodyParser.urlencoded({ extended: false })); app