移动互联网终端

队名: 拾光组 组长博客链接 作业博客链接 团队项目情况 燃尽图(组内共享) 组长：宋奕 过去两天完成了哪些任务 主要完成了个人中心模块的接口设计 完善后端的信息处理 GitHub签入记录 接下来的计划 完成个人主页模块 还剩下哪些任务 完成个人主页接口设计 燃尽图组内共享 遇到了哪些困难 如何更好地存储数据？ 有哪些收获和疑问 查阅了相关存储的资料，学习编写接口文档。 如何友好交互前后端？ 组员1：杨晋南 过去两天完成了哪些任务 完成了移动端Android用户个人中心模块基本UI界面 进一步完成了移动端Android部分界面间逻辑代码 完成用户个人中心模块接口的对接 接下来的计划 完成个人主页模块UI的实现 完成个人主页模块接口对接 还剩下哪些任务 完成个人主页的接口对接与逻辑代码、UI界面完善 燃尽图组内共享 遇到了哪些困难 个人中心点击切换多页面的实现 有哪些收获和疑问 学习了Android个人中心界面实现的基本知识，学习有关接口对接的教程 组长什么时候女装打代码？ 组员2：刘晓翔 过去两天完成了哪些任务 完成了移动端iOS用户个人中心模块基本UI界面 继续完成移动端iOS部分界面间逻辑代码 完成用户个人中心模块接口的对接 完善联系模块 接下来的计划 完成个人主页模块UI的实现 完成个人主页的接口对接与逻辑代码、UI界面完善 还剩下哪些任务 个人主页设计与逻辑代码

队名: 拾光组 组长博客链接 作业博客链接 团队项目情况 燃尽图(组内共享) 组长：宋奕 过去两天完成了哪些任务 主要完成了个人中心模块的接口设计 完善后端的信息处理 GitHub签入记录 接下来的计划 完成个人主页模块 还剩下哪些任务 完成个人主页接口设计 燃尽图组内共享 遇到了哪些困难 如何更好地存储数据？ 有哪些收获和疑问 查阅了相关存储的资料，学习编写接口文档。 如何友好交互前后端？ 组员1：杨晋南 过去两天完成了哪些任务 完成了移动端Android用户个人中心模块基本UI界面 进一步完成了移动端Android部分界面间逻辑代码 完成用户个人中心模块接口的对接 接下来的计划 完成个人主页模块UI的实现 完成个人主页模块接口对接 还剩下哪些任务 完成个人主页的接口对接与逻辑代码、UI界面完善 燃尽图组内共享 遇到了哪些困难 个人中心点击切换多页面的实现 有哪些收获和疑问 学习了Android个人中心界面实现的基本知识，学习有关接口对接的教程 组长什么时候女装打代码？ 组员2：刘晓翔 过去两天完成了哪些任务 完成了移动端iOS用户个人中心模块基本UI界面 继续完成移动端iOS部分界面间逻辑代码 完成用户个人中心模块接口的对接 完善联系模块 接下来的计划 完成个人主页模块UI的实现 完成个人主页的接口对接与逻辑代码、UI界面完善 还剩下哪些任务 个人主页设计与逻辑代码

队名: 拾光组 组长博客链接 作业博客链接 团队项目情况 燃尽图(组内共享) 组长：宋奕 过去两天完成了哪些任务 主要完成了个人中心模块的接口设计 完善后端的信息处理 GitHub签入记录 接下来的计划 完成个人主页模块 还剩下哪些任务 完成个人主页接口设计 燃尽图组内共享 遇到了哪些困难 如何更好地存储数据？ 有哪些收获和疑问 查阅了相关存储的资料，学习编写接口文档。 如何友好交互前后端？ 组员1：杨晋南 过去两天完成了哪些任务 完成了移动端Android用户个人中心模块基本UI界面 进一步完成了移动端Android部分界面间逻辑代码 完成用户个人中心模块接口的对接 接下来的计划 完成个人主页模块UI的实现 完成个人主页模块接口对接 还剩下哪些任务 完成个人主页的接口对接与逻辑代码、UI界面完善 燃尽图组内共享 遇到了哪些困难 个人中心点击切换多页面的实现 有哪些收获和疑问 学习了Android个人中心界面实现的基本知识，学习有关接口对接的教程 组长什么时候女装打代码？ 组员2：刘晓翔 过去两天完成了哪些任务 完成了移动端iOS用户个人中心模块基本UI界面 继续完成移动端iOS部分界面间逻辑代码 完成用户个人中心模块接口的对接 完善联系模块 接下来的计划 完成个人主页模块UI的实现 完成个人主页的接口对接与逻辑代码、UI界面完善 还剩下哪些任务 个人主页设计与逻辑代码

