[转]移动端常见面试题一：移动端兼容解决方案
因为手机分辨率太小，如果按照分辨率来显示网页，字会非常小，安卓手机devicePixoRadio比较乱，有1.5的，有2的也有3的。想让图片在手机里显示更为清晰，必须使用2x的背景图来代替img标签（一般情况下都是2倍的），或者指定background-size:contain;都可以
用-webkit-min-device-pixel-ratio可以做到不同倍数不同尺寸的图片：
Android3+和iOSi5+支持CSS3的新属性为overflow-scrolling
设置alpha值为0就可以去除本透明灰色遮罩，备注：transparent的属性值在android下无效。
方法一：body添加ontouchstart
方法二：js给document绑定touchstart或touchend事件
在移动端中，如果给元素设置一个像素的边框的话，那么在手机上看起来是会比一个像素粗的。
解决方法：使用伪类元素模拟边框，使用transform缩放
某些低端手机不支持css3mask，可以选择性的进降级处理
比如可以使用js判断来引用不同class：
pc端字体正常显示，但ios真机就出现，h1、span等标签字体比较大。
某些Android手机圆角失效 background-clip:padding-box;
在移动端中，click事件是生效的，但是，点击之后会有300ms的延迟响应
原因：safari是最早做出这个机制的，因为在移动端里，浏览器需要等待一段时间来判断此次用户操作是单击还是双击，所以就有click300ms的延迟机制，Android也很快就有了
不用click，用自定义事件tap
tap是需要自定义的：如果用户执行了touchstart在很短的时间又触发了touchend,且两次的距离很小，而且不能
引入fastclick库来解决
在移动端中，图片的处理应该是很谨慎的，假设有一张图片本身的尺寸是X宽，设置和包裹它的div一样宽，如果是div宽度小于图片宽度没有问题，但是如果div宽度大于图片的宽度，图片被拉伸失真
解决方法：让图片最大只能是自己的宽度
img{
max-width: 100%;
display: block;
margin: 0 auto;
}
例如：
div是绝对定位的蒙层，并且z-index高于a。而a标签是页面中的一个链接，我们给div绑定tap事件：
我们点击蒙层时div正常消失，但是当我们在a标签上点击蒙层时，发现a链接被触发，这就是所谓的点透事件。
原因：
touchstart早于touchend早于click。即click的触发是由延迟的，这个时间大概在300ms左右，也就是说我们tap触发之后蒙层隐藏。此时click还没有触发，300ms之后由于蒙层隐藏，我们的click触发到了下面的a链接。
解决：
1.尽量都使用touch事件来替换click事件。例如用touchend事件（推荐）
2.用fastclick
3.用preventDefault阻止a标签的click
前端面试题 上拉加载,下拉刷新 vue怎么实现
下拉刷新和上拉加载这两种交互方式常见于移动端，类似于PC网页的分页，但交互形式不同。开源社区提供了多种解决方案，例如iscroll、better-scroll、pulltorefresh.js等库，使用这些库非常方便。通过原生方法实现一次上拉加载和下拉刷新，有助于更好地理解和使用第三方库。上拉加载和下拉刷新都依赖于用户交互...
面试内容运营常见问题
1、会问你从哪些渠道了解信息,比如怎么用好手机、移动端获取信息。 在这个问题中,面试官可以了解到你对互联网讯息的接受以及处理能力,和你自身对信息处理的独特见解。 2、对本公司的产品的了解。 这个问题是抛开产品运营所有职位的面试都会提的问题,但是你必须在表现出了解其公司背景的同时以与运营有关的更专业的知...
Web前端岗位面试题有哪些
10、移动端的布局用过媒体查询吗?11、使用 CSS 预处理器吗?喜欢那个?12、CSS优化、提高性能的方法有哪些?13、浏览器是怎样解析CSS选择器的?14、在网页中的应该使用奇数还是偶数的字体?为什么呢?15、margin和padding分别适合什么场景使用?16、抽离样式模块怎么写,说出思路,有无实践经验?[阿里航旅的面试题]17、...
如何去面试软件测试工程师?
工具类如Fiddler\/charles的抓包技巧，同样需要在《4天web测试》等视频中学习，而项目管理工具如禅道和JIRA也是面试中的加分项。如果你的目标是App专项测试，如安装、兼容性和性能测试，《移动端App测试》和《黑马APP测试实战》将提供帮助。除了技术能力，面试官还会关注你的思维敏捷度和问题解决能力。技术...
面试官:知道 Flutter 生命周期?下周来入职!
面试官通常会关注应聘者对 Flutter 生命周期的理解程度。了解 Flutter 的生命周期管理对于移动端开发工程师至关重要。Android 开发人员熟悉 Activity 的生命周期，iOS 工程师则熟悉 UIViewController 的生命周期。然而，Flutter 提供了自己的生命周期概念，特别是针对 StatefulWidget（有状态组件）的管理。无状态...
教师资格面试常见的问题有哪些?
你有什么特长 这是很常见的一个问题，因为能担当老师最则为的人非常多，可是千篇一律的老师，只是书面知识能力很强，对于自己特长问题就会回避，如果你在面对教师资格证的面试情况下，被提到了特长的问题，那么你就要另辟奇径，并且你的特长最好能影响到学生。就比如一个擅长语文或数学的老师，他在体育...
面试官问:PC端与移动端在UI设计方面有什么区别
前端开发中PC端和移动端网站的区别，主要是：1、PC端在开发过程中考虑的是浏览器兼容性，移动端开发中考虑的是手机兼容性问题，做移动端开发，更多考虑的是手机分辨率的自适应和不同手机操作系统的略微差异化；2、在部分事件的处理上，移动端自然是偏向于触屏的，另外包括移动端弹出的手机键盘该如何处理...
教资面试都有什么内容
简单来说，面试分为结构化面试、试讲和答辩三个环节，但报考幼儿园类别的考生需进行才艺展示并写活动设计。面试的流程 考生进入候考室签到后，分组抽签，抽取试讲题。随后在备课室写教案，限时20分钟。进入考场后，进行结构化面试5分钟，试讲10分钟，答辩5分钟。什么是结构化面试？结构化面试也称标准化面试...
ui设计师面试需要准备哪些作品
关于这个问题，可能是很多UI设计师关注的问题。特别是那些准备转行，跨行业或者从其他设计领域转过来的人，没有UI设计面试经验的人。那么到底如何准备面试，才能让自己通过率高成功拿到offer呢？（我不是大神，但是希望对初次参加UI面试的人一些建议。）我将这个分两部分描述。第一部分是面试前---简历部分...
教师资格面试技巧
教师资格面试技巧：第一是问候，进去和老师问好。这是必要的礼貌，但是要注意，一定要等他们看到你的时候在鞠躬或者问好。很多时候考官都在低头讨论没有注意到。这时候把材料交给他们就上讲台准备开始。第二是回答，一般考官会先说话，就是诸如欢迎您来面试，宣读时间规则这些。这时候就要调整心态，告诉自己...
镡俊寒喘： 1.定位问题:ios2.写背景图时最好加上top left 或者0 0 不然写运动效果时容易出现跳3.防止手机中网页放大和缩小:<meta name=＂viewport＂ content=＂user-scalable=0＂ />4.设置Web应用是否以全屏模式运行:<meta name=＂apple-...
尉犁县18465562835： web前端常见的面试题有哪些?？
镡俊寒喘： ＂web前端常见的面试题有: px和em的区别 px表示像素 (计算机屏幕上的一个点:1px = 1/96in),是绝对单位,不会因为其他元素的尺寸变化而变化; em表示相对于父元素的字体大小.em是相对单位 ,没有一个固定的度量值,而是由其他...
尉犁县18465562835： 为什么那么多人喜欢玩微信,微信功能还没qq多呢 - ？
镡俊寒喘： 反对楼上 微信上的功能单调 功能上拥有的qq早已做到了 凭这点微信对于qq来说是显得多么的低端 落后 说微信有优势 呵呵 人家qq支持空间,邮箱,群组 支持电脑端 虽然微...
尉犁县18465562835： #高级ui设计师移动端#最近在找UI设计的工作,大家在面试中有遇到什么奇葩的问题 - ？
镡俊寒喘： 有些公司的面试官与你应聘同岗位,害怕被替换,会告诉你,这个单位非常不好,非常不人性等等……… 你说的什么话,她会故意放大.还吓唬你这里很累,很差,待遇低等等.我面试的一家大公司,还是央企面试就是这样,很奇葩.你真进去也不会开心,来自不欢迎你的同岗面试官,哈哈.
尉犁县18465562835： 关于面试问题,面试常见问题有哪些? - ？
镡俊寒喘： 关于面试问题主要是面试技巧和常见的面试问题.所以在面试之前一定要仔细看一下这方面的面试问题,这对面试很有帮助. 面试技巧自我介绍 十大面试技巧 面试技巧问题 面试技巧101招 大学生生就业求职面试技巧 这些面试问题应该对你有帮助,地址:http://www.pooxi.com.cn/a/qiuzhimianshi/jiqiao/
尉犁县18465562835： 手机当做电脑屏幕(手机可以当做电脑屏幕) ？
镡俊寒喘： 手机可以当做电脑屏幕1.下载MirrorOpReceiverforWindows2.打开压缩文件,运行... 1、WIFI无线控制:系统以移动端(手机,IPAD)为控制端,首次实现了远程无线控...
尉犁县18465562835： UI设计师面试常问的几个问题 - ？
镡俊寒喘： 1.*个问题就有点坑,其实这个问题只是想了解你在设计的时候有没有自己的想法,因为你认为好的作品必定是你倾注了大量的心血在里面,可能是你根据用户定位和产品特性调了很久的配色系统,可能是你花了大量时间尝试不同的排版挑选*的...
尉犁县18465562835： 跪求:桂花鱼和八爪鱼的介绍和英文名称,还有海星,鲫鱼,鲸鱼,鲈鱼,胭脂鱼,中华鲟,海马等鱼的英文名称 - ？
镡俊寒喘： 鳜 俗称:鳜花鱼、季花鱼、桂花鱼、桂鱼、鯚鱼. 英文名:Chinese perch 学名:Siniperca chuatsi 属鲈形目,鮨科,鳜亚科,鳜属.Siniperca chuatsi(Basilewsky).体较高而侧扁,背部隆起.口大,下颌明显长于上颌.上下颌、犁骨、...
尉犁县18465562835： 移动端网站与传统网站建设有什么区别 - ？
镡俊寒喘： 从这几方面区别:1、手机网站界面风格 移动网站页面风格整体强调统一,这种需要保持网站在设计风格中采用色彩搭配.界面整洁和简洁,让网站整体看起来赏心悦目.网站导航功能简单明了,还有就是做好网站在移动端的兼容性问题.2、...
尉犁县18465562835： 面试的常见问题有哪些?如何合理的回答? - ？
镡俊寒喘： 问题一:“请你自我介绍一下” 思路: 1、这是面试的必考题目. 2、介绍内容要与个人简历相一致. 3、表述方式上尽量口语化. 4、要切中要害,不谈无关、无 用的内容. 5、条理要清晰,层次要分明.6、事先最好以文字的形式写好背熟....
