51Dev开发社区
登录 注册

#移动代理商

基于rem的移动端自适应解决方案
adaptivejs原理：利用rem布局，根据公式html元素字体大小=document根节点(html)宽度*100/设计图宽度计算html元素的font-size,使1rem等于100px,方便快速开发开发时，一个div设计图宽度为89px,那么在css中我们可以这样书写：width:0.89rem;如果是文字，我...
代码星球 ·2020-04-18

移动端 触屏滑动条菜单(完善版 转)
 1 1 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747...
代码星球 ·2020-04-18

移动端 设计与开发经验之ViewPort
Viewport ：字面意思为视图窗口，在移动 web 开发中使用。表示将设备浏览器宽度虚拟成一个特定的值（或计算得出），这样利于移动 web 站点跨设备显示效果基本一致。基本写法：<metaname="viewport"content="width=device...
代码星球 ·2020-04-18

移动端:active,:hover无法很好触发动画的解决方案
用css3定义了一个动画,使用:hover伪类调用动画时在移动端不能很好的进行动画.定义一个open类,满足open类的情况下触发动画使用js事件去控制动画,当滑动的时候加上open类,然后延迟与动画相同的时间移除open类这样就能很好的控制动画了<!DOCTYPEhtml><html><...
代码星球 ·2020-04-18

移动H5前端性能优化指南(转载)
概述1.PC优化手段在Mobile侧同样适用2.在Mobile侧我们提出三秒种渲染完成首屏指标3.基于第二点，首屏加载3秒完成或使用Loading4.基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB5.Mobile侧因手机配置原因，除加载外渲染速度也是优化重点6.基于第五点，要合...
代码星球 ·2020-04-18

移动前端头部标签(HTML5 head meta)
移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析html代码，更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。 <!DOCTYPEhtml><!--使用HTML5doctype，不区分大小写--><htmllang="zh-cmn...
代码星球 ·2020-04-18

JavaScript判断移动端及pc端访问不同的网站
现在很多网站都是分为两个版本，一个pc端的一个移动端的(响应式除外)，针对这两个版本，就需要对访问的设备进行判断，如果是pc，就直接访问pc网站，否则就访问移动端网站。对于这个问题可以通过判断UA来解决，前端js可以判断，后端判断也行，这里我们主要讨论的是如何通过js来处理。假如我们有一个网站，pc端通过www.tes...
代码星球 ·2020-04-18

移动端UC /QQ 浏览器的部分私有Meta 属性
如同桌面端一样，在国内做web 移动开发的话肯定得考虑下移动端占有率靠前的几个国产浏览器的一些适配工作。好在当前移动端浏览器都是wekit内核一霸天下，单从这个角度看兼容工作相对于桌面的百花齐放舒服了不少。数据就不罗列了，目前移动端国产浏览器的占有率上是UC 跟QQ 浏览器这对基佬，所以做...
代码星球 ·2020-04-18

web移动端性能调优及16ms优化
本文只是一个索引，收集了网络上大部分关于调试及优化方面的文章，从中挑选了一些比较好的文章分享给大家。移动端性能不及桌面浏览器性能的10分之1，特别是在android设备良莠不齐的情况下，性能显得尤为重要。感觉做移动端页面，重回了解放前电脑还是386的年代，呵呵。国内，16ms优化，60fps指标等相关的文章非常少，大部...
代码星球 ·2020-04-18

移动端HTML5资源整理
meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式viewport模板常见问题移动端如...
代码星球 ·2020-04-18

移动WEBAPP开发常规CSS样式总结
我所使用到的HTML页面标签：Section,div,artical,p,ol,ul,li,header,footer,span,form,input,label,h1,h2,h3 ；详细说明我就不说了，只给新手说下，为什么W3C那么多标签，只使用16个就可以把整个项目解决了？原因是不要以为标签多，我们就一定...
代码星球 ·2020-04-18

移动APP 中文输入法下的搜索优化
最近做了一个移动端的搜索功能，带有suggest。实现上并没有什么可说的，但是在后续优化上，特别是在中文输入法的情况下的优化使我学到一些新东西，所以决定写一篇文章。下面是我简化后的基本功能实现，监听输入框的input事件，当搜索框有输入时，根据输入内容和后端进行交互提供suggest，再监听keyup的事件，当用户敲击...
代码星球 ·2020-04-18

移动前端调试方案（Android + Chrome 实现远程调试）
一：背景通常情况我们调试移动端页面最常用的方法就是：切换pc端浏览器的userAgent来模拟手机或其他移动设备调试页面 然后用手机打开要调试的页面刷新页面查看调试结果但是这就存在两个问题在pc浏览器模拟手机可能造成调试不准用手机直接调试又多一步刷新 那怎么能达到在pc端修改代码在手机上直接看到修改...
代码星球 ·2020-04-18

chrome://inspect 移动前端调试方案（Android + Chrome 实现远程调试）
一：背景通常情况我们调试移动端页面最常用的方法就是：切换pc端浏览器的userAgent来模拟手机或其他移动设备调试页面 然后用手机打开要调试的页面刷新页面查看调试结果但是这就存在两个问题在pc浏览器模拟手机可能造成调试不准用手机直接调试又多一步刷新 那怎么能达到在pc端修改代码在手机上直接看到修改...
代码星球 ·2020-04-18

【原】移动web页面兼容处理的思考
本月收到一份关爱里程碑的邮件，入职满3周年了，从一个懵懂的新人到从容淡定的小油条，在外辛苦打工不容易，能收到一封简单的关怀邮件也是有感欣慰，这里祝愿公司越发展越好。进入主题，移动网页设计中，很多同学常问一个问题：这么多种移动设备，要兼容哪几类呢？相信很多人会回答主流的系统ios、android，但是这2个系统又有多个版...
代码星球 ·2020-04-18
首页上一页...2324252627...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他