首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

一款移动端必不可少的超级轻量级框架

由十月(Oct.cn)开发维护,全局使用flex布局,自适应兼容性强。...功能特性 支持常见的 toast / loading / dialog / fail 等状态提示 全局使用 flex 布局,自适应兼容性好 专为移动端设计,但 PC 和移动端都可使用 样式、动画、颜色、...图标等都支持自定义 相比于大而全的 UI 组件库,它只解决了消息提示这个单一的功能,api 也很简单,官所有的文档和代码例子都很简短,没有什么难度。...', //默认wap样式 可选参数:pc 入参pc时 status: '', //可选参数 success成功 warn警告 error错误 仅在type=pc时候生效,wap时可通过自定义bg...、color改变样式 }); 官:https://oct.cn/project/pxmu//?

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

Knockout.Js学习(简介)

前言 最近一段时间在网上经常看到关于Knockout.js文章,于是自己就到官看了下,不过是英文的,自己果断搞不来,借用google翻译了一下。...这两个js类库,用谷歌翻译看了下官,Ko的实现原理是MVVM,比MVC高级一些。 ? 简介MVVM模式  MVVM是Model-View-ViewModel的简写。   ...而不管是Silverlight/WPF或JavaScript,MVVM程式库的目标即在节省前述自行开发的工夫,只需在显示/输入元素上注明其对应的ViewModel属性,之后全部交给knockout.js...开始使用Knockout.js  如果你建立像asp.net mvc 4.0这样的Web应用程序,那么你可以不用任何操作即可以使用Knockout.js,如果你建立其他的项目或许需要引用该类库。...1.我们首先需要引用类库src="~/Scripts/knockout-2.3.0.debug.js" 2.定义myViewModel组件对象,并包含一个myValue的属性。

2.2K20

不要再用js设置rem了,现代css自适应方案来了

在做移动端适配的时候,很多人第一反应就是使用 rem ,通过动态设置 html 上的 font-size 来进行页面的自适应,基本原理就是 rem 表示的是 root em ,页面中所有的值都是基于...padding margin border-radio 等等,这样统一的字号标准,让页面不论是缩放还是适配都游刃有余,所以当你拿捏不准使用什么方式来设置一些元素的时候,就按照上述的来,一般是没有什么问题的 使用 js...设置根元素 rem 自从有了 rem 这个便捷的相对单位,我们就有了一些奇怪的操作,比如用 js 设置根元素大小这个操作,就是将网页的根元素字号根据屏幕的大小动态设置为一个固定值,然后在页面中根据 ui...} } @media (min-width: 1200px){ :root{ font-size: 1.2em } } 随着屏幕的变化,字号逐渐增加,即便是对一个组件进行不同的自适应...也不至于屏幕大了字号过大,做了一个较好的适配 总结 这就是使用现代 css 的是配置方式 更多的使用相对单位来设置一些属性 rem 设置字号,em 设置额外内容,px 设置边框 使用 calc+vw 也能做好一般自适应

4.3K41

跨平台开发框架和工具集锦

Web App其实不算是严格意义上的App,我觉得应该把它称作网页端自适应移动版更合适。那时候网页一般是wap开头的,比如wap.xxx.com。...我当年就用过诺基亚手机登陆腾讯家园逛QQ空间偷菜,现在手机腾讯https://wap.3g.qq.com/还存在,其他的Web App,比如淘宝手机版https://h5.m.taobao.com/...就是一个Web App的案例,还有新浪,网易新闻等都有自己的Web App站点。...PWA优势:PWA可以将App的快捷方式放置在桌面上,全屏运行,体验上与原生几乎一致,支持有和断时使用。PWA不包含原生OS相关代码。...HBuilder可以通过扩展的JS API任意调用移动端的原生功能,实现与原生App同样强大的功能和性能,它封装了常用的扩展能力(二维码、分享等),同时通过Native.js把原生API映射成了JS对象

3.9K30
领券