一、静态布局（Static Layout） 即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见与pc端。 2、设计方法： 　　PC：居中布局，所有样式使用绝对宽度/高度(px)，设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分； 　　移动设备：另外建立移动网站，单独设计一个布局，使用不同的域名如wap.或m.。 　 在移动端开发中采用静态布局的两种方式：(来自：流布局与响应式网页设计有什么区别？) 　（1）在viewport meta标签上设置width=320，页面的各个元素也采用px作为单位。通过用JS动态修改标签的initial-scale使得页面等比缩放，从而刚好占满整个屏幕。（见前端开发-web app 变革之rem） 　（2）设在viewport meta标签上设置content"width=640,user-scalable=no，页面的各个元素也采用px作为单位。由于640px超出了手机宽度，浏览器会自动缩小页面至刚好全屏。（具体见content"width=640,user

【Appium】Appium工作原理 2017-09-13 15:28 sophia194910 阅读( 7658) 评论( 0) 编辑 收藏 参考： http://www.cnblogs.com/zhjsll/p/5698878.html 原作者写的很好，所以直接放在这里。 一、什么是Appium Appium是一个开源、跨平台的测试框架，可以用来测试原生及混合的移动端应用。Appium支持IOS、Android及FirefoxOS平台。Appium使用WebDriver的json wire协议，来驱动Apple系统的UIAutomation库、Android系统的UIAutomator框架。Appium对IOS系统的支持得益于Dan Cuellar’s对于IOS自动化的研究。Appium也集成了Selendroid，来支持老android版本。 Appium支持Selenium WebDriver支持的所有语言，如java、Object-C、JavaScript、Php、Python、Ruby、C#、Clojure，或者Perl语言，更可以使用Selenium WebDriver的Api。Appium支持任何一种测试框架。如果只使用Apple的UIAutomation，我们只能用javascript来编写测试用例，而且只能用Instruction来运行测试用例。同样

使用vue开发公众号商城 第1篇记录项目准备、搭建，写页面遇到第问题以及总结，持续更新 公司最近接了个商城项目，包括PC端商城、微信公众号网页商城、后台管理系统。这几天在做微信公众号商城，又新接触了很多东西。 1.搭建项目 使用vue-cli初始化项目，然后就是写页面，页面通过vue-router组织，未来还会用到vuex来存储一些全局的数据比如用户信息等。 项目时间比较紧张，所以没有自己做构建（其实是不会），webpack4出来也有一段时间了，webpack3还没搞明白，惭愧... 2.移动端适配 在写移动端页面时，需要考虑移动端适配问题。一番百度，采用了大漠老师的 《如何在Vue项目中使用vw实现移动端适配》 这个方案，原理是通过一些postcss插件，能把px转换成vw，利用vw、vh单位来实现不同尺寸屏幕缩放。具体如何做文中已经写的很详细了。 3.UI库 UI库使用的是有赞的基于vue的zan-ui，有赞本来就是做微信商城的，所以他们推出的ui库特别适合移动端商城开发。 由于我这个项目有自己的ui，所以需要修改zan-ui的样式，而且我们ui是按照iphone6的大小画的设计稿，zanui的默认组件大小会缩小一半。 修改zan-ui默认样式也很简单，可以在自己的vue组件css里覆盖掉ui的样式，不过记得style标签去掉scoped，不然修改会不生效。或者下载zan

