h5 移动端框架 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

移动端H5开发入门

H5做的页面确实超级漂亮。但为了在同事朋友面前装一下，还是要熟悉一下的。然后就可以告诉他们：不就是CSS3新增的那几个动画属性，在加上一下JS的东西嘛，不难！^_^ 昨天看了一下午的一个H5。...然后就是还会有一些背景音乐控制、个别的还存在视频(不用担心，都是H5提供的接口，需要使用时查看一下文档就差不多)；然后就是一些页面之间的过度、这部分可能会用到缩放、透明度转换、以及简单地动画效果...// 下面的代码片段是从一个手机H5页面获取的，是不是发现啥了 function startLoading() { // simulate loading something..

2.7K2 0

H5移动端rem适配

1 /** 2 * 移动端自适应 3 */ 4 <meta name="viewport" 5 content="width=device-width,user-scalable

1.7K4 0

您找到你想要的搜索结果了吗？

是的

没有找到

H5和移动端通信

alert、confirm、prompt）JavaScriptCore（只适用于UIWebView）WKScriptMessageHandler（只适用于WKWebView，iOS8+）Bridge第三方框架...（适用于UIWebView和WKWebView）1. url拦截url拦截是在H5请求一个地址后，客户端拦截住这个地址，对地址进行解析处理H5中调用iOS方法代码：H5代码框架(1)第三方框架DSBridge(2)第三方框架WebViewJavascriptiOS调用JS方法1. UIWebView2. WKWebView1. ...JavaScriptInterfaceH5端代码 <script type

2K3 0

Vue 移动端框架

1. vonic vonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约。中文文档 | github地址 | 在线预览 ?...vonic 2. vux vux 基于WeUI和Vue(2.x)开发的移动端UI组件库。...Cube-UI 滴滴 WebApp 团队实现的基于 Vue.js 实现的精致移动端组件库中文文档 | github地址 | 在线预览 ?...Mand-Mobile 面向金融场景的Vue移动端UI组件库，丰富、灵活、实用，快速搭建优质的金融类产品。中文文档 | github地址 | 在线预览 ?...Onsen UI 相关文章 Vue PC端框架别走，还有后续呐······ 如果小伙伴们有比较好的移动端框架，欢迎在评论区留言砸场，谢谢你的贡献。

4.2K3 0

移动端H5坑位指南

query]，笔者曾经发表过《H5与App的通讯方式》讲述URL Scheme的使用。...禁止页面缩放可保障移动端浏览器能无遗漏地展现页面所有布局。...2007年苹果发布首款iPhone搭载的Safari为了将桌面端网站能较好地展示在移动端浏览器上而使用了双击缩放。...鉴于该方案的成功，其他移动端浏览器也复制了该方案，现在几乎所有移动端浏览器都配备该功能。而该方案引发的点击延迟被称为点击穿透。...使用渲染使用渲染使用渲染复制代码经过网易MTL测试的数据显示，大部分移动端浏览器只能识别渲染的二维码，为了让全部移动端浏览器都能识别二维码，那只能使用渲染二维码了

4.8K1 0

pageResponse - 移动端适配框架

HTML5学堂：移动端布局一直都是一个问题，各种各样的分辨率使得移动端的布局需要耗费大量的时间。今天介绍一个框架pageResponse.js可以让页面在各种分辨率手机下都能完全不走样。...通常移动端的布局方式 1、rem布局，通过动态设置根目录下的font-size达到元素大小“自适应”，通常和百分比布局一起使用 2、固定像素设固定视口宽度。...结束语移动端有很多做法，对于我来说之前提到的三种常用的方法我都用过，而他们经常是结合着用，单独的存在往往不能够满足需求，就拿一个简单的例子来说 main footer 竖屏的时候你希望footer在底部...移动端看似简单，布局上却有非常多的细节问题。因此多学多思考，学如逆水行舟，不进则退。希望大家能多对比多思考，方法总有优缺点，懂得如何互助互补才是关键。...案例和资源详细案例和js下载，可查看文章——>pageResponse - 让H5适配移动设备全家，小编在书写本文时也查看了这篇文章，感觉还是可以的，也很感谢该作者的分享。

1.4K6 0

Vue移动端UI框架

