文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

移动端开发之Web App开发

写在前面：本人刚刚接触移动端开发，希望自己的见解能够帮助到他人，不足之处还望提醒。...1 移动端开发分类 1.1 Native App 原生App开发 优点： （1）用户体验好 （2）性能稳定 （3）操作速度快 （4）能够访问本地资源（通讯录，相册） （5）能够设计出色的动效，转场 （6...3 Hybrid App 混合型App开发 优点： （1）体验好 （2）稳定性强动态性强 （3）成本相对低跨平台 缺点：对团队技术栈要求相对高性能优化 Hybrid App就是Native结合Web混合开发...这样带来的后果是移动端会出现横向滚动条，为了避免这种情况，移动端会将视口缩放到移动端窗口的大小。...3.3 弹性盒模型 详解点击链接：https://blog.csdn.net/qq_42451979/article/details/80753153 写在最后：以上是我对移动端开发的部分理解，详细内容稍后更新

2.1K30

移动端App开发流程管理

） 5、UI确认：产品经理，设计人员，开发人员全体 6、UI交互确认：产品经理，移动端，前段开发人员 7、接口确认：架构师，接口开发人员，移动端、前端开发人员 8.1、UI工时评估：产品经理，设计人员...8.2、接口工时评估：架构师，接口开发人员 8.3、移动端、前端工时评估：相关开发人员，技术经理 9、工时确认：产品经理，技术经理，设计人员 10、项目开发 11、测试用例及流程设计：产品经理...3、技术逻辑变更：架构师，接口开发人员，移动端开发人员共同确认 4、测试流程变更：产品经理确认 开发管理： 1、开发人员：明确需求和业务、交互逻辑。开发以需求和业务逻辑为准。...3、谨慎使用边开发边测试的开发测试流程：这种模式下，请明确测试重点（开发完毕前侧重功能性、业务性测试） 4、开发没有结束前的测试：测试人员禁止频繁交涉开发人员，所有bug只需提交服务器。...7、加入存在边开发边测试的情况，测试人员频繁的交涉技术人员，会导致开发流程中断，在开发阶段为开发人员产生非功能性、业务逻辑性的bug,导致开发人员可测试人员各自的情绪波动。

99421
您找到你想要的搜索结果了吗？
是的
没有找到

如何入门移动端app开发

随着互联网时代的到来，安卓和苹果的火热，移动端app的需求越来越多。这就催生了越来越多的开发人员加入移动端app开发的队伍中。...目前移动端主要被三大操作系统占据着它们是谷歌的android操作系统、苹果的ios操作系统、微软的windows phone操作系统，形成了三足鼎立的局势。...android平台app开发 安卓平台的app俗称apk,一般是基于java语言进行的开发，当然也有的大牛直接用c++来进行开发，但是对于刚入门的小菜鸟来说java语言是我们进军apk开发的首选。...有了Objective-C的基础后，苹果也提供了一套ios sdk用于进行ios app的开发。开发苹果app用的集成开发平台是xcode。...所以Objective-C+ios sdk+xcode就可以进军苹果ios app的开发 windows phone平台app的开发 windows phone平台app的开发基于的语言就比较多了。

1.7K50

移动端app开发，框架的选择。

从事java开发快三年了，最近公司因项目要求需要做一款app,个人对这方面兴趣比较大，于是网上收集资料，框架的选择，技术的论证，到今天项目需求的各个功能都做出了相应的demo同时也打好了框架，接下来就是完成细节的部分了...提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。即将发布的AngularJS 2.0将会专注于移动开发，相信IONIC一定会取得不错的成就 。...Mobile Angular UI Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的响应式移动开发HTML5框架。...它已经诞生很多年了，现在已经成为很常用的混合式编程开发框架。 Sencha Touch可以让你的Web App看起来像Native App。...就在那一年，PhoneGap获了奖并开始支持Android平台，对人数不断增长的移动开发人员变得越来越有用，这些人员需要在更多的平台上获得代码支持。

3.5K10

移动端app开发流程分析「建议收藏」

随着信息技术的不断发展，互联网早已经向移动互联网过渡，而智能手机正在逐步取代桌面电脑的地位，手机APP成为人们获取各类信息、服务的强大渠道。...在移动互联网时代，每个企业都希望能够分享流量红利，从而让自己的企业发展的更好。选择一款适合自己的手机APP成为每个企业都在思考的问题。...第三步：APP软件界面设计与开发 在完成后台的架构设计与功能开发之后，就要开始APP界面设计了。用什么样的颜色、什么样的字体，图标设计成什么样的…加在一起，这就是用户的视觉体验。...总体来说，这是一个专业度要去比较高的工作；对于企业主而言，找到一家合适的APP开发公司，不仅能够极大的提升工作效率，而且能够快速的开发完成APP并上线使用，同时节省大量的开发时间与成本。...武汉青青无限科技有限公司在APP开发方面非常具备实力，目前为多个行业的知名客户开发完成APP，帮助大量的中小企业实现APP开发，所以如果各位对APP开发有疑问的话，可以多联系一下他们，寻找专业的帮助。

