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

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

Vue 移动端框架

1. vonic vonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约。中文文档 | github地址 | 在线预览 ?...Mint UI Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库。中文文档 | github地址 | 在线预览 ? Mint UI 4....Cube-UI 滴滴 WebApp 团队实现的基于 Vue.js 实现的精致移动端组件库中文文档 | github地址 | 在线预览 ?...Vue.js modal 易于使用，高度可定制，移动友好的Vue.js 2.0+ modal。在线文档 | github地址 | 在线预览 ? Vue.js modal 14....Onsen UI 相关文章 Vue PC端框架别走，还有后续呐······ 如果小伙伴们有比较好的移动端框架，欢迎在评论区留言砸场，谢谢你的贡献。

4.2K3 0

js判断移动端和pc端

//判断是手机端还是pc端 function isPc(){ if(window.navigator.userAgent.match(/(phone|pad|pod...MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) { return true; // 移动端...}else{ return false; // PC端 } }

13.1K6 1

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

是的

没有找到

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 组件，能够满足日常的移动端开发需要。...和 ionic 样式的 UI 框架，用于快速构建移动端单页应用 6.Vant 中文文档：https://open.youzan.com/zanui/ github地址：https://github.com...2.0 的移动端组件库，主要核心目标是做到体验极致、灵活性强、易扩展以及提供良好的周边生态—后编译。

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

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

js移动端中touch事件

触摸事件是在移动设备(如智能手机或平板电脑)上查看页面时触发的事件。它们允许您跟踪多点触摸事件。...我们有4个触摸事件: touchstart 触摸事件已经启动(触摸表面) touchend 一个触摸事件已经结束(表面不再被触摸) touchmove 触摸移动手指(或任何接触设备的东西)在表面移动 touchcancel

11.2K2 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%的业务量，让项目更容易维护。.../zepto.js"> js/qvm.js"> var.../zepto.js"> js/qvm.js"> var

1.8K10 0

移动端minimvvm框架qvm实现

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

1.4K2 0

js 判断当前是移动端还是PC端

源代码：https://gitee.com/miofly/resources // 移动端兼容 ;var adaptive={};(function(f,g){var h=f.document;var...=750;window['adaptive'].scaleType=1;window['adaptive'].init();; function isPc () { // 判断是移动端还是...PC端 var _$=["Win", "Mac", "X11"]; var is_win=navigator["platform"]["indexOf"](_$[0])==0;...'PC端' : '移动端')

13.3K4 0

移动端开发框架Zepto.js入门（快速方式，后端node开发）

课程地址：https://www.imooc.com/learn/229 一、常见移动端开发框架简介二、Zepto框架介绍和入门三、 Zepto框架核心API 1.Core 2.事件自定义事件...手机模拟事件 touch.js的第三方插件库 3.zepto ajax 自带的四个模块 4.zepto插件先了解设计模式创建插件，扩展四、移动端简单网页案例 1.移动端案例介绍 ajax请求，dom...节点渲染，事件绑定 2.项目目录结构后端代码-node.js lib-逻辑方面，views存放一些模板前端代码-zepto.js libs封装了一些公用方法和业务相关的代码发布，多个文件打包压缩...3.页面结构搭建后端用express写增加一个页面从服务器取数据添加一些内容 4.页面的js逻辑

2.1K3 0

原生JS实现移动端滑动反弹

就是类似于 PC端的滚动事件，但是在移动端是没有滚动事件的，所以就要用到 Touch事件结合 js去实现，效果如下： ? 1. 准备工作什么是移动端的 Touch事件？...在移动端 Touch事件可以细分成三种，分别是： touchstart、 touchmove和 touchend，并且 touch事件必须要用 addEventListener去监听。...基本结构此案例模拟的是移动端的一种滑动菜单效果。...还要做另一件事情，就是获取两点的差值（ B.clientY-A.clientY），将这个差值动态赋值给 ul， ul只需要设置向 Y轴方向偏移这个距离，就能实现列表随手指滑动先来张示意图，怎么通过 js...maximum-scale=1.0, minimum-scale=1.0"> 移动端

