最近用vue+typescript搭的一个框架写项目，UI框架使用的是ant design for vue的，由于其中还用到了“vue-property-decorator” 和 “babel-plugin-jsx-v-model”等依赖，用以支持TS和JSX的写法，所以不熟悉的可能看起来比较懵。当然，代码形式不一样，思想是一样的，基础JS代码怎么说也是看得懂的，那就足够了。先总结一下分片的思路吧
转载
2024-08-09 10:52:46
82阅读
Ant Design Pro 浅析脚手架下载Ant Design Pro 浅析菜单映射页面渲染界面定义数据交互后台数据交互 脚手架下载软件环境：NodeJS，Git 下载步骤：1、clone代码。其中ant_design 为文件夹名$ git clone --depth=1 https://github.com/ant-design/ant-design-pro.git ant_design
$
转载
2024-04-29 23:02:18
112阅读
Antd Menu 简述Menu 为页面和功能提供导航的菜单列表。导航菜单是一个网站的灵魂，用户依赖导航在各个页面中进行跳转。一般分为顶部导航和侧边导航，顶部导航提供全局性的类目和功能，侧边导航提供多级结构来收纳和排列网站架构。要点提取核心实现Menu 的用法。<Menu selectedKeys={["analysis"]} >
<Menu.Item index="
转载
2024-04-01 09:04:22
250阅读
在 React 中，我们常说不太需要关注性能问题。只要在 prod 模式下没有卡顿就不需要使用 memo 、PureComponent、 shouldComponentUpdate、useMemo 这些优化手段。然而作为组件库，这些事你就不得不考虑一下： 于是，我们会推荐使用 onPopupScroll 方法来监听滚动。如果选项滚动到了底端再异
转载
2024-04-16 11:29:04
91阅读
前言React是Facebook推出的一个前端框架，之前被用于著名的社交媒体Instagram中，后来由于取得了不错的反响，于是Facebook决定将其开源。出身名门的React也不负众望，成功成为当前最火热的三大前端框架之一。相比于Angular，React更加轻量。而相对于另一个轻量级前端框架Vue来说，React虽然学习和使用起来难度稍微大一些，但是React的社区相对来说人气更旺，而且在移
转载
2024-09-20 10:39:05
86阅读
在上一篇文章中，我们介绍了如何构建一个Ant Design Pro的环境。 同时讲解了如何启动服务并查看前端页面功能。在本文中，我们将简单讲解如何在Ant Design Pro框架下实现自己的业务功能。目录结构浅谈首先，我们来简单了解一下整个项目的目录结构及其中每个文件的功能。 一个完整的目录结构如下： 其中，关于业务功能的代码都在src文件夹下。 而s
Ant Design Pro of Vue是蚂蚁金服开发的一套Vue前端框架，号称可以让开发人员轻松搭建企业级的前端项目。进入官网，选择开始使用，可以看到官网提示：你的本地环境需要安装 node 和 git。我们的技术栈基于 ES2015+、Vue.Js、Vuex、Vue-Router、g2 和 antd-vue，提前了解和学习这些知识会
转载
2024-05-09 11:03:29
432阅读
最近接手了一个react项目，里面需要用到折线图，看到图表的感觉不难。但是仔细一看引入的是 Ant Design Charts。然后去看了一下文档，发现好多地方的属性与echart区别很大，甚至用法都不一样了。最终结合文档，对属性一 一 试用了解，完成了任务。现给与记录，以便后来再使用方便。实现目标( UI 给图 )
转载
2024-03-07 21:20:18
264阅读
第一部分： 前言 ant.design是基于react开发的一个解放ui和前端的工具，它提供了一致的设计方便我们快速开发和减少不必要的设计与代码，很多实用react框架的开发者都已经在使用ant.design了，且其在github上的star数也早已上万，足见其火热程度。 ant.design的目的也在于提高用户、开发者等多方的体验与幸福感。 ant.design设计很精妙，vue的iv
转载
2024-05-23 05:56:50
196阅读
前言：Ant Design是服务于企业级的设计体系，基于确定和自然的设计价值观上的模块化解决方案，让设计者和开发者专注于更好的用户体验。设计原则：一、亲密性 如果信息之间关联性越接近，也越像一个视觉单元；反之，它们的距离就应该越远，越像多个视觉单元。亲密性的根本目的是实现组织性，让用户对页面结构和信息层次一目了然。 二、对齐 在知觉过程中人们往往倾向于使知觉对象的直线继续成为直线，使曲线继续成为曲
转载
2024-03-15 13:55:35
88阅读
Ant是一个很好的跨平台构建工具，特别是对于Java项目，这里使用它对Android工程进行自动化构建可以得到非常大的便利。一般来说对Android工程进行构建主要有以下几个步骤：使用aapt来编译工程生成R.java；使用aapt来对工程所需用的资源进行打包；转换并编译AIDL文件；编译Java源文件并生成.class；转换并压缩.class文件成.dex文件；使用aapt打包生成未签名的apk
转载
2024-07-24 21:09:36
60阅读
ant design pro和ant design基础学习要学会并熟悉基于ant design pro快速开发出项目，需要学会以下知识：JSX 语法jsx语法 一般来说，HTML 原生标签都使用小写，开发者自定义的组件标签首字母大写，比如<MyComponent/>React 组件语法虽然输出 JSX 代码的函数就是一个 React 组件，但是这种写法只适合那些最简单的组件。更正式、更
react整合Ant Design Landing[首页模板集]安装nodejs安装create-react-app实用create-react-app 初始化create-react-app demo进入目录并启动 cd demo & npm start页面访问下载设计后下载文档[设计编辑页面Ant Design Landing入口](https://landing.ant.desig
转载
2024-04-03 21:08:14
198阅读
背景Ant Design是一套不错的UI组件库，功能强大。但是依赖了很多其他的组件，在RN6.3以后要自己安装以下组件才能正常使用。yarn add @react-native-community/cameraroll @react-native-community/picker @react-native-community/segmented-control @react-native-com
转载
2024-05-12 16:20:14
219阅读
1.利用moment时间转换 常用转换为普通时间格式
moment("时间").format('yyyy-MM-DD’)
moment("时间").format('yyyy-MM-DD hh:mm:ss’) //表示12小时制
moment("时间").format('yyyy-MM-DD HH:mm:ss’) //表示24小时制
MM: 月份 mm: 分
DD: 日期 dd: 星期
转载
2024-08-08 19:33:17
195阅读
Ant Design的布局 我们来讲一下Ant Design布局空间布局是体系化视觉设计的起点，和传统的平面设计的不同之处在于，UI界面的布局空间要基于『动态、体系化』的角度出发展开，我们受到建筑界大师柯布西耶的模度思想的启发，基于『秩序之美』的原则，探索UI设计中的动态空间秩序。 在中后台视觉体系中定义布局系统，建议从5个方面出发： 1.统一的画板尺寸 2.适配方案 3.网络单位 4.栅格 5.
转载
2024-02-27 08:18:46
175阅读
在使用ant design开发后台业务过程中，遇到了给upload组件配置后台服务器的问题。因为用习惯了七牛云的快速易用，以及喜欢它的自动压缩接口，因此第一反应就是想怎么配置上传到七牛云上面。不过经过多番搜寻，并没找到好的解决方案。官方推荐参考的jQuery-File-Upload服务端上传接口实现测试了几个nodejs的实现，发现很久没有维护了，存在一些问题。于是只能从阅读ant design源
转载
2024-05-03 15:04:41
103阅读
Ant Design 组件提供了Input，InputNumber，Radio，Select，uplod等表单组件，但实际开发中这是不能满足需求，同时我们希望可以继续使用Form提供的验证和提示等方法（使用起来确实很爽），这时需要自己动手封装一些表单，同时我们还要保持方法可以继续是使用。 github的代码地址: https://github.com/haozhaohang/ant
转载
2024-04-07 06:34:03
489阅读
http://ant.design/index-cn
原创
2021-07-20 11:38:32
292阅读
实战开发和看教程学习其实还是有很大差别的我为什么建议学习还是得从项目出发我进公司后第一天老大就让我看代码我写这个项目的目的项目情况前端后端写在最后 我为什么建议学习还是得从项目出发也许我们已经看了很多的教程。收费的，免费的，讲得好的，讲得不好的反正就是看了很多视频。那么能做出东西了吗？基础也看了，原理也似乎懂了再看下去好像都可以去开发一门新语言了。然而能做项目了吗？工作中真正要用到哪些东西，它们之
