移动互联网终端

Vue 2.0 高级实战 开发移动端音乐WebApp--笔记

五迷三道 提交于 2019-12-24 18:29:33
1.3个没用过的插件 “babel-runtime”: “^6.0.0”, “fastclick”: “^1.0.6” 所有的点击没有300毫秒的延迟 移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件,这是为了检查用户是否在做双击。为了能够立即响应用户的点击事件,才有了FastClick。 “babel-polyfill”: “^6.2.0”, 用来实现es6的转换 vue-lazyload 图片懒加载,节约资源 2.最新版vuejs没有dev-server.js 方法:修改webpack.dev.conf.js中的代码 1.前面先定义一下 const axios = require(‘axios’) 2.在devServer中添加一个before方法 3.右侧垂直方向居中 水平方向居中 align-items:center 垂直方向居中 flex-direction: column justify-content:center 4.fastclick和better-click冲突 添加一个needsclick的类,图片就可以被点击 5.prefixStyle()函数使用 操作css3的一些属性,为了浏览器的兼容性,我们需要添加一些前缀。 如果写在css样式中,编辑器自带的功能一般可以实现,或者通过gulp,webpack打包时也都有插件实现自动添加

第06组 Beta冲刺(1/5)

主宰稳场 提交于 2019-12-24 08:47:08
队名: 拾光组 组长博客链接 作业博客链接 团队项目情况 燃尽图(组内共享) 组长:宋奕 过去两天完成了哪些任务 准备beta冲刺的内容和分工 修改了后端的一些bug GitHub签入记录 接下来的计划 维护后端代码,跟进组员完成进度,学习后端架构,学习深入python,解决匿名拨打电话问题,实现套牌多结果处理,准备beta版本的答辩 还剩下哪些任务 维护后端代码,跟进组员完成进度,学习后端架构,学习深入python,解决匿名拨打电话问题,实现套牌多结果处理,准备beta版本的答辩 燃尽图组内共享 遇到了哪些困难 维护数据库结构 有哪些收获和疑问 体会到打代码的快乐 如何提高后端数据的安全性? 组员1:杨晋南 过去两天完成了哪些任务 完善了移动端Android部分界面间逻辑代码 github签入记录 接下来的计划 学习Android应用开发进阶,精进移动端Android界面的实现,拍照功能的完善,准备beta版本的答辩 还剩下哪些任务 学习Android应用开发进阶,精进移动端Android界面的实现,拍照功能的完善,准备beta版本的答辩 燃尽图组内共享 遇到了哪些困难 按钮触发的灵活性问题 有哪些收获和疑问 学习到了有关界面逻辑代码的注意点 如何更好地暗示组长请客? 组员2:刘晓翔 过去两天完成了哪些任务 完善了移动端iOS部分界面间逻辑代码 GitHub签入记录 接下来的计划

第06组 Beta冲刺(1/5)

*爱你&永不变心* 提交于 2019-12-24 08:46:18
队名: 拾光组 组长博客链接 作业博客链接 团队项目情况 燃尽图(组内共享) 组长:宋奕 过去两天完成了哪些任务 准备beta冲刺的内容和分工 修改了后端的一些bug GitHub签入记录 接下来的计划 维护后端代码,跟进组员完成进度,学习后端架构,学习深入python,解决匿名拨打电话问题,实现套牌多结果处理,准备beta版本的答辩 还剩下哪些任务 维护后端代码,跟进组员完成进度,学习后端架构,学习深入python,解决匿名拨打电话问题,实现套牌多结果处理,准备beta版本的答辩 燃尽图组内共享 遇到了哪些困难 维护数据库结构 有哪些收获和疑问 体会到打代码的快乐 如何提高后端数据的安全性? 组员1:杨晋南 过去两天完成了哪些任务 完善了移动端Android部分界面间逻辑代码 github签入记录 接下来的计划 学习Android应用开发进阶,精进移动端Android界面的实现,拍照功能的完善,准备beta版本的答辩 还剩下哪些任务 学习Android应用开发进阶,精进移动端Android界面的实现,拍照功能的完善,准备beta版本的答辩 燃尽图组内共享 遇到了哪些困难 按钮触发的灵活性问题 有哪些收获和疑问 学习到了有关界面逻辑代码的注意点 如何更好地暗示组长请客? 组员2:刘晓翔 过去两天完成了哪些任务 完善了移动端iOS部分界面间逻辑代码 GitHub签入记录 接下来的计划

第06组 Beta冲刺(1/5)

