展开

关键词

用于H5开发

用于H5开发?今天给大家介绍10款有关HTML5开发APP开发,这几款都是比较优秀的 Web 开发,能够帮助开发者更加高效的开发Web应用。.? 十款APP开发? 国内一些开发者较为熟悉的,如WeX5前开源等,也是基于Bootstrap源码进行性能优化而来。 提供了丰富的 WEB UI 组件,可以快速的开发出运行于的应用程序。8Kendo UI  Kendo UI的每个方面都从底层开始构建,以提供强大的JavaScript应用程序性能。 ,补充部分Android平台特有的UI控件  流畅体验  • 下拉刷新  为实现下拉刷新功能,大多H5都是通过DIV模拟下拉回弹画,在低android手机上,DIV画经常出现卡顿现象(特别是图文列表的情况

19340

Vue

1. vonicvonic 一个基于 vue.js 和 ionic 样式的 UI ,用于快速构建单页应用,很简约。 中文文档 | github地址 | 在线预览 ? vonic2. vuxvux 基于WeUI和Vue(2.x)开发的UI组件库。 Mint UIMint UI 由饿了么前团队推出的 Mint UI 是一个基于 Vue.js 的组件库。 中文文档 | github地址 | 在线预览 ?Mint UI4. Cube-UI滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致组件库 中文文档 | github地址 | 在线预览 ? Onsen UI相关文章Vue PC别走,还有后续呐······ 如果小伙伴们有比较好的,欢迎在评论区留言砸场,谢谢你的贡献。

2.5K30
  • 广告
    关闭

    云产品限时秒杀

    云服务器1核2G首年38元,还有多款热门云产品满足您的上云需求

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    UI

    UI作为前一门必须要了解并且熟练掌握的一门技术,关于目前不同的js对应的不同的还是有必要说说。关于PC的UI是在是太多了。 除了对IE910的支持,同时也支持 React Hook。当然还有其他的 vue:目前常用的算得上是饿了么出的ElementUI了。当然还有其他的 的UI也挺多。 有赞公司出的一套电商类的UI,如果是做电商的,想必这款UI用的是得心应手了吧Muse UI。社区人员维护的一套UI。Mand Mobile。也是社区活跃挺高的一款UI。 所以最开始在开发的时候都是自己写的样式,交互体验也比较差。后面觉得是在是不行了。就到处找,找了一款国外的UI Framework7。 不多最近我在使用这个的时候,其中的大部分功能还是挺不错的,在使用React开发的时候可以选择这款UI。不过如果是做H5,那最好就不要使用UI自带的路由了,真的太差了。

    62410

    VueUI

    自从Vue成为前的主流之后,各家UI也越来越多,今天重点聊一聊的那些吧,Vue到底哪家强?以下排名不分先后,开发过程中根据自己的具体业务需求来做选择。 x-page=v2-doc-home# VUX 是基于 WeUI 和 Vue.js 的 UI 组件库,提供丰富的组件满足(微信)页面常用业务需求,可以说是相当的全面了。? Mint UI 是一个基于 Vue.js 的组件库,包含丰富的 CSS 和 JS 组件,能够满足日常的开发需要。 3.MUI中文文档:http:dev.dcloud.net.cnmui github地址:https:github.comdcloudiomui MUI-最接近原生APP体验的高性能前 ? 目前已有近 50 个组件,这些组件被广泛使用于有赞的各个业务中。?优点:1:有小程序版本,可以平滑兼容小程序web和app。 2:业务组件丰富,什么时间啊,地址选择啊,商品列表啊等。

    1.4K20

    Vue PC和VueUI

    在学习Vue的过程之中,我发现不管是 BAT 大厂,还是创业公司,Vue 都有着广泛的应用,而且层出不穷,学习文档也越来越多,Vue也越来越受欢迎。 下面是我整理的 Vue PC的UI,建议收藏,方便以后学习的时候拿出来查看。Vue PC1. UI在线文档:https:josephuspaye.github.ioKeen-UI#ui-alert github地址:https:github.comJosephusPayeKeen-UIVue UI1.Vux 中文文档:https:vux.li# 在线预览:https:vux.lidemosv2?

    1.4K40

    类 iScroll5

    HTML5学堂:开发中,经常遇到需要模拟APP的效果header或是footer固定住,里面的内容区域实现滚。但是对低手机单纯使用CSS是兼容不了,需要JavaScript的支持。 iscroll诞生的意义 之所以iscroll会诞生,主要是因为无论是在以前的iphone、ipod、android 或是更早前的webkit都没有提供一种原生的方式来支持在一个固定高度的容器内滚内容 这个问题可以使用iScroll进行解决。   即度过了“测试版”),于是转到了5这个版本上,不过~iScroll5和iScroll4的差别有些大,包括语法都发生了很大的变化~基本的结构要求 使用iScroll这个脚本库时,DOM树的结构要足够简单,除不必要的标签 scrollToElement(el, time, offsetX, offsetY, easing) 滚到某个元素offsetx和offsety定义像素偏,这样你可以滚到元素加上一个指定的偏

    66190

    pageResponse - 适配

    HTML5学堂:布局一直都是一个问题,各种各样的分辨率使得的布局需要耗费大量的时间。今天介绍一个pageResponse.js可以让页面在各种分辨率手机下都能完全不走样。 通常的布局方式1、rem布局,通过态设置根目录下的font-size达到元素大小“自适应”,通常和百分比布局一起使用2、固定像素设固定视口宽度。 通过这个关于比例失真的问题全部迎刃而解,然而解决一个问题的同时也会暴露出其他的问题,这个达到的效果会是你想要的效果吗?用户体验是你想要的吗? 看似简单,布局上却有非常多的细节问题。因此多学多思考,学如逆水行舟,不进则退。希望大家能多对比多思考,方法总有优缺点,懂得如何互助互补才是关键。 案例和资源详细案例和js下载,可查看文章——>pageResponse - 让H5适配设备全家,小编在书写本文时也查看了这篇文章,感觉还是可以的,也很感谢该作者的分享。

    45560

    H5】316- H5跳坑指南

    最近在一个的 Web 项目中踩了很多的坑,感觉有必要把它们记录下来,分享给即将踏入 Web 开发大门的朋友们,更好的解决ios和android兼容。 增加了height: 100%, 然后就可能造成IOS上页面滑的卡顿问题。 ,2.然后再在内部放一个height:100%的div,设置overflow-y: auto;和-webkit-overflow-scrolling: touch;.scroll-box { * 模态之类的 ;android用户点击一个链接,会出现一个边或者半透明灰色遮罩, 不同生产商定义出来额效果不一样,可设置-webkit-tap-highlight-color的alpha值为0去除部分机器自带的效果 10.iOS 1px border 实现iOS设备上,由于retina屏的原因,1px 的 border 会显示成两个物理像素,所以看起来会感觉很粗,这是一个开发常见的问题。

    27120

    H5开发APP基于H5+

    关于H5开发APP优点:很大的好处就是快速、简单、方便,一套代码几乎不用怎么修改就可以同时打包iOS、Android安装包。基于前各方面应用技术栈成熟,资料齐全。 不足:H5开发APP的不足在与原生的相比,有些场景暴露的很彻底。比如一些过度画,手势操作,任务异步处理等 , 还有一些访问相册、图片处理底层设备硬件之类的。这些地方表现的有明显的不足。 开发工具之类的太多,如果一个不熟悉前的新人过来,几乎不知道该如何下手。所以对于一些业务逻辑简单,没有复杂的操作处理的应用,H5开发再好不过。 对一些重型的应用还是原生的为主,H5为辅助也是一个很好的搭配。开始着手首先开发工具及,我选择了 HBuilderX,一个牛逼而又好用的前开发工具。? 值得一提的是或许由于初次接触这个,它给我一种震撼的感觉,数据绑定、事件处理及关联实在太方便了。一些图片引入了阿里巴巴字体库 , 关于如何引入自定义的字体库,这一点官方文档写的很清楚。

    72910

    H5rem适配

    1 ** 2 * 自适应 3 * 4 6 7 8 9 10 11 12 1 ** 2 * rem适配 iPhone5下html字号为100px,320px下1rem=100px 3

    1K40

    DL】当前主流的深度学习一览

    大家好,继之前的12大深度学习开源之后,我们准备开通新的专栏《DL》,这是第一篇文章,先来做一个总体的介绍,更多的细节可以关注以后的文章。 在这个专栏中,我们会介绍与的模型训练和部署有关的的使用。 作者&编辑 | 言有三 深度学习模型要落地,比如要部署到手机等平台,之前给大家介绍的用于训练的就不能直接使用了,我们需要相应的,目前国内外各大公司纷纷开源自家的。 github.comamitshekhariitbhuAndroid-TensorFlow-Lite-Example2 Core MLCore ML是2017年Apple公司在WWDC上与iOS11同时发布的机器学习 作为后起之秀,自然是吸取了前面开源的这些推理的所有优点。?已经用于阿里的淘宝,优酷等多个应用,覆盖短视频、搜索推荐等场景。

    71310

    minimvvmqvm实现

    gitHub地址1,minimvvmqvm实现qvm概念,一个适用于的mini mvvm(什么是mvvm?没了解的同学自己去了解)。 而在浏览器时代,浏览器原生的支持可以让我们用最少的代码来实现一个mvvm库,来最大程度的减少业务代码的开发工作。 预计对于中大型的应用项目,使用mvvm能减少至少30%的业务量,让项目更容易维护。 3.7 q-on简单事件绑定定义的作和事件名,目前子节点上的on代理在根元素上,避免了重复绑定,如果根节点和根节点同时含有on方法,则按照冒泡的原则进行事件处理。 嘿嘿嘿~) } }); 子定义的指令需要遵守一定的规则,例如下面q-self对应的指令为selfProcess的函数,则节点扫描时会自执行self指令的selfProcess函数。

    293100

    minimvvmqvm实现

    本文作者:IMWeb ouven 原文出处:IMWeb社区 未经同意,禁止转载 ----gitHub地址1,minimvvmqvm实现qvm概念,一个适用于的mini mvvm(什么是 没了解的同学自己去了解)。参考了angular和vuejs的设计实现思路,并进行简化封装,目前使用的zepto基本依赖库,使用最少的代码实现了基础功能版。 而在浏览器时代,浏览器原生的支持可以让我们用最少的代码来实现一个mvvm库,来最大程度的减少业务代码的开发工作。 预计对于中大型的应用项目,使用mvvm能减少至少30%的业务量,让项目更容易维护。 3.7 q-on简单事件绑定定义的作和事件名,目前子节点上的on代理在根元素上,避免了重复绑定,如果根节点和根节点同时含有on方法,则按照冒泡的原则进行事件处理。

    21120

    常用开发

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

    23430

    Native和H5分久必合,Weex会带来的巨变吗?

    Weex是一个态化,它允许开发者用轻巧的 HTMLJSCSS 开发多个的 NativeApp。 那么,阿里2016年双11为什么会选择Weex,而不是Native或H5?这种技术演进带给用户哪些不一样的感受呢? 态化谈到了态化,技术演进到最后为什么不是H5或者Native呢?Native开发的诸多亮点中,流畅体验和系统调用是最多被提及的,然而,实际上是痛并快乐着。 由此,我们可以看到,Native和H5开发各有其痛点,如果能开发一套新的技术克服这些弊,同时又能吸收Native和H5的优势,一定会带来很多惊喜。这就是态化诞生的技术背景。 WeexWeex是一个态化,它能够吸收H5和Native的优势,同时保证易用性。

    36400

    H5页面截图

    如果不是在的话,建议使用SVG格式,更为清晰。 两个插件个人更喜欢 domtoimage ~DEMO: https:codepen.ioCandyQiupenXzmGNL?

    2K50

    H5开发入门

    H5做的页面确实超级漂亮。但 为了在同事朋友面前装一下,还是要熟悉一下的。然后就可以告诉他们:不就是CSS3新增的那几个画属性,在加上一下JS的东西嘛,不难!^_^ 昨天看了一下午的一个H5。 首先,作为非前人员、要 抛开绚烂的素材,来分析内部实现原理。 观察的多了,就会发现。都会有个 进度条或者类似的加载界面(后面你会知道比较坑)。 然后就是 还会有一些背景音乐控制、个别的还存在视频(不用担心,都是H5提供的接口,需要使用时 查看一下文档就差不多);然后就是 一些页面之间的 过度、这部分 可能会用到 缩放、透明度转换、以及简单地画效果 下面的 代码片段 是从 一个手机H5页面获取的,是不是发现啥了function startLoading() { simulate loading something.. var simulationFn 、CSS3新增画、CSS3新增画(the point) 先这样吧. * { margin: 0; padding: 0; } html, body { width: 100%; height: 100%

    27820

    React Native之携程Moles

    但有一个痛点是,在,我们是否有必要开发多套程序:iOS、Android和H5?本次将通过对Moles的分享,介绍携程在React Native方面的实战干货,希望给大家一些灵感和启发。 其次,React Native是Facebook将ReactJS的思想植到Native。 此外,对于公司来说,在上的投入,不仅有Native还会有H5,而在H5上React Native并没有考虑。 二、Moles 的出现 伴随着React Native项目的开发,逐渐的Moles就形成了。 mole 小鼹鼠,是种凿洞能力非常强的啮齿类物。 如果说当前的三大痛点是:性能、态性、多适配的话。那么我认为React Native解决了性能、态性,而我们Moles则解决了多适配的问题。

    29280

    干货 | React Native实践之携程Moles

    但有一个痛点是,在,我们是否有必要开发多套程序:iOS、Android和H5?本次将通过对Moles的分享,介绍携程在React Native方面的实战干货,希望给大家一些灵感和启发。 其次,React Native是Facebook将ReactJS的思想植到Native。 此外,对于公司来说,在上的投入,不仅有Native还会有H5,而在H5上React Native并没有考虑。 Moles 的出现伴随着React Native项目的开发,逐渐的Moles就形成了。mole 小鼹鼠,是种凿洞能力非常强的啮齿类物。 如果说当前的三大痛点是:性能、态性、多适配的话。那么我认为React Native解决了性能、态性,而我们Moles则解决了多适配的问题。

    44990

    Hades:静态分析

    在公司蓬勃发展的大背景下,项目构也有了全新的演进方向:需要支持高效的集成策略,支持研发流程自化等等,最终提升研发效能,加速产品迭代和交付能力。 针对以上背景和现有方案的不足,我们决定自研基于语义的静态分析。 Hades 项目简介 大众点评静态分析 Hades,取名源于古希腊神话中的冥王。 总结 本文介绍了在美团点评业务快速发展背景下,针对大型项目的静态分析需求,结合开源项目利弊,最终设计实现的静态分析 Hades。 招聘信息 大众点评研发中心,Base 上海,为美团提供底层基础设施服务,包含网络通信、监控、推送触达、态化引擎、研发工具等。 同时团队还承载流量分发、UGC、内容生态、个人中心等业务研发工作,长年虚位以待专注于研发的各路英雄豪杰。欢迎投递简历:dawei.xing@dianping.com。

    37730

    相关产品

    • 移动金融开发平台

      移动金融开发平台

      腾讯移动金融开发平台(TMF)为银行、互联网金融、保险、证券客户提供一站式、覆盖全生命周期的移动金融服务。核心服务包括APP客户端开发组件、应用加固、环境安全检测等APP开发运营关键服务,帮助金融机构低成本、高效率地打造移动金融服务…...

    相关资讯

    热门标签

    扫码关注云+社区

    领取腾讯云代金券