1.2K10

移动端app开发问题及理解

前端使用的是 h5+vue+vant3（ui框架）+webpack+Nginx vant官网地址 https://vant-contrib.gitee.io/vant/#/zh-CN/ 移动端跟web...元素在有效拖放目标上正在被拖动时运行的脚本 ondragstart 在拖动操作开端运行的脚本 ondrop 当被拖元素正在被拖放是运行的脚本 onmousewheel 当鼠标滚轮整被滚动时 onscroll 元素滚动条被滚动时 移动端事件有...click 单击事件 类似于pc端click，移动端中，连续click触发有200ms-300ms的延迟 touch 触摸类事件 touchstart 手指触摸到屏幕触发 touchmove...第二个感觉是可以关闭模态框 移动端消息推送 消息推送跟设备走还是跟人走？ 跟人走是根据登录的账号。...js如何与app端交互 具体可看下这个 https://zhuanlan.zhihu.com/p/337890794 我的理解 首先了解下 app移动端网页运行在手机应用内嵌的浏览器引擎中，没有UI

3.7K10

uni-app移动端开发技巧总结

uni-app移动端开发技巧总结 一.pages.json常用配置总结 1. pages 设置页面路径及窗口表现 2.tabBar 设置底部 tab 的表现 3. globalStyle和style的常用属性...（1）app-plus常用属性： titleNView的常用属性： 二.常用功能和开发技巧总结 1.关闭导航栏返回按钮 在要关闭返回按钮的style中添加如下的代码： 2.禁止屏幕旋转时横屏 在App.vue...app-plus ：设置编译到 App 平台的特定样式。是一个对象类型的属性 （1）app-plus常用属性： bounce : 页面回弹效果，设置为 “none” 时关闭效果。...可取值： (“center”-居中对齐； “left”-居左对齐；) autoBackButton ：是否显示左侧返回按钮 ，默认为true，取消返回按钮，设为false 二.常用功能和开发技巧总结 1...初始化完成时触发（全局只触发一次 onShow 当 uni-app 启动，或从后台进入前台显示 onHide 当 uni-app 从前台进入后台 onError 当 uni-app 报错时触发 onPageNotFound

2.5K30

java移动端开发_移动端开发

