1. vonic vonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约。 中文文档 | github地址 | 在线预览 ?...vonic 2. vux vux 基于WeUI和Vue(2.x)开发的移动端UI组件库。...Mint UI Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库。 中文文档 | github地址 | 在线预览 ? Mint UI 4....Cube-UI 滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库 中文文档 | github地址 | 在线预览 ?...Onsen UI 相关文章 Vue PC端框架 别走，还有后续呐······ 如果小伙伴们有比较好的移动端框架，欢迎在评论区留言砸场，谢谢你的贡献。
UI框架作为前端一门必须要了解并且熟练掌握的一门技术，关于目前不同的js框架对应的不同的框架还是有必要说说。 关于PC端的UI框架是在是太多了。...当然还有其他的 vue：目前常用的算得上是饿了么出的ElementUI了。当然还有其他的 移动端的UI框架也挺多。不过这是针对于VUE来说的。 Vant UI。...有赞公司出的一套电商类的UI框架，如果是做移动端电商的，想必这款UI框架用的是得心应手了吧 Muse UI。社区人员维护的一套UI框架。 Mand Mobile。也是社区活跃挺高的一款UI。...我一直都是在使用react开发网站，不管是PC还是H5的。PC的当然是首选了 Ant Design，但是H5端的ant是真的没有PC的好用。...所以最开始在开发移动端的时候都是自己写的样式，交互体验也比较差。后面觉得是在是不行了。就到处找，找了一款国外的UI框架 Framework7。
大家好，继之前的12大深度学习开源框架之后，我们准备开通新的专栏《移动端DL框架》，这是第一篇文章，先来做一个总体的介绍，更多的细节可以关注以后的文章。...在这个专栏中，我们会介绍与移动端的模型训练和部署有关的框架的使用。...作者&编辑 | 言有三 深度学习模型要落地，比如要部署到手机等移动端平台，之前给大家介绍的用于训练的框架就不能直接使用了，我们需要相应的移动端框架，目前国内外各大公司纷纷开源自家的框架。...https://github.com/pytorch/QNNPACK 7 MACE MACE是2018年小米在开源中国开源世界高峰论坛中宣布开源的移动端框架，以OpenCL和汇编作为底层算子，提供了异构加速可以方便在不同的硬件上运行模型...作为后起之秀，自然是吸取了前面开源的这些移动端推理框架的所有优点。 ? 已经用于阿里的淘宝，优酷等多个应用，覆盖短视频、搜索推荐等场景。
//判断是手机端还是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端 } }
自从Vue成为前端的主流框架之后，各家UI框架也越来越多，今天重点聊一聊移动端的那些框架吧，Vue移动端框架到底哪家强？以下排名不分先后，开发过程中根据自己的具体业务需求来做选择。...x-page=v2-doc-home#/ VUX 是基于 WeUI 和 Vue.js 的 移动端 UI 组件库,提供丰富的组件满足移动端(微信)页面常用业务需求，可以说是相当的全面了。 ?...Mint UI 是一个基于 Vue.js 的移动端组件库，包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。...和 ionic 样式的 UI 框架，用于快速构建移动端单页应用 6.Vant 中文文档：https://open.youzan.com/zanui/ github地址：https://github.com...Vue.js 2.0 的移动端组件库，主要核心目标是做到体验极致、灵活性强、易扩展以及提供良好的周边生态—后编译。
HTML5学堂：移动端布局一直都是一个问题，各种各样的分辨率使得移动端的布局需要耗费大量的时间。今天介绍一个框架pageResponse.js可以让页面在各种分辨率手机下都能完全不走样。...通常移动端的布局方式 1、rem布局，通过动态设置根目录下的font-size达到元素大小“自适应”，通常和百分比布局一起使用 2、固定像素设固定视口宽度。...结束语 移动端有很多做法，对于我来说之前提到的三种常用的方法我都用过，而他们经常是结合着用，单独的存在往往不能够满足需求，就拿一个简单的例子来说 main footer 竖屏的时候你希望footer在底部...移动端看似简单，布局上却有非常多的细节问题。因此多学多思考，学如逆水行舟，不进则退。希望大家能多对比多思考，方法总有优缺点，懂得如何互助互补才是关键。...案例和资源 详细案例和js下载，可查看文章——>pageResponse - 让H5适配移动设备全家，小编在书写本文时也查看了这篇文章，感觉还是可以的，也很感谢该作者的分享。
框架，顾名思义就是一套架构，它会基于自身的特点向用户提供一套较为完整的解决方案。框架的控制权在框架本身，使用者要按照框架所规定的某种规范进行开发。...前端常用的框架有 Bootstrap、Vue、Angular、React 等。既能开发PC端，也能开发移动端 前端常用的移动端插件有 swiper、superslide、iscroll等。...框架： 大而全，一整套解决方案 插件： 小而专一，某个功能的解决方案 Bootstrap http://www.bootcss.com Bootstrap 是一个简洁、直观、强悍的前端开发框架，它让...它能开发PC端，也能开发移动端 Bootstrap JS插件使用步骤： 1.引入相关js 文件 2.复制HTML 结构 3.修改对应样式 4.修改相应JS 参数
在学习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/?
目前跨平台移动应用框架很多，个人感觉比较的火的有几个，当然这个也得根据自己的项目实际需求。 **IONIC** IONIC 是目前最有潜力的一款HTML5手机应用开发框架。...提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。即将发布的AngularJS 2.0将会专注于移动开发，相信IONIC一定会取得不错的成就 。...Mobile Angular UI Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的响应式移动开发HTML5框架。...Titanium使用 Alloy，Alloy是一个快速开发的手机应用MVC框架， 模块式开发可以大大减小开发时间，提高代码复用。 Titanium studio 还提供了一些code模板。...美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android和Apple iOS设备。
触摸事件是在移动设备(如智能手机或平板电脑)上查看页面时触发的事件。 它们允许您跟踪多点触摸事件。...我们有4个触摸事件: touchstart 触摸事件已经启动(触摸表面) touchend 一个触摸事件已经结束(表面不再被触摸) touchmove 触摸移动手指(或任何接触设备的东西)在表面移动 touchcancel...: identifier 标识符此特定事件的唯一标识符。...相同的手指=相同的标识符。...)中鼠标指针的x和y坐标 目标被触及的元素
总第306篇 2018年 第98篇 本文主要介绍大众点评自主研发的移动端静态分析框架——Hades，它可以帮助我们更好的审视代码、把控大型项目。...针对以上背景和现有方案的不足，我们决定自研基于语义的静态分析框架。 Hades 项目简介 大众点评静态分析框架 Hades，取名源于古希腊神话中的冥王。...占用内存小：Clang 生成的 AST 所占用的内存是 GCC 的五分之一左右。 模块化设计：Clang 采用基于库的模块化设计，易于 IDE 集成及其他用途的重用。...总结 本文介绍了在美团点评业务快速发展背景下，针对大型移动项目的静态分析需求，结合开源项目利弊，最终设计实现的静态分析框架 Hades。...目前专注于移动 CI，静态分析和点评 App 业务研发。 智聪，移动信息组件负责人，大众点评 iOS 高级专家。专注于移动工具链开发，对移动持续集成、静态分析平台建设有深刻理解和丰富的实践经验。
gitHub地址 1，移动端minimvvm框架qvm实现 qvm概念，一个适用于移动端的mini mvvm(什么是mvvm？没了解的同学自己去了解)框架。...参考了angular和vuejs的设计实现思路，并进行简化封装，目前使用的zepto基本依赖库，使用最少的代码实现了基础功能版。 2，为什么要做它 PC浏览器时代，实现mvvm有着麻烦的兼容性问题。...而在移动浏览器时代，浏览器原生的支持可以让我们用最少的代码来实现一个mvvm框架库，来最大程度的减少移动端业务代码的开发工作。...预计对于中大型的移动前端应用项目，使用mvvm能减少至少30%的业务量，让项目更容易维护。...(不过目前仍有很多不完善的地方后面需要持续改进) 3，及其简单的API介绍 directive: 以q-开始的属性为我们定义的元素动作指令 vm模型结构介绍： { $id: 823832887973495
针对以上背景和现有方案的不足，我们决定自研基于语义的静态分析框架。 Hades 项目简介 大众点评静态分析框架 Hades，取名源于古希腊神话中的冥王。...占用内存小：Clang 生成的 AST 所占用的内存是 GCC 的五分之一左右。 模块化设计：Clang 采用基于库的模块化设计，易于 IDE 集成及其他用途的重用。...总结 本文介绍了在美团点评业务快速发展背景下，针对大型移动项目的静态分析需求，结合开源项目利弊，最终设计实现的静态分析框架 Hades。...招聘信息 大众点评移动研发中心，Base 上海，为美团提供移动端底层基础设施服务，包含网络通信、移动监控、推送触达、动态化引擎、移动研发工具等。...同时团队还承载流量分发、UGC、内容生态、个人中心等业务研发工作，长年虚位以待专注于移动端研发的各路英雄豪杰。欢迎投递简历：dawei.xing@dianping.com。
本文作者：IMWeb ouven 原文出处：IMWeb社区 未经同意，禁止转载 ---- gitHub地址 1，移动端minimvvm框架qvm实现 qvm概念，一个适用于移动端的mini mvvm...没了解的同学自己去了解)框架。参考了angular和vuejs的设计实现思路，并进行简化封装，目前使用的zepto基本依赖库，使用最少的代码实现了基础功能版。...2，为什么要做它 PC浏览器时代，实现mvvm有着麻烦的兼容性问题。而在移动浏览器时代，浏览器原生的支持可以让我们用最少的代码来实现一个mvvm框架库，来最大程度的减少移动端业务代码的开发工作。...预计对于中大型的移动前端应用项目，使用mvvm能减少至少30%的业务量，让项目更容易维护。...(不过目前仍有很多不完善的地方后面需要持续改进) 3，及其简单的API介绍 directive: 以q-开始的属性为我们定义的元素动作指令 vm模型结构介绍： { $id: 823832887973495
源代码：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端' : '移动端')
组件都有点击态，大大增加了用户的体验好感，高清屏幕下 border : 0.5 2：Frozen UI 专注于移动web的UI框架,基于腾讯手机QQ规范......图片发自简书App 优缺点： 基础样式效果简单色调清爽 3：MUI 最接近原生APP体验的高性能前端框架，可多端发布到Appstore、Android市场、浏览器、微信公众号、百度直达号及流应用 官方网址...图片发自简书App 优缺点：这个框架给我的吸引之处就是它的 UI 是以 IOS 为 主体设计的，当然它也补充了android特有UI样式。...并且MUI官方声称用来开发深入以后发现拿它做 APP 还能够提高用户使用流畅度但网址上对它的评价是一种深入骨髓的廉价感。...图片发自简书App 优缺点： 兼容性好，能兼到 iOS 6.0+ 和 Android 4.0+ 风格：炫酷的iOS风格功能强大的组件轻量的UI库，开始使用，只需要几个简单的步骤 缺点：sui mobile
课程地址：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逻辑
） 5、UI确认：产品经理，设计人员，开发人员全体 6、UI交互确认：产品经理，移动端，前段开发人员 7、接口确认：架构师，接口开发人员，移动端、前端开发人员 8.1、UI工时评估：产品经理，设计人员...8.2、接口工时评估：架构师，接口开发人员 8.3、移动端、前端工时评估：相关开发人员，技术经理 9、工时确认：产品经理，技术经理，设计人员 10、项目开发 11、测试用例及流程设计：产品经理...3、技术逻辑变更：架构师，接口开发人员，移动端开发人员共同确认 4、测试流程变更：产品经理确认 开发管理： 1、开发人员：明确需求和业务、交互逻辑。开发以需求和业务逻辑为准。...2、设计人员：改版明细 3、开发人员：改版明细，开发模块，代码量及技术点总结报告。 4、测试报告，测试数据统计。...6、开发启动前，明确项目的管理流程，开发中尽量严格按照管理流程推进。 7、产生负面情绪，要学会调节和沟通释放负面情绪，归根结底，大家的目标都是一致的。
SeaJS是一个遵循CMD规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制，兼容所有主流浏览器 SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载...，让开发可以专注于代码本身的逻辑 上手示例 html中加载初始化模块init.js，init 中调用 module1 模块，同时 module1 模块调用 module2 模块 ?..., factory) id : 模块标识（选填），不填时，id会被默认赋值为此js文件的绝对路径 deps : 是模块依赖（选填） factory : 模块定义方法（必填） 例如 define...模块的ID、module.dependencies 此模块依赖的所有模块的ID列表、module.exports 与exports指向同一个对象） 模块的寻址 （1）绝对地址——给出js文件的绝对路径...require("http://example/js/a"); （2）相对地址——用载入函数所在js文件的相对地址寻找模块 例如有 js/a.js，js/m/b.js 在b.js中调用上级级目录下的
就是类似于 PC端的滚动事件，但是在移动端是没有滚动事件的，所以就要用到 Touch事件结合 js去实现，效果如下： ? 1. 准备工作 什么是移动端的 Touch事件？...在移动端 Touch事件可以细分成三种，分别是： touchstart、 touchmove和 touchend，并且 touch事件必须要用 addEventListener去监听。...基本结构 此案例模拟的是移动端的一种滑动菜单效果。...overflow:hidden属性，使超出盒子部分的列表暂时隐藏掉，后面会通过 js去实现滑动。...先来张示意图，怎么通过 js 让列表滑动起来 ?
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
