移动互联网终端

基于 vue-cli 配置手淘的 lib-flexible + rem，实现移动端自适应 安装 flexible npm install lib-flexible --save 引入 flexible 在项目入口文件 main.js 中添加如下代码，引入 flexible import 'lib-flexible' px 转 rem 使用 webpack 的 px2rem-loader, 自动将 px 转换为 rem 安装 px2rem-loader npm install px2rem-loader --save-dev 配置 px2rem-loader 在 vue-cli 生成的文件中, 找到以下文件 build/utils.js, 如下添加配置 const px2remLoader = { loader: 'px2rem-loader', options: { remUnit: 75 // 1rem=多少像素 这里的设计稿是750px。 } } function generateLoaders(loader, loaderOptions) { const loaders = options.usePostCSS ? [cssLoader, postcssLoader, px2remLoader] : [cssLoader, px2remLoader] if (loader)

队名: 拾光组 组长博客链接 作业博客链接 团队项目情况 燃尽图(组内共享) 组长：宋奕 过去两天完成了哪些任务 继续维护后端代码 学习深入python 研究匿名拨打电话问题、套牌多结果处理问题 GitHub签入记录 接下来的计划 维护后端代码，跟进组员完成进度，学习后端架构，学习深入python，解决匿名拨打电话问题，实现套牌多结果处理，准备beta版本的答辩 还剩下哪些任务 维护后端代码，跟进组员完成进度，学习后端架构，学习深入python，解决匿名拨打电话问题，实现套牌多结果处理，准备beta版本的答辩 燃尽图组内共享 遇到了哪些困难 天好冷，风好大，软工好难 有哪些收获和疑问 凭借对软工的热情战胜寒冷，克服困难 如何打代码的时候不冻手？ 组员1：杨晋南 过去两天完成了哪些任务 学习Android应用开发进阶 拍照功能完善 github签入记录 接下来的计划 学习Android应用开发进阶，准备beta版本的答辩 还剩下哪些任务 学习Android应用开发进阶，准备beta版本的答辩 燃尽图组内共享 遇到了哪些困难 困难地和寒冷作斗争 有哪些收获和疑问 了解云开发 如何打代码的时候不冻手？ 组员2：刘晓翔 过去两天完成了哪些任务 学习iOS进阶 完善移动端iOS界面存在的小问题 拍照功能的完善 GitHub签入记录 接下来的计划 学习iOS进阶

前端学习路线是螺旋上升的，前端学习需要耗费的时间和精力不比其他编程的少，由于前端稳健性的特点，使其成为大多数企业开发的刚需编程语言。 在网上看到有很多的前端学习路线图，但大部分的前端学习路线图是很零碎的，没有系统的前端学习目标和重点知识，也不知道学到什么程度可以找工作。黑马程序员的前端学习路线图是根据主流企业的前端要求不断更新的，黑马程序员的视频库能为你提供各个阶段的自学教程。 前端入门小白在网上搜到前端学习路线图后，傻了，要学习这么多，也没有重点，算了放弃吧。小白也不知道目前哪些技能是市场需要的，哪些技能正在被市场所淘汰掉。 在学习的过程中没有重点，就像大学期末考试老师没有划重点一样，经常是芝麻豆子一把抓。 企业对于前端人才最核心的需求并不是对单纯掌握某种应用型技术，而是希望前端开发者能够通过自己的经验帮助企业解决项目中随时出现的问题。 根据二八定律，我们应该用80%的有限精力去学20%的重点知识，这样学习效果是最优的。话不多说，上学习路线图。 第一阶段：HTML5 + CSS3 此阶段的学习目标： 能够独立把美工提供的PSD效果图还原成PC端静态代码页面。 此阶段的市场价值： 具备PC端静态网页开发的能力，还达不到企业用人标准。为后面学习网页编程阶段打下坚实基础。 此阶段的重点知识： 掌握 HTML5 常用标签； 掌握 CSS 语法及使用技巧； 掌握CSS3新增选择器；

pc端事件在移动端的问题 ​ 移动设备主要特点是不配备鼠标，键盘也只是在需要输入的地方才会激活虚拟键盘。所以以前的pc端事件在移动端使用起来就没有以前那么爽了，虽然部分仍然可以使用。 click事件的300ms延迟问题。 ​2007年第一代iphone发布，由于那个年代所有的网页都是针对大屏的pc端设计的，iphone的Safari浏览器为了让用户浏览网页的时候可以浏览到整个网页，把viewport设置为960px(参考前面的文章)，好是好，但是由于缩放了整个页面，导致内容变得非常小，视力6.0的都不一定看得清楚。 ​所以Safari浏览器自带了一个当时看起来相当酷的一个功能：双击缩放。你双击页面的时候，浏览器会智能的缩放当前页面到原始大小。 ​双击缩放的原理就是，当你click一次之后，会经过300ms之后检测是否再有一次click，如果有的话，就会缩放页面。否则的话就是一个click事件。 ​所以，当你想执行click操作的时候，就感觉到了”卡顿”。如果点击之后100ms之后没有反应，基本就有卡顿的感觉。 dblclick事件失效 由于双击缩放的存在，pc端的dblclick事件也失效了。 2.2移动端web新增touch事件 ​随着触屏设备的普及，w3c为移动端web新增了touch事件。 ​最基本的touch事件包括4个事件： touchstart 当在屏幕上按下手指时触发

队名: 拾光组 组长博客链接 作业博客链接 团队项目情况 燃尽图(组内共享) 组长：宋奕 过去两天完成了哪些任务 继续维护后端代码 学习深入python 研究匿名拨打电话问题、套牌多结果处理问题 GitHub签入记录 接下来的计划 维护后端代码，跟进组员完成进度，学习后端架构，学习深入python，解决匿名拨打电话问题，实现套牌多结果处理，准备beta版本的答辩 还剩下哪些任务 维护后端代码，跟进组员完成进度，学习后端架构，学习深入python，解决匿名拨打电话问题，实现套牌多结果处理，准备beta版本的答辩 燃尽图组内共享 遇到了哪些困难 天好冷，风好大，软工好难 有哪些收获和疑问 凭借对软工的热情战胜寒冷，克服困难 如何打代码的时候不冻手？ 组员1：杨晋南 过去两天完成了哪些任务 学习Android应用开发进阶 拍照功能完善 github签入记录 接下来的计划 学习Android应用开发进阶，准备beta版本的答辩 还剩下哪些任务 学习Android应用开发进阶，准备beta版本的答辩 燃尽图组内共享 遇到了哪些困难 困难地和寒冷作斗争 有哪些收获和疑问 了解云开发 如何打代码的时候不冻手？ 组员2：刘晓翔 过去两天完成了哪些任务 学习iOS进阶 完善移动端iOS界面存在的小问题 拍照功能的完善 GitHub签入记录 接下来的计划 学习iOS进阶

欢迎大家前往 腾讯云+社区 ，获取更多腾讯海量技术实践干货哦~ 互联网“下半场”，移动App开发对于质量、速度的要求更加苛刻。4月初，腾讯云正式上线移动开发平台MobileLine，借助腾讯在移动应用开发领域的成熟积累，帮助移动开发者低成本、快速的构建弹性、高质量的精品应用。 短短几天，就有几百个移动开发者申请接入使用。 一、简单、高效才是王道，腾讯内部移动开发百花齐放 腾讯一直积极拥抱移动互联网，打造了众多的精品应用。实际上，对于支撑移动开发的各种服务，腾讯内部也是百花齐放，比如移动分析、信息推送，Crash上报等通用服务。腾讯云MobileLine 作为腾讯移动服务对外输出的窗口，将把腾讯内部这套久经业务锤炼，拥有成熟经验的能力，通过云的形式输出给开发者，让移动开发更简单高效。 比如针对新的App开发者，MobileLine在App全生命周期的各个阶段提供不同的功能、工具支持；针对想在已有 App 添加移动服务的开发者，MobileLine支持无缝集成。目前，基于移动开发平台相关服务打造的应用包括：一部手机游云南、微信读书、KEEP、蘑菇街等。 二、赢在起跑线，打造云端一体化开发模式 腾讯云移动开发平台MobileLine针对开发者比较普遍的需求，首先开放一些开发者需求比较迫切的移动服务，让移动开发者能够享受到腾讯在移动开发这里成熟的积累，实现云和端一体化的闭环开发体验。 \1

引子 使用 position transform 实现从右边滑出的 h5 浮层效果，但在手机浏览器上左右滑动时，页面产生了左右滚动条，浮层也出来了。这是 问题页面 ，移动端访问如下： 这个现象不应该出现，问题好解决，但为什么会这样？想了一下，好像知道相关点，但又讲不清，所以在此梳理一下。 Origin My GitHub 原因 产生了滚动，很自然的就会想到 overflow 属性，那么就先来了解一下。 overflow 属性指定了块容器元素的内容溢出时是否被剪裁，是 overflow-x 和 overflow-y 的简写。 Name overflow 可取值 visible 默认值 visible 适用于 块级容器和建立了格式化上下文的盒子 继承性 无 visible ：这个值表示内容不会被剪切，可能会在盒子之外渲染。 hidden ：这个值表示内容被剪切，并且不应提供滚动用户界面来查看剪裁区域之外的内容。 scroll ：这个值表示内容被剪切，并且如果用户代理使用在屏幕上可见的滚动机制（例如滚动条或窗格），则无论盒子中的任何内容是否被剪裁，都应为盒子显示该机制。这是为了避免滚动条在一个动态环境中，出现和消失造成的任何问题。当指定这个值且目标媒介是打印时，溢出的内容可能会被打印，也可能不会打印。当用在 table boxes 时，这个值跟 visible 作用一致。 auto

队名: 拾光组 组长博客链接 作业博客链接 团队项目情况 燃尽图(组内共享) 组长：宋奕 过去两天完成了哪些任务 继续维护后端代码 学习深入python 研究匿名拨打电话问题、套牌多结果处理问题 GitHub签入记录 接下来的计划 维护后端代码，跟进组员完成进度，学习后端架构，学习深入python，解决匿名拨打电话问题，实现套牌多结果处理，准备beta版本的答辩 还剩下哪些任务 维护后端代码，跟进组员完成进度，学习后端架构，学习深入python，解决匿名拨打电话问题，实现套牌多结果处理，准备beta版本的答辩 燃尽图组内共享 遇到了哪些困难 天好冷，风好大，软工好难 有哪些收获和疑问 凭借对软工的热情战胜寒冷，克服困难 如何打代码的时候不冻手？ 组员1：杨晋南 过去两天完成了哪些任务 学习Android应用开发进阶 拍照功能完善 github签入记录 接下来的计划 学习Android应用开发进阶，准备beta版本的答辩 还剩下哪些任务 学习Android应用开发进阶，准备beta版本的答辩 燃尽图组内共享 遇到了哪些困难 困难地和寒冷作斗争 有哪些收获和疑问 了解云开发 如何打代码的时候不冻手？ 组员2：刘晓翔 过去两天完成了哪些任务 学习iOS进阶 完善移动端iOS界面存在的小问题 拍照功能的完善 GitHub签入记录 接下来的计划 学习iOS进阶

爬虫学习 09.移动端数据爬取 前言 随着移动市场的火热，各大平台都陆陆续续的推出了自己的移动端APP来拉拢吸引和便捷其广大的用户。那么在移动端的平台当时势必会出现大量有价值的信息和数据，那这些数据我们是否可以去享用一下呢？那么接下来就进入我们的移动端APP数据的爬虫中来吧。 今日概要 fiddler简介 手机APP抓包设置 fiddler设置 安装证书下载 安全证书安装 局域网设置 fiddler手机抓包测试 今日详情 1 什么是Fiddler? Fiddler是位于客户端和服务器端的HTTP代理，也是目前最常用的http抓包工具之一 。 它能够记录客户端和服务器之间的所有 HTTP请求，可以针对特定的HTTP请求，分析请求数据、设置断点、调试web应用、修改请求的数据，甚至可以修改服务器返回的数据，功能非常强大，是web调试的利器。 既然是代理，也就是说：客户端的所有请求都要先经过Fiddler，然后转发到相应的服务器，反之，服务器端的所有响应，也都会先经过Fiddler然后发送到客户端，基于这个原因，Fiddler支持所有可以设置http代理为127.0.0.1:8888的浏览器和应用程序。使用了Fiddler之后，web客户端和服务器的请求如下所示： 利用可以设置代理的这个特点，我们就可以对手机APP进行抓包了。怎么设置？不急不急，让我先把Fiddler安装上吧！

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 原文出处： 盛瀚钦 本文主要列举了调试本地网页、查看测试环境网页的各种方法，涵盖了PC、iPad、移动端的调试技巧。 本文的不足之处在于，小溪里暂时还没有找到调试位于微信中和安卓各国产浏览器上的网页。 相关设备概念： PC ：主要指以 Windows 系统为代表的台式机或笔记本，其通常为 1 倍屏 MacBook ：主要指 MacBook Pro Retina，其为 2 倍屏，但 Mackbook Air 为 1 倍屏 iPad ：主要指以 iPad Air Retina 和 iPad Mini Retina 为代表的，其为 2 倍屏，且按 1024 x 768 的“宽高”渲染网页。这里 iPad Pro Retina 是按 1366 x 1024 的“宽高”渲染网页，在CSS的媒体查询中可以按“笔记本”的断点来设置 移动端：主要是指手机。 iPhone 5s 及以下设备：按 320 的“宽”渲染网页，其为 2 倍屏幕 常规安卓设备：通常分辨率为 1080 x 1920 ，按 360 的“宽”渲染网页，其为 3 倍屏幕 iPhone 6 ：分辨率为 750 x 1344 ，按 375 的“宽”渲染网页，其为 2 倍屏幕 iPhone 6 plus ：实际分辨率为 1242 x 2208 ，按 414 的“宽