框架，顾名思义就是一套架构，它会基于自身的特点向用户提供一套较为完整的解决方案。框架的控制权在框架本身，使用者要按照框架所规定的某种规范进行开发。...前端常用的框架有 Bootstrap、Vue、Angular、React 等。既能开发PC端，也能开发移动端 前端常用的移动端插件有 swiper、superslide、iscroll等。...框架： 大而全，一整套解决方案 插件： 小而专一，某个功能的解决方案 Bootstrap http://www.bootcss.com Bootstrap 是一个简洁、直观、强悍的前端开发框架，它让...web 开发更迅速、简单。...它能开发PC端，也能开发移动端 Bootstrap JS插件使用步骤： 1.引入相关js 文件 2.复制HTML 结构 3.修改对应样式 4.修改相应JS 参数
写在前面：本人刚刚接触移动端开发，希望自己的见解能够帮助到他人，不足之处还望提醒。...1 移动端开发分类 1.1 Native App 原生App开发 优点： （1）用户体验好 （2）性能稳定 （3）操作速度快 （4）能够访问本地资源（通讯录，相册） （5）能够设计出色的动效，转场 （6...2 Web App 网页App开发 优点： （1）发版完全自控，随时更新 （2）跨平台，因为本身来说用的是Web的东西，所以可以在任意平台上运行 （3）成本小，Web页面嵌入Webview开发起来速度非常快...这样带来的后果是移动端会出现横向滚动条，为了避免这种情况，移动端会将视口缩放到移动端窗口的大小。...3.3 弹性盒模型 详解点击链接：https://blog.csdn.net/qq_42451979/article/details/80753153 写在最后：以上是我对移动端开发的部分理解，详细内容稍后更新
，使用系统默认 英文字体和数字字体可使用 Helvetica ，三种系统都支持 * 移动端定义字体的代码 */ body{font-family:Helvetica;} 2、移动端字体单位font-size...例如在触摸过程中突然页面alert()一个提示框，此时会触发该事件，这个事件比较少用 4、移动端click屏幕产生200-300 ms的延迟响应 移动设备上的web网页是有300ms延迟的，玩玩会造成按钮点击延迟甚至是点击失效...造成的后果用户纯粹单击页面，页面需要过一段时间才响应，给用户慢体验感觉，对于web开发者来说是，页面js捕获click事件的回调函数处理，需要300ms后才生效，也就间接导致影响其他业务逻辑的处理。...） */ -ms-user-select: none; /* IE 10+ */ } 18、移动端取消touch高亮效果 在做移动端页面时，会发现所有a标签在触发点击时或者所有设置了伪类...移动端基础框架 zepto.js 语法与jquery几乎一样，会jquery基本会zepto~ iscroll.js解决页面不支持弹性滚动，不支持fixed引起的问题~ 实现下拉刷新，滑屏，缩放等功能
移动端web开发基本上分为三种： 移动端网页开发 传统的页面开发，可以参考手机腾讯网。...移动端web app开发 简单来说就是在开发中使用一些浏览器私有的方法，使得web页面拥有一些native的功能。...由于本身没有深入移动端开发，但也可以预见一些移动端开发会碰到的问题： css与js跨平台的问题 h5及诸多新特性的使用 响应式布局及屏幕分辨率问题 native交互的使用 调试方法 性能优化 等等 当前移动设备的市场...接着，针对于前两种开发模式，还是有必要了解一下移动端浏览器关于viewport的概念！...再接着，要了解移动端页面的布局方式（流式布局，响应式布局与REM）移动端web页面布局的方式： px 我们都知道传统的pc端页面布局都是将最外层的container设置为980px或者1080px这样。
本文作者：IMWeb 何璇 原文出处：IMWeb社区 未经同意，禁止转载 移动端web开发基本上分为三种： 移动端网页开发 传统的页面开发，可以参考手机腾讯网。...移动端web app开发 简单来说就是在开发中使用一些浏览器私有的方法，使得web页面拥有一些native的功能。...由于本身没有深入移动端开发，但也可以预见一些移动端开发会碰到的问题： css与js跨平台的问题 h5及诸多新特性的使用 响应式布局及屏幕分辨率问题 native交互的使用 调试方法 性能优化 等等 当前移动设备的市场...接着，针对于前两种开发模式，还是有必要了解一下移动端浏览器关于viewport的概念！...再接着，要了解移动端页面的布局方式（流式布局，响应式布局与REM）移动端web页面布局的方式： px 我们都知道传统的pc端页面布局都是将最外层的container设置为980px或者1080px这样。
一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期的 PC 端页面在手机上显示的问题。...现在市场常见的移动端web页面通常有两种，单独制作移动端页面和响应式页面两种方案。主流还是PC和移动端各自单独制作一套页面。...,initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0, user-scalable=no" /> 二、响应式布局ui，非主流，一般按公司需要开发...响应式网站:即pc和移动端共用一套网站，只不过在不同宽度的屏幕下，样式会自动适配。...doc.addEventListener) { return; } // 适配rem的js代码函数，适用于移动web开发界面比例适配 var supportsOrientationChange
目前跨平台移动应用框架很多，个人感觉比较的火的有几个，当然这个也得根据自己的项目实际需求。 **IONIC** IONIC 是目前最有潜力的一款HTML5手机应用开发框架。...提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。即将发布的AngularJS 2.0将会专注于移动开发，相信IONIC一定会取得不错的成就 。...Mobile Angular UI Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的响应式移动开发HTML5框架。...它已经诞生很多年了，现在已经成为很常用的混合式编程开发框架。 Sencha Touch可以让你的Web App看起来像Native App。...问题是，是否有人可以开发一个框架，让Web开发人员可以利用他们所有的HTML、CSS和JavaScript知识，而且仍旧可以同iPhone的重要本地应用程序(如摄像头和通讯录)交互呢？
移动端常用开发插件 1.1. 什么是插件 移动端要求的是快速开发，所以我们经常会借助于一些插件来帮我完成操作，那么什么是插件呢？...移动端常用开发框架 2.1. 移动端视频插件 zy.media.js 框架，顾名思义就是一套架构，它会基于自身的特点向用户提供一套较为完整的解决方案。...前端常用的框架有 Bootstrap、Vue、Angular、React 等。既能开发PC端，也能开发移动端 前端常用的移动端插件有 swiper、superslide、iscroll等。...框架： 大而全，一整套解决方案 插件： 小而专一，某个功能的解决方案 2. 2. Bootstrap Bootstrap 是一个简洁、直观、强悍的前端开发框架，它让 web 开发更迅速、简单。...它能开发PC端，也能开发移动端 Bootstrap JS插件使用步骤： 1.引入相关js 文件 2.复制HTML 结构 3.修改对应样式 4.修改相应JS 参数
1.移动端视口问题 视口是指浏览器的可视区域，移动端的视口到底是多宽呢？ 现在市面上的大部分手机，比如iphone X，它的默认视口宽度为980px，而一个iphone X的屏幕宽度仅仅为375px。...我们可以使用谷歌浏览器的移动端调试工具，来访问百度的搜索结果，可以看到网页明显被缩小了，而且页面宽度定格在980px(不信的话大家可以试试)。...3.移动端尺寸 是同一个网页在不同尺寸手机中的效果。...这样一来，就要求我们在开发移动端的页面时，当遇到字体大小、宽高、margin、padding等尺寸类的属性时，不能设置固定的像素值。 注：border边框大小除外 (既然有问题，怎么会没有解决办法呢？...注意：在移动端，如果使用了背景图(比如雪碧图)，记得用同样的方式调整背景图的尺寸。 题外话：移动端看上去是不是很麻烦？视口那么小，还要引入各种东西，里面要添加的又杂又乱，还要计算数值，是不是很麻烦？
简洁高效的rem适配方案flexible.js 手机淘宝团队出的简洁高效的移动端适配库 我们再也不用写不同屏幕的媒体查询,因为js里做了处理 它的原理是把当前的设备划分成10分,但是不同设备下...Bootstrap前端开发框架 简介 bootstrap来自Twitter,是目前最受欢迎的前端框架,bootstrap是基于html,css和JavaScript的,它简洁灵活,使得web开发更加快捷...框架 顾名思义就是一套框架,它有一套比较完整的网页功能解决方案,而且控制权在框架本身,有预制样式库,组件和插件.使用者要按照框架规定的某种规范进行开发....,所以我们只考虑使用它的样式库.控制引入权在框架本身,使用者要按照框架所规定的规范进行开发. bootstrap使用四部曲: 1.创建文件夹 2.创建html骨架结构 3.引入相关样式文件 4.书写内容...响应式工具 为了加快对移动设备友好的页面开发工作,利用媒体查询功能,并使用这些工具类可以方便的针对不同设备展示或隐藏页面内容.
jQuery Mobile jQuery Mobile框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面。jQuery Mobile最新版本是1.4.0，默认主题采用扁平化设计风格。...Web框架，包括CSS基础样式和组件、JavaScript基础组件和一些动画效果库。...Amaze UI 非常注重性能，基于轻量的 Zepto.js 开发，并使用 CSS3 来做动画交互，平滑、高效，更适合移动设备，让你的 Web 应用可以高速载入。...CardKit CardKit 是来自豆瓣的一个移动 UI 框架，使用 Card\Unit\Component 概念快速构建移动 Web 应用。应用外观跟原生应用无异。...Framework7 Framework7 – 是一款开源免费的移动端 HTML 框架， 用于开发接近原生iOS或Android系统外观和体验的 hybrid mobile apps 或 web apps
Bootstrap 是基于HTML、CSS 和 JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。...使用者要按照框架所规定的某种规范进行开发。...对 IE8 支持但是界面效果不好,偏向用于开发响应式布局、移动设备优先的WEB 项目。...适合单独做移动端开发 2.6 bootstrap栅格系统 栅格系统英文为"grid systems" ,也有人翻译为“网格系统”，它是指将页面布局划分为等宽的列，然后通过列数的定义来模块化页面布局。...移动端技术选型 流式布局 (百分比布局) flex弹性布局(推荐) rem适配布局 (推荐) 响应式布局 建议:我们选取一种主要技术选型，其他技术做为辅助,这种混合技术开发
1.0 响应式开发原理 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。...Bootstrap 是基于HTML、CSS 和 JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。...中文网 官网 推荐网站 框架：顾名思义就是一套架构，它有一套比较完整的网页功能解决方案，而且控制权在框架本身，有预制样式库、组件和插件。使用者要按照框架所规定的某种规范进行开发。...对 IE8 支持但是界面效果不好,偏向用于开发响应式布局、移动设备优先的WEB 项目。...-4 col-lg-push-8">左侧 右侧 响应式工具 为了加快对移动设备友好的页面开发工作
Web开发者对设备宽度不感兴趣；这个是浏览器窗口的宽度。 所以在桌面环境下去使用width而去忘记device-width吧。我们即将看到这个情况在移动端会更加麻烦。...---- Part 3: 移动端 ---- 两个viewport viewport太窄了，以至于不能正常展示你的CSS布局。明显的解决方案是使viewport变宽一些。...现在想像你有一个小一些的框架，你通过它来看这张大图。（译者：可以理解为「管中窥豹」）这个小框架的周围被不透明的材料所环绕，这掩盖了你所有的视线，只留这张大图的一部分给你。...你通过这个框架所能看到的大图的部分就是visual viewport。当你保持框架（缩小）来看整个图片的时候，你可以不用管大图，或者你可以靠近一些（放大）只看局部。...像在桌面环境上一样，做为一个开发者你永远不需要这个信息。你对屏幕的物理尺寸不感兴趣，而是对屏幕上当前有多少CSS像素感兴趣。
移动端用tap时会有穿透问题 一：click与tap比较 click与tap都会触发点击事件，但是在手机web端，click会有200-300ms的延迟，所以一般用tap代替click作为点击事件。...singleTap 和doubleTap分别代表单次点击和双次点击 二：tap的穿透处理 使用zepto框架的tap的点击事件，来规避click事件的延迟响应，会出现穿透，即点击会触发非当前层的点击事件...就处在了页面的最前面 现在touchend冒泡到了document上，并且$('.b')在页面的最前面，然后就触发了click事件 四：解决穿透问题 1.github上有一个叫做fastclick的库，它能规避移动设备上...也可以不在body上初始化它，而在某个dom上初始化，这样，只有设个dom和它的子元素才能享受"无延迟"的点击 实践开发中，当元素绑定fastclick后，click响应速度比tap还要快一点。
fn.fullpage.moveSectionUp(); }); 配合animate.css实现动态效果案例 首先说明animate.css本身就有兼容问题，ie9+浏览器可以无视，另外考虑到手机的性能，移动端尽量不要使用大量动画
UI框架作为前端一门必须要了解并且熟练掌握的一门技术，关于目前不同的js框架对应的不同的框架还是有必要说说。 关于PC端的UI框架是在是太多了。...当然还有其他的 移动端的UI框架也挺多。不过这是针对于VUE来说的。 Vant UI。有赞公司出的一套电商类的UI框架，如果是做移动端电商的，想必这款UI框架用的是得心应手了吧 Muse UI。...我一直都是在使用react开发网站，不管是PC还是H5的。PC的当然是首选了 Ant Design，但是H5端的ant是真的没有PC的好用。...所以最开始在开发移动端的时候都是自己写的样式，交互体验也比较差。后面觉得是在是不行了。就到处找，找了一款国外的UI框架 Framework7。...不多最近我在使用这个框架的时候，其中的大部分功能还是挺不错的，在使用React开发的时候可以选择这款UI框架。不过如果是做H5，那最好就不要使用UI框架自带的路由了，真的太差了。
1. vonic vonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约。 中文文档 | github地址 | 在线预览 ?...vonic 2. vux vux 基于WeUI和Vue(2.x)开发的移动端UI组件库。...基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。小编在开发微信公众号的时候使用过，欢迎来评论区吐槽。...Quasar Quasar（发音为/kweɪ.zɑɹ/)是MIT许可的开源框架（基于Vue），允许开发人员编写一次代码，然后使用相同的代码库同时部署为网站、PWA、Mobile App和Electron...Onsen UI 相关文章 Vue PC端框架 别走，还有后续呐······ 如果小伙伴们有比较好的移动端框架，欢迎在评论区留言砸场，谢谢你的贡献。
web移动端 电话号码识别差异 在 iOS Safari （其他浏览器和 Android 均不会）上会对那些看起来像是电话号码的数字处理为电话链接，比如： 7 位数字，形如：1234567 带括号及加号的数字...移动端click屏幕产生200-300 ms的延迟,PC端无 问题描述：移动设备上的web网页是有300ms延迟的，往往会造成按钮点击延迟甚至是点击失效。...：ios就是当唤起键盘后，整个页面会被键盘压缩，也就是说页面的高度变小，并且所有的 fixed 全部变为了 absolute ,而 android 中唤起键盘是覆盖在页面上，不会压缩页面 可以通过监听移动端软键盘弹起...Refresh: 0; url={$go}"); 或者还可以输出js脚本跳转： echo "window.kk='{$go}'"; 累积中,上文存在错误情况请指正 参考： 总结移动端...H5开发常用技巧（干货满满哦！）
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
