上一篇博文,我们把jQuery集成到了项目中,今天我们来集成Amaze ui(妹子UI)。先来介绍一下妹子UI。...Amaze UI 含近 20 个 CSS 组件、20 余 JS 组件,更有多个包含不同主题的 Web 组件,可快速构建界面出色、体验优秀的跨屏页面,大幅提升开发效率。.../static/amaze/css/admin.css"; 不难看出,我们除了之前引用自己写的style.scss以外,又加了两行引用Amaze UI的样式文件。...至此,我们就完成了vuejs对amaze ui的整合。 使用妹子UI(在项目中使用Amaze UI) 现在我们对我们的App.vue进行一下调整,用简单的代码来搭建一个小型的后台管理系统。...出现这个原因说模块没有正确加载,我们打开/.postcssrc.js这个文件,打到"postcss-import": {},并删除。
Vue Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。...Amaze UI 国内首个开源HTML5跨屏前端框架产品系列,中文排版支持更优、本土化组件丰富。...该产品系列中有专门针对移动端的HTML5混合应用开发框架Amaze UI Touch以及针对跨屏HTML5网页开发的Amaze UI Web。...其中,Amaze UI Touch可以帮助开发者通过丰富的组件,快速构建出与原生APP相媲美的专属移动端的HTML5应用。...ZUI 开源HTML5前端框架 Clouda Touch.js Touch.js是移动设备上的手势识别与事件库,也是在百度内部广泛使用的开发。
frozenui.github.io Github代码托管地址:https://github.com/frozenui/frozenui ionic Ionic提供了一个免费且开源的移动优化HTML,CSS和JS...Amaze UI Amaze UI 采用业内先进的 Mobile first 理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。...Amaze UI 含近 20 个 CSS 组件、10 个 JS 组件,更有 17 款包含近 60 个主题的 Web 组件,可快速构建界面出色、体验优秀的跨屏页面,大幅度提升你的开发效率。...Amaze UI 非常注重性能,基于轻量的 Zepto.js 开发,并使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让你的 Web 应用可以高速载入。...App.js App.js 是一个轻量级的 JavaScript UI 库,用来创建移动的 Web 应用,应用的外观跟原生的应用相同,性能也近乎一致。
与 Twitter Bootstrap 一致外观与感受,但通过 Facebook 的 React.js 框架获得更清爽的代码。最流行的前端架构,为 React 而重构。...Amaze UI React Amaze UI React 基于 React.js(v0.14+)开发的Web 组件库,如果你没有使用过 React,请先访问 React 官网学习。...Amaze UI React 7. React UI React组件库,样式基于bootstrap 4.0。 中文文档 | github地址 ? React UI 8....Elemental UI 用于React.js网站和应用程序的UI组件库。 在线文档 | github地址 ?
JavaScript JS(JavaScript): 一种高级的,解释执行的编程语言....Gulp Gulp(Gulp.js): 基于文件流的构建系统, 部署代码的工具. 用法: 开发者可以使用它在项目开发过程中自动执行常见任务....Grunt Grunt(Grunt.js): 基于文件流的构建系统, 部署代码的工具. 用法: 开发者可以使用它在项目开发过程中自动执行常见任务....Amaze UI Amaze UI: 一款跨屏的前端框架, 一款简单、灵活的用于搭建 Web 页面的 HTML、CSS、JavaScript 的工具集....Vue Vue(Vue.js): 一个用于创建用户界面的开源JavaScript框架,也是一个创建单页面应用的Web应用框架.
屏幕快照 2019-01-18 下午3.03.59.png Mint UI是 饿了么团队开发基于vue .js的移动端UI框架,它包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。...cube-ui 是滴滴团队开发的基于 Vue.js 实现的精致移动端组件库。支持按需引入和后编译,轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发。...官网:https://at-ui.github.io/at-ui/#/zh Github: https://github.com/at-ui/at-ui/issues 七.amaze UI ?...Amaze UI 是一个移动优先的跨屏前端框架。提供基础样式,网格,表格、表单、按钮及常用组件样式。...官网:http://www.ionic.wang/js_doc-index.html
上一篇博文我们整合了Amaze ui,并且调整了一个头部header和底部footer文件,其实做起来也很简单,只要按照步骤来做,完全没有问题。...我们来设置admin-content的高度就没有问题了,不过这个我不确定是我的写法有问题,还是Amaze ui和vuejs整合后的影响,目前只能这样解决了。 最终效果 列表页面: ? 内容页面: ?
根据国内js大神以及有过WebApp 开发经验的前辈们分析,小编推荐下面6款常用的WebApp 开发框架。...组件; 缺点 • 组件对 Android的支持程度不好,3D组件无法使用 ; 第五款:Ionic:高级的 HTML5 移动APP(Web App)开发框架 Ionic 是一个用HTML, CSS 跟JS...酷站官网:http://ionicframework.com/ 第六款:Amaze UI 中国首个开源 HTML5 跨屏前端框架 Amaze UI 是一个移动优先的跨屏前端框架。易学易用。
Mint UI 4770884-33175b386f93f986.webp Mint UI是 饿了么团队开发基于vue .js的移动端UI框架,它包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要...TalkingData/iview-weapp layui 4770884-afc9e68f0456ebaf.webp layui是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS...一套基于 Vue.js 的高质量 UI组件库。Vue.js 是一个 JavaScriptMVVM 库,是一套构建用户界面的渐进式框架。...amaze UI ? Amaze UI 是一个移动优先的跨屏前端框架。提供基础样式,网格,表格、表单、按钮及常用组件样式。...是一个轻量级(所有 CSS 和 JS gzip 后 100 kB 左右)、 Mobile first 的前端框架 官网地址:http://amazeui.org/ Github: https://github.com
只考虑创造一个普通的迷宫,代码比较简单,如下所示: Maze* aMaze = new Maze(); Room * r1 = new Room(1); Room * r2 = new Room...(2); Door * theDoor = new Door(r1, r2); aMaze->AddRoom(r1); aMaze->AddRoom(r2); r1->SetSide...theDoor); r2->SetSide(South, factory.MakeWall()); r2->SetSide(East, factory.MakeWall()); return aMaze...因此,我们希望这些共同的元素能够被工厂动态的生产出来,然后加入到迷宫当中,如下所示: aMaze = factory.MakeMaze(); r1 = factory.MakeRoom(1);...r2 = factory.MakeRoom(2); theDoor = factory.MakeDoor(r1, r2); aMaze->AddRoom(r1); aMaze->AddRoom
官网:http://reactdesktop.js.org/docs/ Github: https://github.com/gabrielbull/react-desktop 六.Blueprint...官网:https://rebassjs.org Github: https://github.com/rebassjs/rebass 九.amaze UI (不维护了) ?...image Amaze UI 是一个移动优先的跨屏前端框架。提供基础样式,网格,表格、表单、按钮及常用组件样式。...是一个轻量级(所有 CSS 和 JS gzip 后 100 kB 左右)、 Mobile first 的前端框架 官网地址:http://amazeui.org/ Github: https://github.com
1、JQuery框架(主要用于js辅助):网址是:jQuery API 中文文档 | jQuery API 中文在线手册 | jquery api 下载 | jquery api chm (cuishifeng.cn...| Bootstrap 中文网 (bootcss.com) 3、妹子UI,(国产前端框架):网址是Amaze UI | 中国首个开源 HTML5 跨屏前端框架 (shopxo.net)。
2、Amaze UI 官网:http://amazeui.org/ ? 中国首个开源 HTML5 跨屏前端框架。 Amaze ~ 妹子UI,国人开发,后起之秀!...-- WARNING: Respond.js doesn't work if you view the page via file:// 如果通过file://来查看文件,那么respond.js文件不能正常工作...--html5shiv.min.js:为了在IE8下面支持HTML标签 respond.min.js:为了在IE8下面支持媒体查询--> 你好,世界! <!
尾声 唔,你可能已经发现了,我用了amaze ui,一个类似bootstrap的框架。...在对bootstrap审美疲劳后,发现了amaze ui,还是挺喜欢它的ui的,等段时间来用amaze ui 做一个hexo的主题。
,我这个简易指南简单粗暴地分为两部分:JS调用Flutter和Flutter调用JS,拒绝花里胡哨,保证一看就懂,一学就会。...执行模式(是否允许JS执行); javascriptChannels:JS和Flutter通信的Channel; navigationDelegate:路由委托(可以通过在此处拦截url实现JS调用Flutter...来获取JS发给我们的消息内容。...Flutter 调用了 JS. Flutter 调用了 JS....源码 https://github.com/yumi0629 调试工具推荐使用 Amaze UI ,一个神奇的网站,一键生成调试网页,你值得拥有 注意:源码中的initialUrl测试地址请自己生成
Amaze UI 第二个介绍的是妹子UI,最初使用它是因为本尊遇到了一个爱纠结细节设计士,有一次她跟我的字体较上真了,结果一句顶万句的BOOS 夸了她,我只好根据她的想法去解决,结果最后找到了Amaze...官网:http://amazeui.org/ Github:https://github.com/amazeui/amazeui 所属公司:云适配 Star:6710 总结:Amaze UI 总的来说加入更多符合中国市场特性的元素...liulangnan/aui 官网:http://www.auicss.com/ 作者:流浪男 Star:92 总结:这个框架对我来说有个优点就是纯 CSS 框架,自己以前也就用过 Pure,自己有点 JS
angular2思想与设计思路 import技术 template和script引入方式 css样式命名空间隔离 简单复用第三方库 **reactjs原理与使用 virtual dom单向数据绑定 js...二、构建生态 **grunt/gulp开发环境任务编写 文件处理插件:html、scss、js、image、font、其它 优化插件:雪碧图、图片压缩、iconfont构建 发布替换插件 打包、压缩包插件...**em,rem原理与实现 **code4ui、code4app、初页、maka等 前端dom操作即使刷新前端页面 根据dom操作生成组件config配置保存到db 根据config配置使用r.js...、cookie.js **UI框架 bootstrap、jqwidgets、semantic ui、amaze ui 微信手Q ui: frozenui、weui、blend ui extjs、echart...十一、前端技术网站 **技术社区 alloyteam、html5基地 W3 help **行业会议 segmentfault会议 深js、杭js GMIC(全球移动互联网大会) D2、webrebuild
2.amaze UI 基于Amaze UI 开发后台模板,可以切换白色与黑色主题颜色。文件包括文字列表、图文列表、日历、表单、图表等,以及添加了一些常用的页面。 下载地址 ?
angular2思想与设计思路 import技术 template和script引入方式 css样式命名空间隔离 简单复用第三方库 **reactjs原理与使用 virtual dom单向数据绑定 js...二、构建生态 **grunt/gulp开发环境任务编写 文件处理插件:html、scss、js、image、font、其它 优化插件:雪碧图、图片压缩、iconfont构建 发布替换插件 打包、压缩包插件... **em,rem原理与实现 **code4ui、code4app、初页、maka等 前端dom操作即使刷新前端页面 根据dom操作生成组件config配置保存到db 根据config配置使用r.js...、cookie.js **UI框架 bootstrap、jqwidgets、semantic ui、amaze ui 微信手Q ui: frozenui、weui、blend ui extjs、echart...十一、前端技术网站 **技术社区 alloyteam、html5基地 W3 help **行业会议 segmentfault会议 深js、杭js GMIC(全球移动互联网大会) D2、webrebuild
领取专属 10元无门槛券
手把手带您无忧上云