ぃ、小莉子 提交于 2019-12-24 08:46:04
队名: 拾光组 组长博客链接 作业博客链接 团队项目情况 燃尽图(组内共享) 组长:宋奕 过去两天完成了哪些任务 准备beta冲刺的内容和分工 修改了后端的一些bug GitHub签入记录 接下来的计划 维护后端代码,跟进组员完成进度,学习后端架构,学习深入python,解决匿名拨打电话问题,实现套牌多结果处理,准备beta版本的答辩 还剩下哪些任务 维护后端代码,跟进组员完成进度,学习后端架构,学习深入python,解决匿名拨打电话问题,实现套牌多结果处理,准备beta版本的答辩 燃尽图组内共享 遇到了哪些困难 维护数据库结构 有哪些收获和疑问 体会到打代码的快乐 如何提高后端数据的安全性? 组员1:杨晋南 过去两天完成了哪些任务 完善了移动端Android部分界面间逻辑代码 github签入记录 接下来的计划 学习Android应用开发进阶,精进移动端Android界面的实现,拍照功能的完善,准备beta版本的答辩 还剩下哪些任务 学习Android应用开发进阶,精进移动端Android界面的实现,拍照功能的完善,准备beta版本的答辩 燃尽图组内共享 遇到了哪些困难 按钮触发的灵活性问题 有哪些收获和疑问 学习到了有关界面逻辑代码的注意点 如何更好地暗示组长请客? 组员2:刘晓翔 过去两天完成了哪些任务 完善了移动端iOS部分界面间逻辑代码 GitHub签入记录 接下来的计划

PC端、移动端页面适配方案

