1. 二、支付宝小程序前端样式的设计.acss样式详解
在视频中已经说过了，小程序的设计思想和原生app的设计思想颇为相似，基本的应用单元为页面。当然对于一个页面来说每一个元素的放置位置在哪儿以及显示成什么样子这个是由 样式来决定的 。我们知道在web开发中样式是在css文件中规定的，叫做层叠样式表 (Cascading Style Sheets)。其实在APP中样式的约束也是使用css，在支付宝小程序中也是使用css不过文件的后缀是.acss而且对css3进行了扩充而已。
那么在支付宝小程序中的.acss和微信小程序中的.wxcss没有什么两样。 上边已经说了.acss其实包含了css3那么它还有一些新的特性是css3中不具备的，让我们一一看看
第一次看到这个东西也能猜到他是干什么用的。在css中我们知道规定大小一般使用像素(px)这个单位。比如显示生活中我们说房子128㎡那这儿的单位是平方米，在开发中需要更加精准的大小就是px像素。像素就非常精细了因为在我们显示屏幕中像素是最小的显示单元。这个道理如果不懂的话就找个LED屏幕仔细看，LED屏幕上一个一个的发光二极管可以想象为像素。
我们知道手机屏幕有大有小，就拿iPhone来说，iPhone 6 plus比iPhone 5要大。那么就说明plus的像素比5要多。对比：
加入有一个160px宽度的红色矩形在这两种手机中的位置如下：
rpx（responsive pixel）可以根据屏幕宽度进行自适应。如何自适应呢？看下边的分析：
看下图：
在模块化开发中我们有时候不得不在页面中使用其他的第三方库的样式，而第三方库的样式是保存在第三方包中的，我们不可能全部复制到我们的.acss文件中，那最好的办法就是导入了。在样式表中导入其他外联样式表。
当然仍旧支持内联样式和class属性制定样式类，如
选择器和css3的保持一致。一般有class=”test”类选择器和id=”test”的id选择器。当然在支付宝小程序的样式中特殊的地方就是：
※ .a- 或者 .am-为前缀的选择器已经被系统占用所以不要使用；
※ 不能使用属性选择器，例如,以下写法不被支持：
我之前说过小程序开发的应用单元为页面。其实我们在.axml中写的页面并不包含页面容器，就相当于我们做一个页面但是body标签不用写那如果我们要改变整个页面的背景怎么办呢?其实有一个固定的选择器。例如：
可以通过 page 元素选择器来设置页面容器的样式，比如页面背景色:
在你想改变页面容器的页面中定义该样式也可以，全局定义也可以，例如我想将test这个页面的页面容器背景设置为蓝色，就可以再pages目录下的test目录下找到test.acss在其中定义page的样式
下节是视图层讲解，如果有任何问题可以再下方给我留言或者发邮件到 [email protected] 我在收到邮件后会回复。
2. 前端开发常用哪些工具软件
前端开发的编译器在选择上还是很多的。在学校里，老师主要讲三个前端开发软件：
1、WebStorm
帮助编写HTML、CSS、Less、Sass和Stylus代码，并且支持Node.js和主流框架，如React、Angular、Vue.js、Meteor等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。但是付费软件。
2、IntelliJ idea
页面很简单，乍一看像是一个记事本，它也确实可以当记事本用。有很多特色插件可以使用，支持多种编程语言的语法高亮显示，具有代码折叠功能。
2、HBuilderX
HBuilderX是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。是HBuilder下一代版本，具有轻便、适合vue框架的特点。
3. 请问怎么做app开发
App定制开发并不是一件简单的事，好的软件应用的开发需要专业的App开发团队和标准化开发流程来支撑。App开发流程的重要性不必多言，不论是IOS还是Android的应用开发，其实都遵循着一定的开发流程，只有这样才能使开发过程有章可循而不是一团糟。那么，标准化的App开发流程是怎样的呢？
喜望软件基于十年的软件应用开发经验给大家详细讲一下我们的App标准化开发流程。
我们按工作的性质不同先把App开发分成三个阶段：售前、售中、售后，每个阶段包括了多个步骤，循序渐进，最终完成项目的开发。
Part一：售前
一、需求沟通
在意向客户提出有项目需求时，我们的产品经理会跟售前顾问一起跟客户进行沟通。有些客户对于自己的需求通常只是一个大方面的想法，这个时候就需要我们专业的产品经理帮他整理出项目的具体需求和功能列表清单，并帮客户分析出没有考虑到的或能否实现的需求。
二、项目可行性分析
客户自身和产品经理都需要清晰了解该项目的功能特点、用户痛点、行业需求和为用户提供的服务内容等，每一点都要做出详细的调查分析，尤其是客户痛点这块。如果开发出来的App存留很多痛点，那么就算开发成功，也没多长时间的存活时间。因为任何一个App最终的成功都是建立在用户基础之上的。
三、功能流程梳理
（1）整理架构
整理架构的过程就像是修房子打地基，产品经理会梳理产品整体功能架构，整理出核心内容，打造产品的地基，以确保客户以后可以在这个原有的基础上进行调整，更为方便、更具有扩展性。
（2）功能列表
接下来，产品经理会做出更详细的功能列表，添加每个模块的细节内容及具体功能，比如“注册”用哪种注册方式，短信验证码还是第三方注册等。这部分就像你在装修毛坯房时，首先要考虑加上门窗、水电改造等。
（3）梳理流程
产品经理会根据客户的需求梳理出产品的核心业务，会帮客户提前考虑到他们现有的流程是否可以在互联网上进行操作，例如一些传统行业转互联网的企业客户，产品经理会站在移动互联网的专业角度帮客户梳理并优化流程。
四、量身定制实施方案
当需求文档确认完毕之后，售前顾问会根据客户需求量身定制一套App开发方案和报价清单，包括项目组人员安排、时间节点安排和技术方案等，待客户确认完之后就可以开始正式签约合作了。
Part二：售中
一、产品设计
1.原型设计与评审
喜望软件的产品经理根据需求文档设计出高保真原型图，包括功能的结构性布局、各分页面的设计、界面交互逻辑的设计等。高保真原型图将需求文档转换为更直观的软件demo版本，这样即可以确认更多的细节，保证项目研发的效果，也能避免沟通不畅或沟通不到位而引发的纠纷问题。
（喜望软件的技术标准）
4.技术标准制定
项目经理在了解清楚整个项目的需求后提供易扩展、可持续迭代的技术框架方案，比如是原生开发还是混合开发、用Java还是PHP、还有第三方选型等。
二、敏捷开发
1.迭代开发计划
在正式进入项目开发之前，项目组会对项目本身进行评估，对研发周期、提测时间、预发布时间点进行初步的判断。接着对项目功能进行分解，把项目需求划分成4-5个节点，比如1号-9号做第一个功能模块，10号-15号做第二个功能模块……项目组把迭代开发计划发给客户确认后，就开始按着这个计划做节点研发了。
2.节点研发
按照需求分析整理出来的功能数据处理情况，项目组会建立合理的数据库表结构，优化数据算法，提升数据的处理效率，保证后期App使用过程中数据的安全性、准确性、稳定性和及时性。
一个完整的App项目一般包含以下几个模块：
（1）服务器端：编写接口协议文档，服务器环境架设（国内一般都是用阿里云服务器，国外一般用亚马逊），设计数据库和编写API接口，业务功能实现及接口封装、管理后台的开发。
（2）App端：根据UI设计图进行界面开发，UI开发完成后对接服务器接口，通过服务端接口获取数据，编写功能上的逻辑代码。
（3）Web管理端：根据前端的业务逻辑，后台会有相应的功能与之匹配，同样需要编写功能上的逻辑代码。
在项目研发阶段，项目经理进行技术攻关，流程助理同时跟踪进度，项目组也会每周向客户进行开发进度汇报，并协助客户申请软着。
3.单元测试
以前的开发流程就是工程师从头写到尾，把App功能全部开发完成后再进行系统测试，这样就很容易出现以下几个问题：修改了一处bug却在另一处地方引发了新的bug、扩展新功能的同时导致旧代码出现bug等等，这个时候就需要引入单元测试。
单元测试简单来说就是工程师做一个节点研发，测试工程师就测试一个节点，这样就能够清晰的知道是否破坏了老的业务逻辑，容易排除掉一些非常低级的错误，大大减少回归出错的可能性和调试的时间，提高代码质量。
4.系统测试
App功能开发完成之后，测试人员会对整个项目进行系统性测试。而完成项目测试调试最重要的环节是问题的管理，追踪各个bug的进度以及状态，包括指派给谁、优先级、修复状态等，以便有质量地完成问题的处理。
产品面向的平台多机型同步测试，包括：App内容测试、App性能测试、App功能测试、App视觉测试，对BUG调试修复。测试合格，确认没有bug后与客户进行沟通，开始验收，再由客户进行测试，提出修改意见。
三、上线交付
01.用户体验测试
喜望软件在2018年新设了一个“创新性人才岗位”——用户体验官，这是移动互联网行业首创的“从功能试错服务到运营实践服务”。
用户体验官的工作就是用户体验测试，从用户体验、产品、易用性、颜值、App设计还原度等多个维度进行体验性测试，并通过后台上传真实的前期种子数据，让整个App的内容很丰满，互动性强。用户体验测试是从项目本身的用户群体和运营逻辑来帮助客户打造好整个App的调性。
02.部署上线
在代码开发和测试完成后，就进入了后期上线的阶段。
（1）部署正式服务器：将数据库、后台系统部署到正式的服务器上面，并录入正式的上线数据到app系统后台。
（2）准备上架相关的资料：如软件着作权、应用说明、App界面截图和打包版等。
（3）发布App应用到市场：根据App端口选择发布iOS或Android应用市场。
①Android：涉及的应用市场很多，主流市场是腾讯应用宝、手机网络助手、360手机助手、91手机助手，不同的应用市场的受众属性和流量会有所不同，需要根据客户需求和项目实际情况来选择。一般来说，1-2个工作日就可以通过审核上线。
②iOS：发布到App Store，提交后一般最快都需要5个工作日左右才可以通过审核上架。因为App Store审核比较严格，比如是否符合最新的上架要求、是否涉及到虚拟货币、是否支持最新环境等很多问题都会决定审核能否通过。
但有可能会遇到这种情况：比如某App存在3个导致不通过的问题，App Store只要找到其中一个问题就不会通过，不会把3个问题都找出来告诉你为什么拒绝，所以如果经验不足，上架N次花费几个月都是很有可能的。
③发布小程序到微信公众号：需要把小程序发布提交给微信团队审核并上架，一般1-2个工作日就可以通过审核上线。
03.源码交付
APP开发测试上线后，要进行终验交付，即按照合同规定，将源码、说明文档、操作文档等所有项目的相关资料交付给客户。
包括但不限于：
1.前后端项目的所有最新源代码（含注释）
2.数据库设计文档
3.API设计文档
4.所有的开发者账号资料
5.测试文档
6.原型设计稿
7.UI设计稿
8.项目相关文档等资料
04.项目运营培训
在交付源码时，喜望软件的项目经理会给客户针对项目的所有功能操作进行培训，比如优惠券怎么发、司机怎么核审、怎么查看用户注册等。我们也会根据客户需求，让品牌设计师和新媒体运营官为客户设计上线海报和新媒体运营方案。
Part三：售后
一、前期维护
一般的App开发完后都需要进行维护，即便是已经达到相对稳定的阶段，也可能随着手机系统的升级或长时间的使用等，出现一些小问题或隐藏得比较深的bug。
喜望软件会免费赠送客户三个月的维护期，一个项目正式上线运营了3个月左右的时候就已经清楚了整体的运营模式和部分功能欠缺，接下来想要继续运营app就需要迭代开发、优化功能模块。
在此期间，我们会解答客户的疑问、指导软件的使用和内容的上传等事项，以及修复程序Bug、突发情况发生后紧急维修等。
二、定制更新
在App投放到市场后，会得到用户以及市场本身的一些反馈，从而知道该如何修正或者调整运营策略，当目前系统的功能无法满足项目需求时，就需要规划新一版本功能的迭代问题了，也就是开发项目2.0。
喜望软件会帮助客户进行定制更新，也就是继续App开发前期“售前”所做的工作：需求沟通、可行性分析、功能流程梳理以及量身定制实施方案。
这个迭代方案一般根据以下2点进行制定：
①未完善的BUG
比如上线后的App在运营过程发现的一些BUG，或者逻辑错误的一些地方，如果我们想要修复这些逻辑错误问题和功能BUG，就必须进行App的迭代。
②App数据分析
数据是极其重要的衡量标准，通过分析App的投放资源、用户激活率、转化率、留存率和用户进入使用不同功能的占比、各个环节的流失，寻找对App体验影响较大的指标，分析自查功能设计上的优劣，以便进行功能上的版本迭代。
三、迭代开发
同样的，当项目进行迭代开发时，也会重新经历“售中”的全部过程，包含产品设计、敏捷开发和上线交付等所有的产品生命周期。
四、项目维护回访
当项目运营过一段时间（免费维护期结束）后，喜望软件会对客户进行回访，询问运营情况等。当然了，如果后续客户需要我们继续提供运维支持，我们也是很乐意的，因为在App运营的过程中需要与时俱进、维护更新，App才能长存。
五、新媒体运营
成功上线后的App可以通过企业的运营推广，发展用户数量，得以长久的运营。推广运营的方式有很多种，比如进行线下推广、投入广告、新媒体运营推广等。
贴心的喜望软件根据十年的从业经验以及目前市场情况，会推荐客户做成本相对较低的新媒体运营推广。
从上面的App开发流程来看，每一个项目研发都要经历以上3个阶段22环节，这其实是一条完整的流水线，做到这样往往能达到较高水准的项目质量。但是如何保证流程顺畅进行？如何使项目成员的工作效率最大化？这就十分考验开发公司的专业度和项目成员的规划能力了。
之前有讲到过，一款App开发的时间也会影响到App开发的价格，所以，了解一下App的标准开发流程还是很有必要的哟。
如果您想开发App软件，或者想了解更详细的开发流程、开发方案、报价等等相关内容，欢迎咨询成都喜望软件，有专业的售前顾问、产品经理为您详细解答App相关疑问。
4. web前端开发都需要什么应用软件
web前端是一个新兴职业，市场需求大，薪资待遇高，吸引了很多人加入学习。今天给大家分享一下web前端开发用什么软件。
1、Sublime Text
Sublime Text是一个代码编辑器也是HTML和散文先进的文本编辑器。漂亮的用户界面和非凡的功能，例如迷你地图，多选择，Python的插件，代码段，等等。完全可自定义键绑定，菜单和工具栏。Sublime Text的主要功能包括：拼写检查，书签，完整的Python API，Goto功能，即时项目切换，多选择，多窗口等等。
2、Dreamweaver
Adobe Dreamweaver使用所见即所得的接口，亦有HTML(标准通用标记语言下的一个应用)编辑的功能，借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站。 访问代码提示，即可快速了解 HTML、CSS 和其他Web 标准。使用视觉辅助功能减少错误并提高网站开发速度。
3、Visual Studio Code
Visual Studio Code中文版是微软推出的带 GUI 的代码编辑器，软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对 Markdown的支持，新增PHP语法高亮。
4、HBuilder
HBuilder是专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。从开放注册以来深受广大前端朋友们的喜爱。
5、WebStorm
WebStorm 是jetbrains公司旗下一款Java 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的Java IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。