自从Vue成为前端的主流框架之后，各家UI框架也越来越多，今天重点聊一聊移动端的那些框架吧，Vue移动端框架到底哪家强？以下排名不分先后，开发过程中根据自己的具体业务需求来做选择。...x-page=v2-doc-home#/ VUX 是基于 WeUI 和 Vue.js 的移动端 UI 组件库,提供丰富的组件满足移动端(微信)页面常用业务需求，可以说是相当的全面了。 ?...，包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。...，用于快速构建移动端单页应用 6.Vant 中文文档：https://open.youzan.com/zanui/ github地址：https://github.com/youzan/zent Vant...目前已有近 50 个组件，这些组件被广泛使用于有赞的各个移动端业务中。 ? 优点： 1：有小程序版本,可以平滑兼容小程序web和app。 2：业务组件丰富,什么时间啊,地址选择啊,商品列表啊等。

3.7K2 0

移动端常用开发框架

框架，顾名思义就是一套架构，它会基于自身的特点向用户提供一套较为完整的解决方案。框架的控制权在框架本身，使用者要按照框架所规定的某种规范进行开发。...前端常用的框架有 Bootstrap、Vue、Angular、React 等。既能开发PC端，也能开发移动端前端常用的移动端插件有 swiper、superslide、iscroll等。...框架：大而全，一整套解决方案插件：小而专一，某个功能的解决方案 Bootstrap http://www.bootcss.com Bootstrap 是一个简洁、直观、强悍的前端开发框架，它让...它能开发PC端，也能开发移动端 Bootstrap JS插件使用步骤： 1.引入相关js 文件 2.复制HTML 结构 3.修改对应样式 4.修改相应JS 参数

1.4K3 0

用于H5的移动开发框架

用于H5的移动开发框架今天给大家介绍10款有关HTML5移动开发APP开发框架,这几款框架都是比较优秀的移动 Web 开发框架，能够帮助开发者更加高效的开发移动Web应用。....jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。...国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。...从轻量级的、执行明显快于jQurey模板的内置模板库，到利用CSS3硬件加速的(如果可能)优化动画和先进的虚拟化用户界面，Kendo UI不遗余力地提供高性能的客户端UI。...平台UI为基础，补充部分Android平台特有的UI控件　　流畅体验　　• 下拉刷新　　为实现下拉刷新功能，大多H5框架都是通过DIV模拟下拉回弹动画，在低端android手机上，DIV动画经常出现卡顿现象

8.2K1 0

Vue PC端框架和Vue移动端UI框架

在学习Vue的过程之中，我发现不管是 BAT 大厂，还是创业公司，Vue 都有着广泛的应用，而且框架层出不穷，学习文档也越来越多，Vue也越来越受欢迎。...下面是我整理的 Vue PC端和移动端的UI框架，建议收藏，方便以后学习的时候拿出来查看。 Vue PC端框架 1....https://josephuspaye.github.io/Keen-UI/#/ui-alert github地址：https://github.com/JosephusPaye/Keen-UI Vue移动端...UI框架 1.Vux 中文文档：https://vux.li/#/ 在线预览：https://vux.li/demos/v2/?

2.9K4 0

用于H5的移动开发框架

用于H5的移动开发框架 ? 今天给大家介绍10款有关HTML5移动开发APP开发框架,这几款框架都是比较优秀的移动 Web 开发框架，能够帮助开发者更加高效的开发移动Web应用。. ?...十款移动APP开发框架 ?...jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。...从轻量级的、执行明显快于jQurey模板的内置模板库，到利用CSS3硬件加速的(如果可能)优化动画和先进的虚拟化用户界面，Kendo UI不遗余力地提供高性能的客户端UI。...平台UI为基础，补充部分Android平台特有的UI控件　　流畅体验　　• 下拉刷新　　为实现下拉刷新功能，大多H5框架都是通过DIV模拟下拉回弹动画，在低端android手机上，DIV动画经常出现卡顿现象

8.5K4 0

移动端H5页面截图

如果不是在移动端的话，建议使用SVG格式，更为清晰。两个插件个人更喜欢 domtoimage ~ DEMO: https://codepen.io/CandyQiu/pen/XzmGNL?

3.9K5 0

【H5】316- 移动端H5跳坑指南

最近在一个移动端的 Web 项目中踩了很多的坑，感觉有必要把它们记录下来，分享给即将踏入移动端 Web 开发大门的朋友们，更好的解决ios和android兼容。...10.iOS 1px border 实现 iOS设备上，由于retina屏的原因，1px 的 border 会显示成两个物理像素，所以看起来会感觉很粗，这是一个移动端开发常见的问题。

