背景 还是之前的那个项目,做完国际化没多久,还没来得及划水, 又有新的活了 -- 移动端的兼容。 考虑到后期的复杂度, 需要做两套资源。 具体的目标是:同一个URL,PC打开就显示PC的那一套, M端打开就显示Mobile的页面。 create-react-app 脚手架本身不支持多入口, 需要改造 ...
分类:
其他好文 时间:
2020-05-31 16:25:34
阅读次数:
74
前言 2018年最后的法定假期都已经结束了,我相信大部分正在进行或曾经进行过移动端页面开发的同学都或多或少的了解过使用rem进行移动端页面适配的方案以及使用vw的方案,(没了解过的同学可以参见大漠老师的这两篇文章 使用Flexible实现手淘H5页面的终端适配和再聊移动端页面的适配)也面临过在不同适 ...
分类:
移动开发 时间:
2020-05-31 15:49:18
阅读次数:
138
代理截断工具有burpsuite、fiddler都是比较知名的,功能强大,此类工具有一个特性,就是必须设置代理服务器和端口才可以,burpsuite需要手工设置,fiddler是自动设置8080端口,自动设置比较方便,但是如果8080端口用了,会存在问题也要手工配置代理信息,现在很多移动端的app和web网站都对代理做了判断,通过获取客户端的HTTP_X_FORWARDED_FOR信息可以晓得是否
分类:
其他好文 时间:
2020-05-31 09:35:22
阅读次数:
108
这是我之前一直使用的第一种rem方案。贴代码 1 <script> 2 // 适用于750的设计稿 3 var iScale = 1; 4 // 通过页面加载的时候去获取用户设备的物理像素比 5 iScale = iScale / window.devicePixelRatio; 6 // 然后来设 ...
分类:
移动开发 时间:
2020-05-30 15:48:23
阅读次数:
84
对于移动端的Web单页应用来说,为了达到媲美原生应用的效果,页面过渡动画是必不可少的。常用的页面过渡动画包括: 位移——当前页向左侧或右侧水平移出可视区,下一页由反方向移入可视区。 不透明度变化——当前页淡出,下一页淡入。 1和2同时进行。 (注意:以下讨论和实验均在 Chrome 68 浏览器环境 ...
分类:
其他好文 时间:
2020-05-30 15:28:08
阅读次数:
51
1.1 前言 今天给学习开发的朋友推荐一款逆天神器FLEX. 虽然我是一名Java后端研发但是总免不了需要给移动端写Restful API,联调测试总是一件非常麻烦的事情。 1.2 FLEX 简介 那么FLEX 到底可以做什么呢? FLEX可以用来联调测试移动端API,也可以用来学习大厂App的写法 ...
分类:
移动开发 时间:
2020-05-30 10:51:24
阅读次数:
122
什么是关键词影响力? (暂时在移动端上线) 关键词影响力,是百度站长平台针对站点对于关键词数据分析的需求,推出的全新概念。 站点关键词影响力:在具体关键词下,站点获得的收益对应的关键词影响力; 最大关键词影响力:在具体关键词下,获得收益最高的站点影响力; 整体关键词影响力:在具体关键词下,百度为全部 ...
分类:
其他好文 时间:
2020-05-30 10:29:44
阅读次数:
755
引入下面这段css @charset "utf-8"; .border, .border-top, .border-right, .border-bottom, .border-left, .border-topbottom, .border-rightleft, .border-topleft, ...
分类:
移动开发 时间:
2020-05-29 14:02:36
阅读次数:
73
<template> <div> <div class="floatball" id="floatball" @mousedown="down" @touchstart.stop="down" @mousemove="move" @touchmove.stop="move" @mouseup="en ...
分类:
移动开发 时间:
2020-05-28 23:38:31
阅读次数:
97
全部代码::: <template> <div> <div class="floatball" id="floatball" @mousedown="down" @touchstart.stop="down" @mousemove="move" @touchmove.stop="move" @mou ...
分类:
移动开发 时间:
2020-05-28 21:39:10
阅读次数:
233