13.8K2 0

flow-vue.js移动端效果

得益于vue.js和element，以及vue-element-extends在线表格编辑。前后端分离的后端用golang+beego框架，服务器采用腾讯云。

6.1K3 0

移动端常用开发插件和框架

移动端常用开发插件 1.1. 什么是插件移动端要求的是快速开发，所以我们经常会借助于一些插件来帮我完成操作，那么什么是插件呢？...我们可以通过 JS 修改元素的大小、颜色、位置等样式。 2. 移动端常用开发框架 2.1....移动端视频插件 zy.media.js 框架，顾名思义就是一套架构，它会基于自身的特点向用户提供一套较为完整的解决方案。框架的控制权在框架本身，使用者要按照框架所规定的某种规范进行开发。...前端常用的框架有 Bootstrap、Vue、Angular、React 等。既能开发PC端，也能开发移动端前端常用的移动端插件有 swiper、superslide、iscroll等。...它能开发PC端，也能开发移动端 Bootstrap JS插件使用步骤： 1.引入相关js 文件 2.复制HTML 结构 3.修改对应样式 4.修改相应JS 参数

2.2K3 0

移动端滚动加载-----jQuery 和原生JS

bind('scroll',isScrollBottom);},2000); } } $(window).bind('scroll',isScrollBottom); 原生JS

24.9K1 0

js判断是否是电脑端访问还是移动端访问

2015-12-21 00:36:14 在进行网站开发中经常会遇到一些只允许电脑端访问，但是不允许移动端访问，或者说是只允许移动端访问，不允许pc端访问，所以需要我们判断一下用户的访问端类型。

8.6K1 0

原生js实现简单移动端轮播图

最近项目不是很忙，自己就用原生js写了一个简单的移动端轮播图的小demo，可实现自动轮播和手势滑动轮播，然后就把它记录到个人博客里。还有很多不足的地方，希望多多指出，以便改进。...1、代码部分分为四个文件：　　slideshow.html 　　slideshow.css 　　base.js 　　slideshow.js 1.1、slideshow.html 移动端...{ padding: 0; margin: 0; -webkit-box-sizing: border-box;/*兼容移动端主流浏览器*/ box-sizing: border-box...,sans-serif;/*移动端默认的字体*/ font-size: 14px; color: #333; } ol,ul{ list-style: none; } /*清除浮动

23.2K6 0

06-移动端开发教程-fullpage框架

1. fullpage.js的主要功能 fullPage.js是一个基于jquery的插件，它能很方便的制作出全屏网站，github地址。主要功能有：支持鼠标滚动。支持前后退和键盘控制。...2. fullpage.js的使用 2.1 兼容性 fullpage.js是jQuery的插件，需要依赖jQuery，要求jQuery最低的版本是1.6+。浏览器能兼容到ie8+及其他现代浏览器。...npm npm install fullpage.js 第三种： CDNJS地址:https://cdnjs.com/libraries/fullPage.js 2.3 引入文件及文件依赖关系 fullpage.js.../js/jquery-1.11.3.min.js"> <script src="....fn.fullpage.moveSectionUp(); }); 配合animate.css实现动态效果案例首先说明animate.css本身就有兼容问题，ie9+浏览器可以无视，另外考虑到手机的性能，移动端尽量不要使用大量动画

7.6K9 0

移动端自动化测试框架搭建

搭建框架的几点思考：需要框架实现什么功能前期需要做数据与业务分离，方便维护测试用例集管理要方便，便于异常时重新Run单条用例用例设计需要尽可能简单，多提供公共方法目前设计框架如下图： ?...os.system("cd C:\\Program Files (x86)\\Appium\\ && start node node_modules\\appium\\lib\\server\\main.js

9492 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