1.7K2 0

H5移动端适配IphoneX等机型

图中，Iphonex机型在头部和底部新增了这两个区域，所以我们需要针对这类机型做些适配，方便我们的webapp的展示 h5做成的移动端页面，常见布局为头部+躯干+底部三栏模式，头部和顶部都是固定定位，躯干可里的内容可以滚动...显示电量信号等等)遮挡的情况，底部的导航栏被IphoneX自带的呼吸灯(图中手机底部的白条)遮挡的情况，给用户的操作和体验带来困扰，目前针对这类问题，根据自己做过的项目，整理了一下几种解决方案我使用的是vue框架

1.3K1 0

H5移动端适配原理及方案

工作中接触到了移动端的开发，所以最近学习一下移动端相关内容。目前还是一个初学者，出现任何问题请多多谅解。...移动端页面需要具备响应式设计，以适应不同大小和分辨率的移动设备屏幕。使用流体网格布局、弹性图片和媒体查询等技术，确保页面在各种设备上都能良好显示。...移动端适配原理在学习移动端适配原理之前，我们先了解一下在 VSCode 中自动生成的 head 标签中的 viewport。viewport 可以翻译为视区或者视口。...由于移动设备和桌面设备有不同的屏幕尺寸和分辨率，使用视口可以使网页在不同设备上得到合适的显示。viewport 视口。如果要实现浏览器适配移动端，首先我们要统一标准视口。...在移动端常用到的是 rem，通过使用 rem 单位，可以相对于根元素的字体大小来定义布局和元素的尺寸，从而使网页更灵活地适应不同的屏幕尺寸。

4.6K1 0

【移动端DL框架】当前主流的移动端深度学习框架一览

大家好，继之前的12大深度学习开源框架之后，我们准备开通新的专栏《移动端DL框架》，这是第一篇文章，先来做一个总体的介绍，更多的细节可以关注以后的文章。...在这个专栏中，我们会介绍与移动端的模型训练和部署有关的框架的使用。...作者&编辑 | 言有三深度学习模型要落地，比如要部署到手机等移动端平台，之前给大家介绍的用于训练的框架就不能直接使用了，我们需要相应的移动端框架，目前国内外各大公司纷纷开源自家的框架。.../caffe2 https://caffe2.ai/docs/zoo.html https://github.com/caffe2/models 4 NCNN ncnn是2017年腾讯优图实验室开源的移动端框架...作为后起之秀，自然是吸取了前面开源的这些移动端推理框架的所有优点。 ? 已经用于阿里的淘宝，优酷等多个应用，覆盖短视频、搜索推荐等场景。

2K1 0

移动端minimvvm框架qvm实现

gitHub地址 1，移动端minimvvm框架qvm实现 qvm概念，一个适用于移动端的mini mvvm(什么是mvvm？没了解的同学自己去了解)框架。...而在移动浏览器时代，浏览器原生的支持可以让我们用最少的代码来实现一个mvvm框架库，来最大程度的减少移动端业务代码的开发工作。...预计对于中大型的移动前端应用项目，使用mvvm能减少至少30%的业务量，让项目更容易维护。

1.8K10 0

移动端minimvvm框架qvm实现

本文作者：IMWeb ouven 原文出处：IMWeb社区未经同意，禁止转载 ---- gitHub地址 1，移动端minimvvm框架qvm实现 qvm概念，一个适用于移动端的mini mvvm...没了解的同学自己去了解)框架。参考了angular和vuejs的设计实现思路，并进行简化封装，目前使用的zepto基本依赖库，使用最少的代码实现了基础功能版。...而在移动浏览器时代，浏览器原生的支持可以让我们用最少的代码来实现一个mvvm框架库，来最大程度的减少移动端业务代码的开发工作。...预计对于中大型的移动前端应用项目，使用mvvm能减少至少30%的业务量，让项目更容易维护。

1.4K2 0

移动端H5 QQ在线客服链接代码

移动端H5 QQ在线客服链接代码移动端H5 QQ群在线客服链接代码 <a href="mqqapi://card/show_pslcard?

2.2K1 0

h5移动端智慧办公项目案例

h5开发的微信端智慧办公——weDingTalk项目，运用到了html5+css3+jquery+swiper+wcPop等技术进行开发，其中wcPop.js弹窗插件又进行了一次全面升级(新增全屏弹窗)

2.2K1 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