最近工作不忙，花了点时间做了个简陋的个人网站，包括pc端和移动端和后台。结构大致如下： 为了学习一些新技术，PC和移动端都用了不同的技术框架。 PC端的技术框架包括：React、antd组件库、anxios 移动端的技术框架包括：Vue、ajax 后台用了nodejs、数据库是MongoDB 本人本来不太喜欢用太多的插件，比较喜欢自己动手，但后来发现编辑器、文件上传等等都需要安装插件，真是太难了。 以下地址浏览（服务器性能不好，有点慢）： PC端：http://www.heyujun.online:8200/ 移动端：http://www.heyujun.online:8080/#/index 还是有很多需要优化的地方。比较之后还可以弄个素材库，把上传过的图片都集成在一起管理之类的。 在制作过程中也有遇到一些坎，但我不太习惯记录有点忘记了，这是不好的。可能比较难的点就是部署服务器吧，毕竟我是前端方向，对服务器还是有点陌生。弄域名跨域端口之类的也花了不少时间。 还有一个难点就是图片上传，我用的是webuploader，主要是图片上传接口不好弄。 如果还有什么难点的我以后记得就再记录上来，现在都有点忘记了。 之后有时间的话，我会整理其中的一些要点出来，比较如何用nodejs编写api，如何和mongodb连接起来，建立表结构等等。 来源： https://www.cnblogs.com

1、移动端的字体 最开始的的方案是： body { font-family: 'Helvetica Neue', Helvetica, 'microsoft yahei', sans-serif; } 升级后的方案： body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif; } 以前iOS版本降级使用 Helvetica。 中文字体设置为华文黑体STHeiTi， iOS 9+ 就开始支持 -apple-system 参数了， Chrome 使用 BlinkMacSystemFont ，兼容 iOS/MacOS。 现在很多设计师的字体都是PingFang，所以这里做了一个兼容。 顺便用"Microsoft Yahei"兼容了一下Window系统。 原生 Android 下中文字体与英文字体都选择默认的无衬线字体。 但是因为安卓系统可以去改系统的默认字体，而且每一个手机厂家也会内置字体，所以直接让他去选择默认的吧。不用单独去折腾安卓的字体了。 2、移动端的适配 移动端的适配方案各个厂商都一套方案，但是现在主流的方案是阿里的flexible，具体可以去看下这篇文章：

1、检查是否是移动端（Mobile）、ipad、iphone、微信、QQ等 //判断访问终端 var browser={ versions:function(){ var u = navigator.userAgent return { trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核 gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核 mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端 ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端 android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端 iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器 iPad: u.indexOf('iPad') > -1, //是否iPad

队名: 拾光组 组长博客链接 作业博客链接 团队项目情况 燃尽图(组内共享) 组长：宋奕 过去两天完成了哪些任务 主要完成了用户联系模块的接口设计 完善后端的信息处理 GitHub签入记录 接下来的计划 完成个人中心模块、个人主页模块 还剩下哪些任务 完成个人中心接口设计、个人主页接口设计 燃尽图组内共享 遇到了哪些困难 如何保证接收消息和发送消息的准确性和实时性？ 有哪些收获和疑问 学会通信的基本原理，查阅了相关通信的资料，熟练掌握了不发工资还提需求 如何更好地分工团队工作？ 组员1：杨晋南 过去两天完成了哪些任务 完成了移动端Android用户联系模块基本UI界面 进一步完成了移动端Android部分界面间逻辑代码 完成用户联系模块接口的对接 接下来的计划 完成个人中心模块UI的实现、个人主页模块UI的实现 完成个人中心模块、个人主页模块接口对接 还剩下哪些任务 完成个人中心、个人主页的接口对接与逻辑代码、UI界面完善 燃尽图组内共享 遇到了哪些困难 页面的灵活切换问题 有哪些收获和疑问 学习了Android的开发知识，熟练掌握了听组长吹牛逼 组长做什么可以提升组员生活品质？ 组员2：刘晓翔 过去两天完成了哪些任务 完成了移动端iOS用户联系模块基本UI界面 继续完成移动端iOS部分界面间逻辑代码 完成用户联系模块接口的对接 完善论坛模块 接下来的计划