Drawable讲过三个动画,animation-list定义帧动画,animated-rotate定义旋转动画,animated-selector定义选择状态动画,这三个属于drawable动画(也称Frame-By-Frame Animation)。除了drawable动画,Android框架还提供了另外两种动画体系:视图动画(View Animation 也称Tweened Animatio
Demo:http://webenh.chinacloudsites.cn/Default/Demo2 在平时的项目开发中,应该会经常遇到上图所示的需求,就是在一个页面中有多个标签,被选中的标签颜色会高亮显示,切换不同标签显示相应的不同内容。如果内容代码过多则写在同一个html文件就会显得特别乱,所以这里我们最好把页面代码分开单独管理,controller也可以分开来管理,这样就会显得清
前言本文是笔者写组件设计的第五篇文章,之所以会写组件设计相关的文章,是因为作为一名前端优秀的前端工程师,面对各种繁琐而重复的工作,我们不应该按部就班的去"辛勤劳动",而是要根据已有前端的开发经验,总结出一套自己的高效开发的方法.作为数据驱动的领导者react/vue等MVVM框架的出现,帮我们减少了工作中大量的冗余代码, 一切皆组件的思想深得人心.所以, 为了让工程师们有更多的时间去考虑业务和产品
一步步创建一个vue项目(五)标签栏实现根据route内容实现标签栏这里是依据vue-element-admin中的代码,通过自己整理后将自己整理的一些内容列出来: 首先是要实现的功能: 1.点击左面的导航栏右面会出现相对应的标签和页面(可关闭) 2.判断页面是否活跃,哪些页面是活跃状态 目前只实现了这两个功能 这里的标签的记录使用了store,把哪些页面打开,哪些页面关闭使用store记录,主
转载 6月前
58阅读
今天这篇文章,带大家认识下前端常用的几个ant常用任务标签。 1.concat:合并文件 concat标签非常常用,我们前端使用ant的一个核心任务,就是合并js/css文件以减少http请求。 1.1 concat的主要属性属性说明destfile 合并后的文件的目标路径,包含文件名overwrite 是否允许覆盖目标文件,默认是允许outputencoding 输出的目标文件的编码 全部
转载 20天前
16阅读
   vue组件中的API有三个,分别是props,events与slot。前两个分别为传参和触发事件,slot实现的是内容分发。最近使用elementUI中的组合搜索框或者添加其他自定义内容时会用到此属性。它相当于AngularJS中的transclusion,意为插槽。  vue中的组件,可谓是相当重要的内容。slot的主要作用就是组件的组合,用来扩展组件。简单来
转载 7月前
165阅读
ant-design-vue动态合并可编辑表格的解决方法ant-design-vue官方提供了合并单元格的方式,使用customRender方法可以进行单元格合并: 其中rowSpan为合并行数,mergeRowspan为动态定义合并行数(下面介绍)。具体用法可参考ant-design-vue表格行/列合并vm.columns = [ { title: "列名", data
1.v-once标签,我们知道vue是响应式的,即某个地方数据更改了,界面的数据也会更改,有时候我们只希望界面只渲染一次,不希望界面的数据乱变动,那么就可以使用v-once标签了<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Tit
转载 5月前
51阅读
只是记录一下自己遇到的些许问题和解决方案的汇总,方便以后查阅。废话不多说,直接上重点:(遇到的难题)一、antd-design组件难以自定义样式这里 antd-design 不像web一样,可以直接找到样式class在global中去定义。在antd-design里有一个后门,就是styles属性,一般我们要修改样式,都可以去源码里找到对应component的style目录,我们就可以找到对应的样
前面项目已经建起来了,但是没有React基础怎么办,从头学习,这个项目使用的是基于React16.X版本的几种技术集成,那么我们就从网上找一些相关的资料进行研究,我的习惯是用到哪学到哪。 一、先看一些基础示例1、render用法 ReactDOM.render( <h1>Hello, world!<
转载 2020-01-20 15:01:00
171阅读
2评论
AntDesign引入简介
原创 2022-03-10 09:42:33
148阅读
AntDesign引入简介
原创 2021-09-01 09:37:26
486阅读
本节实现一个点击左侧menu在右侧content切换页面效果,原始代码请从UMI学习-6开始看 1、在pages下添加两个组件,User,UserRole import React from 'react'; class User extends React.Component { render()
转载 2020-02-01 23:05:00
424阅读
2评论
在开发Web应用程序时,分页是一个常见的需求,特别是在展示大量数据的情况下。本文将介绍如何在React应用中使用Ant Design的Table组件实现分页功能,并通过一个简单的例子进行说明。1. 引言分页能够帮助用户更高效地浏览和管理数据。当数据量较大时,一次性加载所有数据可能会导致性能问题,同时也会影响用户体验。因此,分页成为了展示大量数据的有效手段之一。2. 技术栈React: 用于构建用户
原创 1月前
42阅读
完整版下载地址:https://gitee.com/dgx/DiReactPagination完整版演示地址:http://dgx.gitee.io/direactpagination/build/index.html#/  一.准备工作我们是继续基于这个demo项目实现一个分页插件,这个分页插件会用在各个需要的组建当中。分页插件的名字我们就叫做:DiReactPage分页插件
原则:ant的学习方式。掌握好基础之后,掌握基本元素。用什么查什么1.target的depends属性target之间执行顺序的定义:depends属性。表示有依赖哦~~~ 自动去先执行自己depends的target哦~~ 2.注释标签build.xml文件的注释的书写方式:第一种:<description>标签。第二种:target的属性<target d
转载 2月前
14阅读
如果一块表走的不准,那它每一秒都是错的。写在前面的话:博主之前一直使用的vue框架,最近入手公司项目,开始一点点接触React,我觉得学习任何东西的最好方法就是使用它、体验他。其实完成页面前我根本没有读过react的官方文档(是有些许枯燥)但我会仿照别人的代码一点点尝试,用过之后再去看官方使用文档会豁然开朗。这个方法值得推荐。因此,咱们今天来初试React开发,实现简单的个人中心-信息修改页面&n
最近做个移动端视频需求,要求隐藏播放控件,并且可以自动播放而且隐藏播放控件(不太人性化),最后要有个定制的结束遮罩层用来人机交互。尝试直接用video标签做,但是各种坑啊,video永远是在页面的最顶层,所以播放控件的自定义化就凉凉了,怎么办呢?受以前做的一个利用canvas做视频直播的项目启发,尝试下canvas做视频播放,于是我抱着试一试的心态去查阅了相关资料,尼玛,还真的可以,而且原理很简单
一、AntDesign的介绍AntDesign ,简称 antd 是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。中后台的产品 属于工具性产品,很多优秀的设计团队通过自身的探索和积累,形成了自己的设计体系。AntDesign的特点:提炼自企业级中后台产品的交互语言和视觉风格。开箱即用的高质量 React 组件。使用 TypeScript 开发,提供
AntDesign(Vue)版的Table中使用图片https://www.cnblogs.com/zhaogaojian/p/11119762.html 之前在使用VUE版Table时,使用大图片时,某些列使用右fix会出现错乱问题(可能我使用的方法有误),试用React版看会有问题不 publi
转载 2020-02-08 12:38:00
157阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5