痞子三分冷 提交于 2019-12-24 07:05:29
  前言   页面自适应PC端、移动端大体上可以分为两种:   1、在同一个页面进行自适应布局,通常使用CSS3 @media 媒体查询器实现   2、两套页面,在后端进行统一适配,根据不同的浏览器UA返回对应的页面   本文记录在 java 后端进行PC端、移动端页面适配的方案   工程结构   想要实现后端统一适配,首先要规范好工程结构   后端代码,跟之前差不多,响应的viewName路径,直接从业务模块开始,适配工作交给aop;两套页面,对应的业务模块,分别放在两个目录下面   aop适配器   统一的适配工作交由aop环绕切面进行,思路如下:   1、首先切入点是所有模块的controller   2、if判断,方法返回值为ModelAndView才需要进行处理   3、获取浏览器UA进行判断,修改返回值ModeAndView的viewName     PC端ua:windows nt、macintosh     移动端ua:iphone、ipod、android   当然,现在的UA标识判断还过于简单,并没有完全覆盖市面上所有的PC端、移动端,这个需要自行补充 /** * PC端、手机端页面适配器 */ @Aspect @Component @Slf4j public class ComputerOrMobileAdapterAspect { /** *

一文读懂物联网的关键技术有什么?

孤街浪徒 提交于 2019-12-23 20:02:12
物联网IoT,顾名思义就是物物相连,万物互联。对于物联网的技术,其实可分为物体本身和联网技术两方面。这个“物”本身就是一些单片机、SOC、传感器等和我们耳熟能详的嵌入式技术的融合体。而“联网”就是我们常见的wifi、蓝牙、Zigbee、NB、LORA等无线通信技术,同时也包括现在比较火热的5G技术。 那么,下面华妹就从物联网的技术架构、感知层关键技术、云端及移动端开发,详细介绍物联网的相关技术,并分析在学习过程中需要掌握的内容。 一、物联网的技术架构 物联网架构可分为三层:感知层、网络层、应用层。 感知层:物联网的先行技术,由各种传感器组成,将物体的数据,通过传感器收集后,由网络层传输出去; 网络层:万物互联互通得以实现的必备要素,包含互联网、云端、运营商网络、各种短距离局域网(如ZigBee等); 应用层:是物联网与用户的接口,一般以UI界面的形式展现。 二、物联网感知层关键技术 物联网中的物品可能是电器(如洗衣机、冰箱)、物体(如门、窗)等。试想一下,当所有物体都装上了,相当于人类感官系统的传感器,具备神经传输系统的标签技术,以及拥有自己大脑的嵌入式系统...实现了真正的“互联”,那未来场景可能是: 因此,在物联网应用中,物品上要有三项关键技术(一些非物联网的通用技术不作介绍,如模电、数电、射频、PCB布线等知识):嵌入式系统技术、传感器技术、网络连接技术。 1.

WEB 动画的一些实现方式

故事扮演 提交于 2019-12-23 19:04:43
WEB 的动画实现多种多样,随着H5 的发展,实现动画的方式越来越多了。初步统计实现动画的方式有以下一些方式实现 一、GIF动画 通常咱们社交聊天的一些动态表情,大多都是gif动画。 GIF(Graphics Interchange Format)的原义是“图像互换格式”,GIF文件的数据,是一种基于LZW算法的连续色调的无损压缩格式。其压缩率一般在50%左右,它不属于任何应用程序。GIF格式可以存多幅彩色图像,如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上,就可构成一种最简单的动画。 GIF 分为静态GIF和动画GIF两种,扩展名为.gif,是一种压缩位图格式,支持透明背景图像,适用于多种操作系统,“体型”很小,网上很多小动画都是GIF格式,其实GIF是将多幅图像保存为一个图像文件,从而形成动画,最常见的就是通过一帧帧的动画串联起来的搞笑gif图,所以归根到底GIF仍然是图片文件格式。 GIF制作方式可以通过PS制作,或者通过图片、视频、FLASH转换 缺点:高清的gif体积较大。压缩后的体检较小的会失帧。交互差,实质上他就是一个会动的图片 二、FLASH动画 / SilverLight FLASH Flash非常强大,它们包含丰富的视频、声音、图形和动画。利用Flash可以制作各种各样非常华丽的动画,和视频,但是由于各种原因,2012年8月15日

移动端布局解决方案

假如想象 提交于 2019-12-23 18:32:41
step 1 参考链接: https://www.jianshu.com/p/1f1b23f8348f 【如何在Vue项目中使用vw实现移动端适配】 通过上面的方案,可以构建一个基本的基于vm的移动端兼容性布局方案。 除了上诉方案外,还有flexible、网易新闻等其他兼容方案。 step 2 一般上诉兼容方案,如果引入其他的第三方UI框架,会导致引入的框架样式有问题。 这里譬如使用vux框架 安装配置vux: https://www.cnblogs.com/nicest/p/9577504.html 解决vux样式缩小的方法: https://segmentfault.com/a/1190000016866076 来源: CSDN 作者: qq_42991509 链接: https://blog.csdn.net/qq_42991509/article/details/103670970

学习总结——接口测试中抓包工具的使用

血红的双手。 提交于 2019-12-23 05:26:26
在被测接口并没有明确的接口文档给出时,我们需要借助抓包工具来帮助测试,利用抓包工具我们几乎可以获得接口文档中能给你的一切。常见的抓包工具有Charles和Fiddler, Fiddler只能用在Windows平台, 而Charles可用于Windows, Mac, IOS和Android多平台。下面就总结一下Charles的用法。 Web 抓取: Charles配合PC平台的抓取很简单,打开Charles确定它已经开启了录制的状态,随便在浏览器上面操作你的网页所访问到的接口就都会被Charles抓到,想哪个,打开看即可,Request,Response,Headers,Cookies等应有尽有。 修改请求或返回值: 有时候我们需要修改请求或返回值来配合测试,Charles可以方便地帮你实现。在请求中,Charles可以做中间的编辑工作,原理如: 操作如下: 右击需要被修改请求,选择Breakpoints; 再次执行该请求时请求被发出后中断,你可以在Edit Request窗口对请求做你想要的修改,然后点击Execute继续发送请求,如果不需要改Request只想改Response的话可以在此直接点击Execute按钮; 请求发出,服务器处理后返回Response,这时服务器返回的Response被中断;你可以在Edit Response窗口做你想要的修改

Alpha阶段发布说明

给你一囗甜甜゛ 提交于 2019-12-22 07:15:35
自我介绍! 公课网是一个课程评价网站,暂时只面向 北航 全体学生哦。可能你会同时发现两个公课网,请认准“笨拙”组~. 链接在这里! 在公课网你可以: 通过 查看评分和评论 ,了解一门课程的优缺点! 为你的心仪课程 打分 !为你踩过的坑 吐槽 ! 发现评分最高的 TopN课程 和 TopN老师 ! 查看某一课程的 相关课程推荐 ,一键直达! 在个人页编辑自己的信息, 上传个性化图片 ! …… 一个月来的工作和成果…… Alpha阶段初期: 【新增】爬取教务真实数据并筛选,完成自动化入库代码。 【修复】重构数据库,减少冗余字段,满足新增功能。 【修复】包括搜索功能的主要功能正常运行。 【新增】制定分支管理等要求。 Alpha阶段中期: 【新增】对搜索增加模糊匹配功能。 【修复】在搜索结果较多时,页码超长问题。 【修复】重新设计除主页外所有页面,并完成相应的js,解决各页面UI不和谐的问题。 【新增】导航栏复用,减少代码冗余。 【修复】评论功能,支持匿名评论。 【新增】Top课程和Top教师总览,优秀课程和教师尽收眼底。 【新增】个人信息页面,支持上传图片,让评论不再单调。 【新增】相关课程推荐,为你推荐其他相关的课程。 【修复】通过修改sql语句,优化部分函数运行速度。 【新增】搭建服务器运行环境,从本地服务器迁移到华为云服务器。 运行环境 PC端