1.移动端视口问题 视口是指浏览器的可视区域，移动端的视口到底是多宽呢？ 现在市面上的大部分手机，比如iphone X，它的默认视口宽度为980px，而一个iphone X的屏幕宽度仅仅为375px。...我们可以使用谷歌浏览器的移动端调试工具，来访问百度的搜索结果，可以看到网页明显被缩小了，而且页面宽度定格在980px(不信的话大家可以试试)。...3.移动端尺寸 是同一个网页在不同尺寸手机中的效果。...这样一来，就要求我们在开发移动端的页面时，当遇到字体大小、宽高、margin、padding等尺寸类的属性时，不能设置固定的像素值。 注：border边框大小除外 (既然有问题，怎么会没有解决办法呢？...注意：在移动端，如果使用了背景图(比如雪碧图)，记得用同样的方式调整背景图的尺寸。 题外话：移动端看上去是不是很麻烦？视口那么小，还要引入各种东西，里面要添加的又杂又乱，还要计算数值，是不是很麻烦？

4.9K20

APP移动端测试

一、问：app测试与web测试的区别参考答案：1）、系统架构：web端的服务器更新后，客户端会自动同步更新；如果是app下修改了服务端，意味着客户端用户所使用的核心版本都需要进行回归测试一遍；2）、兼容性...Web端要考虑不同的浏览器内核进行测试（IE、chrome、Firefox），APP的兼容性要考虑选择主流的机型，不同的分辨率、尺寸， 以及不同的操作系统；3）、性能：APP客户端的性能，要考虑电量，流量...七、问：App的性能测试怎么做的参考答案：App的性能分为服务器端的性能和手机端的性能。我先说服务器端的性能，再说手机端的性能。...如果不符合，就把不符合指标的报表和对应的logcat发给开发定位。八、问：adb命令有哪些？九、问：你这个app测试人员有几个？怎么分工？ 参考答案：2个。...测试前，先熟悉app的原型图和业务需求，确定测试点，app开发好后，先做一个冒烟测试，看看软件的基本功能是否可用，如果正常，我们再做功能测试，UI测试，兼容性测试，交叉事件测试，安装卸载测试等。

1.4K30

H5开发移动端APP基于uni-app

之前写过基于mui，h5 plus的APP开发 https://www.jianshu.com/p/8e7e8312f93d，这次在写个兄弟篇 uni-app开发APP。...1、为什么选择uni-app 基于mui，h5plus这一套技术操作随着后续的开发及项目跟进感觉越发力不从心。...熟悉了利用hx h5+的开发转uniapp基本不用再考虑开发工具了，相同血脉几乎相同的套路，曾经的h5+也可以直接混入使用当然仅限APP端。 uniapp 官方主推，据说性能提高优化了很多。...关于h5+： uni-app App 端内置 HTML5+ 引擎，让 js 可以直接调用丰富的原生能力。 不需要 plus ready ，可以直接使用。...8、相关参考链接 uni-app新老编译模式差异说明 https://ask.dcloud.net.cn/article/35843 uni-app自定义组件模式开发注意事项https://ask.dcloud.net.cn

2.3K20

移动端APP设计趋势

首先说明，这是一篇转载的文章，原文在这 移动端APP在2017年经历了诸多的变化， 人工智能、聊天式的界面、响应式设计、虚拟现实（VR）和增强现实（AR）让设计师不断面临新的挑战。...研究表明，用户每天耗费在手机和平板上的平均时长为158分钟，其中127分钟是耗费在各类APP中，可以看出移动端APP的快速发展都是不争的事实，在我们不断吸收新的东西和掌握新的潮流的同时，还需要确认这些设计趋势是否被验证了...以下是2017年移动端产品最有影响力的趋势： 1....卡片视图 1.card view.gif 随着移动端设备在互联网中的地位越发重要，产品的打磨中，如何使得移动端和桌面端UI之间的界限更为模糊，用户体验更加无痕，则是设计师迫切需要解决的问题。...3．拉长滚动和视差 31.png 拉长滚动能够很好的把桌面端内容转化到移动端浏览，并且滚动这一交互方式本身跟移动端上的触摸控制浑然一体，有助于用户在单向滑动中获取大量内容保持不中断。

1.1K20

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

个人github：https://github.com/qiilee 欢迎follow 移动app开发流程，app开发步骤 app是手机软件的简称。...随着移动互联网的普及，移动终端功能的日益完善，很多企业看重移动互联网的重要，开始在这个领域完善自己的品牌，开展营销活动。 一款好的app需要哪些步骤？ 移动应用开发步骤1....规划应用UI 移动应用开发步骤2. 设计数据操作与存储 移动应用开发步骤3. 跳转多页面实现 移动应用开发步骤4. 实现Service 移动应用开发步骤5. 完善特性与细节 移动应用开发步骤6....移动应用程序测试 移动应用开发步骤7. 打包，签名，发布 细节： APP开发流程 项目开发流程细分为5大阶段： 理解需求： 专业的产品经理（PM）将与客户进行细致的需求分析梳理工作，形成需求功能表。...在各大市场中，开发者就要通过各种方式推广自己的app产品，力求app在市场上获得更多的下载量，吸引更多的用户。 APP制作流程图： 移动互联网的高速发展带动了APP制作行业的大力扩展。

3.2K20

H5开发移动端APP基于H5+

写在前面   一直从事iOS原生APP开发，对H5前端开发那一套因为无知所以一直生畏，所以很长的一段的时间里只做原生的开发,但对跨平台的这种技术操作始终抱有很大兴趣。...关于H5开发移动端APP 优点： 很大的好处就是快速、简单、方便，一套代码几乎不用怎么修改就可以同时打包iOS、Android安装包。 基于前端各方面应用技术栈成熟，资料齐全。...不足： H5开发APP的不足在与原生的相比，有些场景暴露的很彻底。比如一些过度动画，手势操作，任务异步处理等 ， 还有一些访问相册、图片处理底层设备硬件之类的。这些地方表现的有明显的不足。...APP本地打包(Android) iOS ： MUI、HBuilderX、H5+开发APP本地打包(iOS) 总结 H5开发的效果无论界面效果上，还是操作体验上，在现在的手机上没有传说中的那么差劲。...对于不会原生开发的前端小伙伴，这种方式来开发个APP也是个很好的选择。 Hi 大家好！我是Light413，一名iOS开发者,喜欢前端及后台开发，没错，就是全干。

1.6K10

移动端开发总结

1.前言 到目前为止，互联网行业里，手机越来越智能化，移动端占有的比例越来越高，尤其实在电商，新闻，广告，游戏领域。...如何让我们所开发的手机页面能有更好的交互体验，就是这篇文章的主旨：移动web开发问题和优化小结。...尤其是在移动端，请求显得特别珍贵，在网速的不好的情况下，请求就是珍贵中的珍贵。...，后来自己找不到方法，直接在sf上提问了，大家可以去参考下：移动端轮播图，上下滑动的时候不触发页面的滚动 ps：滑动我没有使用什么库，是我根据touchstart和touchend的移动距离来判断是左右滑动或者上下滑动...2.web移动端页面性能优化方案 3.Web前端优化最佳实践及工具集锦 4.移动前端系列——移动页面性能优化 5.Web性能优化：图片优化 16.小结 我在移动web(手机网站)上，遇到的问题，暂时就是上面这些了

2.6K10

移动端开发初识

对于pc端的前端开发以及html5和css3学习过后对页面布局更加熟练了,对于现在开发更多倾向于移动端开发,对于移动端开发和传统PC开发又有所不同,下面简单认识下移动端开发概况!...对于学习移动端开发首先要了解下面三个概念(设备独立像素,物理像素,和像素比),下面简单介绍下这三个概念!...上面说过的设备独立像素如何改变,下面就看看使用移动端开发的meta的viewport标签 <meta name="viewport" content="width=device-width,initial-scale...minimum-scale=1,maximum-scale=1//最大最小缩放比例,一般不用设置 <em>移动</em><em>端</em><em>开发</em>的meta标签一般只需要一下的属性就行 我们不喜欢用户进行缩放,直接我们在<em>开发</em>过程中,转换成对应的物理像素能较好的观察哦设备的显示效果

98640

10-移动端开发教程-移动端事件

在前端的移动Web开发中，有一部分事件只在移动端产生，如触摸相关的事件。接下来给大家简单总结一下移动端的事件。 1....PC端事件在移动端的兼容问题 1.1 click事件的200~300ms延迟问题 由于移动端默认的布局视口宽度是980像素，所以网页文字非常小，为了快速让网页还原到原来的大小，Safari最新引入了双击缩放功能...移动端特有的touch事件 由于移动端设备大都具备触摸功能，所以移动端浏览器都引入了触摸(touch)事件。...封装移动端tap事件 由于点击事件经常使用，如果用click会有延迟问题，一般我们会用touch事件模拟移动端的点击事件, 以下是封装的几个事件，仅供参考。...---- 参考文章： 移动端web开发---Touch事件详解 MDN:TouchEvent 移动端前端常见的触摸相关事件touch、tap、swipe等整理

6.7K80

10-移动端开发教程-移动端事件

在前端的移动Web开发中，有一部分事件只在移动端产生，如触摸相关的事件。接下来给大家简单总结一下移动端的事件。 1....PC端事件在移动端的兼容问题 1.1 click事件的200~300ms延迟问题 由于移动端默认的布局视口宽度是980像素，所以网页文字非常小，为了快速让网页还原到原来的大小，Safari最新引入了双击缩放功能...移动端特有的touch事件 由于移动端设备大都具备触摸功能，所以移动端浏览器都引入了触摸(touch)事件。...封装移动端tap事件 由于点击事件经常使用，如果用click会有延迟问题，一般我们会用touch事件模拟移动端的点击事件, 以下是封装的几个事件，仅供参考。...---- 参考文章： 移动端web开发---Touch事件详解 MDN:TouchEvent 移动端前端常见的触摸相关事件touch、tap、swipe等整理

6.3K70

移动端开发流程

cnpm) 包管理工具 yarn add axios -S cnpm install axios -S -S: --save-dev 生产环境的依赖 （dependencies） -D: --dev 开发环境的依赖...在命令窗口中使用vue ui，弹出页面 使用模块 多环境变量配置（开发、测试、生产） axios 请求拦截，响应拦截 (API统一管理) sass 预编译 rem移动端适配方案 vant-ui 按需导入...我们写入请求拦截和响应拦截，进行API的统一管理，请求分两种形式：分别为get , post 形式进行传参 3.sass预解析：意思就是说将浏览器不能识别的css代码转换成浏览器能识别的 4.rem：针对于移动端的适配问题...初始化样式问题 —我们可以在(reset.css中引入项目) 例如 box-sizing:border-box 三、路由 我们经常用的有 路由嵌套 路由传参 路由守卫 keep-alive 四、组件化开发...1.组件拆分问题：我们可以封装公共组件、功能性组件 2.组件开发：父传子、子传父、兄弟传值 五、webpack配置的打包优化（vue.config.js） 发布者：全栈程序员栈长，转载请注明出处：https

1.2K20
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券