ui框架

13.4.1 UI 事件

ⅰ亾dé卋堺 提交于 2020-01-30 18:57:27
事件 说明 DOMActivate 表示元素已经被用户操作(通过鼠标或键盘)激活,在 DOM3 中被废弃,不建议使用 load 当页面完全加载后在 window 上触发,当所有的框架都加载完毕时在框架集上触发,当图像加载完毕时在 img 元素上触发,当嵌入的内容加载完毕时在 object 元素上触发 unload 当页面完全卸载后在 window 上触发,当所有的框架都卸载后在框架集上触发,当嵌入的内容卸载完毕后在 object 元素上触发 abort 在用户停止下载过程时,如果嵌入的内容没有加载完,则在 object 元素上触发 error 当发生 JS 错误时在 window 上触发,当无法加载图像时在 img 元素上触发,当无法嵌入内容时在 object 元素上触发,当有一个或多个框架无法加载时在框架集上触发 select 当用户选择文本框( input 或 textarea )中的一个或多个字符时触发 resize 当窗口或框架的大小变化时在 window 或框架上触发 scroll 当用户滚动带滚动条的元素中的内容时,在该元素上触发。body 元素中包含所加载页面的滚动条 一、load 事件 window 上的 load 可以通过 JS 添加 EventUtil . addHandler ( window , 'click' , function ( event ) {

Mint UI教程汇总

只愿长相守 提交于 2020-01-21 15:21:14
Vue移动端框架Mint UI教程-搭建环境引入框架(一) https://www.jianshu.com/p/874e5152b3c5 Vue移动端框架Mint UI教程-底部导航栏(二) https://www.jianshu.com/p/56e887cbb660 Vue移动端框架Mint UI教程-组件的使用(三) https://www.jianshu.com/p/5ec1e2d2f652 Vue移动端框架Mint UI教程-跳转新页面(四) https://www.jianshu.com/p/364d0462ddb6 Vue移动端框架Mint UI教程-调用模拟json数据(五) https://www.jianshu.com/p/6d3f1436b327 Vue移动端框架Mint UI教程-数据渲染到页面(六) https://www.jianshu.com/p/dc532ab82d2a Vue移动端框架Mint UI教程-接口跨域问题(七) https://www.jianshu.com/p/b28cd8290b2a 作者:祈澈菇凉 链接:https://www.jianshu.com/p/6295ee6974c9 来源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 来源: https://www.cnblogs.com/rxbook/p

前端必备资源大整理

戏子无情 提交于 2020-01-21 13:27:44
资源不断更新中。。。 动画库 1.Animate.css 说明:一个简单易用的跨浏览器CSS动画库。 GitHub主页: https://github.com/daneden/an... 2.CSShake 说明:用CSS实现各种颠颤动画效果DOM! GitHub主页: https://github.com/elrumordel... 3.Hover.css 说明:将鼠标Hover效果快速应用在你的网页元素或创意设计上。 GitHub主页: https://github.com/IanLunn/Hover 4.Velocity.js 说明:帮你加速JavaScript动画。 GitHub主页: https://github.com/julianshap... 5.DynCSS 说明:用动态CSS来打造你的网页。 GitHub主页: https://github.com/vzaccaria/... 6.Magic Animations 说明:可创造CSS3动画特效。 GitHub主页: https://github.com/miniMAC/magic 7.Bounce.js 说明:即时创造漂亮的CSS3动画。 GitHub主页: https://github.com/tictail/bo... 前端框架和类库 1.lodash.js 简介:具有一致接口、模块化、高性能等特性的

介绍三款大前端UI框架

 ̄綄美尐妖づ 提交于 2020-01-21 08:49:39
一、蚂蚁金服团队推出的基于React antd (全名:ant.design) 友情跳链: https://ant.design/index-cn ;使用antd模板: https://pro.ant.design/ (基于react) 优点: 不言而喻,阿里的蚂蚁金服团队,在前端组件UI上是下足了功底,喜欢开箱即用的可以直接使用,当然该组件不仅仅局限于使用react,同时你可以选用Vue与angular版本去搭配使用。 技术文档:VUE+antd : https://vue.ant.design/docs/vue/introduce/ 技术文档:Angular+antd : https://ng.ant.design/docs/introduce/zh 二、饿了么前端团队推出的基于Vue element UI element主推的四大原则: 组件较为丰富,但是在开发的过程中有时需要组合组件使用,element空间主色调为 Element 主要品牌颜色是鲜艳、友好的蓝色。喜欢轻简风格的可以尝试使用。 友情跳链: http://element-cn.eleme.io/#/zh-CN 当然,Element不仅仅局限于传统的Vue+Element模式: GitHub仓库: https://github.com/elemefe/element-react 技术文档: https:/

vue前端UI框架element-ui在项目中的安装及使用

你说的曾经没有我的故事 提交于 2020-01-12 23:35:22
vue前端UI框架element-ui在项目中的安装及使用 element-ui的安装 普通安装 使用vue-cli3安装 使用 可视化编辑 element-ui的安装 普通安装 element-ui是款热门的vue前端UI框架,官方文档为: https://element.eleme.io/#/zh-CN 。要安装element-ui,只需要在vue项目根目录中执行: npm i element-ui -S 使用vue-cli3安装 如果自己的vue项目于是用vue-cli3创建的,则有更好的安装办法,使用对应vue-cli的element插件,官方github地址为: https://github.com/ElementUI/vue-cli-plugin-element ,在vue项目根目录中执行: vue add element 安装过程需要选择一些选项,选择结果参照下图: 全局导入element-ui组件 选择覆盖element的scss变量 语言选择中文 使用 使用element-ui进行前端页面开发时,建议参考官方的组件文档: https://element.eleme.cn/#/zh-CN/component/layout ,文档中给出了所有的组件及对应的代码,开发时只需按照需要复制相应的代码即可。 可视化编辑 为了更快地利用element-ui开发前端页面

初探MVC-MVC的前世今生(1)

限于喜欢 提交于 2020-01-10 21:06:57
MVC最早的概念: 三层模式:继承了原来MVC的概念 ASP.NET MVC 只是UI层的表示框架,是微软的第一个开源项目; 根据下图重新理解下原始MVC概念(左图),微软ASP.NET(UI(Controller、View、Model)),三层架构(UI、BLL、DAL、Model) 现代的微软ASP.NET MVC仅仅只是 UI(上图右上角) 层的一个框架,它的地位和WebForm是平级的,是一种网站开发框架; 而三层架构中的其余三个BLL(业务逻辑层)、DAL(数据操作层)、Model(实体模型层)仍需要我们去写类库(DLL)实现即可; 注意:如何区分UI层Model和三层中Model的概念 UI层Model的理解(图书的例子), UI层Model是对需要展示的数据的一种自定义封装 三层架构中的Model是对应着数据库中的表,一个表就代表一个类,表中的字段就是类中的属性 比如说数据库中有两张表 ,一张表包含图书的名字和作者,另一张表是图书的分类信息 现在我的展示视图View需要显示图书信息,这个图书信息既包含了图书的名字和作者,又包含了图书的分类信息 那么我在MVC的Model定义中就需要自定义这个Book类,去包含三层中Model那两张表的图书名字、作者、分类三个字段信息 但是如果我在UI层中的View只需要展示图书的分类信息

仿安智市场UI框架布局之fragment+tabhost底部菜单

给你一囗甜甜゛ 提交于 2019-12-30 17:23:08
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 第一部分就是你们现在看的这个贴,主要功能:实现fragment_+tabhost来搭建整个app的大体UI框架,底部是一个可切换的选项卡(安智市场中的底部选项卡的切换动画效果略过,没写,太困了,码完字去睡觉)。 第二部分:也就是这个即将写的下一个帖子,因为今天实在太晚了,明天还要上班(Zzzzz...),主要功能:使用viewpagerindicator控件,实现左右滑动加载分页数据,还有android 4.2更新的新特性:Fragment in fragment(嵌套)。 这部分很快会更新。真的。 <br>现在来看看安智市场的app效果 <br>然后来看看现在这个帖子要实现的功能的demo效果 不会很难看吧,见笑了!呵呵!!!动画效果没做。木有时间。 <br>现在来说说代码,其实我之前在eoe写过一个类似的,不过现在理解更深刻,有改进一部分。 首先必须是布局文件啦,主要的布局文件是:activity_main.xml <TabHost xmlns:android="http://schemas.android.com/apk/res/android" android:id=" @android :id/tabhost" android:layout_width="match_parent" android

uni-app-组件

前提是你 提交于 2019-12-27 02:42:56
不推荐使用HTML标签,但实际上如果开发者写了div等标签,也会被编译器转换为view标签,类似的还是有span转text、a转navigator等。 1:基于组件组合成复杂的组件 2:DCloud提供了扩展组件框架uni-ui, 3:第三方开发的组件也收录到插件市场 什么是组件: <template> <view> <tagname property="value"> content </tagname> </view> </template> Tips 所有组件与属性名都是小写,单词之间以连字符 - 连接。 根节点为 <template> ,这个 <template> 下只能有一个根组件。 平台差异说明若无特殊说明,则表示所有平台均支持。 属性类型: 共同属性类型: 所有组件有自己特殊的属性 组件列表 视图容器(View Container) 基础内容(Basic Content): 表单组件(Form): 导航(Navigation): 媒体组件(Media): 地图(Map): 画布(Canvas): webview(Web-view): 平台开放数据(Open-data): uni-ui是DCloud提供的一个跨端ui库,它是基于vue组件的、flex布局的、无dom的跨全端ui框架 uni-ui不包括基础组件,它是基础组件的补充 uni-ui支持2种方式:

前端ui框架---ant 蚂蚁金服开源

浪子不回头ぞ 提交于 2019-12-26 01:15:11
蚂蚁金服和饿了么好像不错 饿了么官网: http://element.eleme.io/#/zh-CN 饿了么github: http://github.com/elemefe 蚂蚁金服 https://ant.design/ Mint UI 项目主页: http://mint-ui.github.io/#!/zh-cn demo: http://elemefe.github.io/mint-ui/#/ github地址: https://github.com/ElemeFE/mint-ui 中文文档地址: http://mint-ui.github.io/docs/#!/zh-cn iview iView 配套的工作流: https://github.com/icarusion/vue-vueRouter-webpack github地址: https://github.com/iview/iview 官网: https://www.iviewui.com/ vue-mui 官网: http://mui.yaobieting.com/ github地址: https://github.com/creatshare/vue-mui radon-ui 中文文档: https://luojilab.github.io/radon-ui/#!/ github: https:/

Vue.js ui框架大全,总有一款适合你

不打扰是莪最后的温柔 提交于 2019-12-26 01:14:13
适用PC端 1、 elementUI 支持vue2.x, 饿了么前端团队打造 2、 iView 支持vue2.x 3、 Vue Antd 支持vue1.x,据说不再有人维护 4、 N3 支持vue2.x 5、 AliTelecom UI 支持vue2.x,阿里通信技术团队打造 6、 Vue-Blu 基于Vuejs和Bulma开发 7、 Vue-Beauty 基于 vue.js 和 ant-design样式的PC端UI组件库 8、 Vuetify 一个material design vue 组件库 9、 vue-material 同 Material 风格的组件库 10、 Keen-UI 又一个 Material 风格的组件库 11、 Vue Admin 基于Vue 2.0 和 Bulma 0.2 开发的后台界面框架 适用移动端 1、 Muse-UI 基于Material Design开发,支持vue2.0 2、 Mint UI 支持vue2.0,饿了么前端团队打造 3、 VUX 基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面 4、 VUWE 基于微信WeUI所开发的,专用于Vue2的组件库 5、 WEEX 阿里推出的跨平台的移动端开发框架,可以构建高性能、可扩展的 native 应用 6、 VueStrap 基于 Vue.js 的 Bootstrap 组件