前言消息队列已经逐渐成为企业IT系统内部通信的核心手段。它具有低耦合、可靠投递、广播、流量控制、最终一致性等一系列功能,成为异步RPC的主要手段之一。虽然说,目前状况是Kafka更为火热,但更为广泛的应该还属老牌的RabbtiMQ和Alibaba自主研发的RocketMQ。关于MQ相关的内容,Alibaba肯定还是很有话语权的,尤其是关于RocketMQ的使用,所以今天我们要分享的内容,实际上就是
 作者:腾驹TPP图化致力于打造一个算法在线服务领域易用、性能极致、迭代效率远超普通方式的产品。本文将介绍TPP图化以及2021年在性能、开发体验上的改进,并介绍未来TPP图化的规划。一、背景TPP是阿里个性化算法开发平台,依托阿里AI·OS引擎(特征、召回、打分等引擎)为众多的个性化业务(搜索、推荐、广告等)提供Serverless化的在线服务能力。用户在TPP平台上编写业务代码,做A
      公式:隐形眼镜屈光度=框架眼镜屈光度÷(1-0.012×框架眼镜屈光度)   屈光度用D表示,1D相当于平时所说的100度,近视的屈光度是负数,远视的屈光度是正数。0.012是框架眼镜和黑眼球最高点的距离,单位是米。        框架隐形眼镜度数换算公式:Fo=Fs/(
安装安装React项目 npm i -g create-react-app create-react-app demo (demo就是的项目名字)Ant Design 框架的安装 npm install antd --save 找到APP.css 在最前面引入 @import '~antd/dist/antd.css';主页面import React from "react"; // 这是我自己请
ant Design的学习笔记layout布局排版 Layout.Sider的属性学习breakpoint的属性是通过屏幕区域的宽度自动激活sider的收缩和扩展,breakpint="xs"表示当屏幕是超小屏幕的时候自动收缩,当大于超小屏的宽度自动展开collapsed我们可以通过这个属性动态的设置sider的展开和收缩,是一个boolean 当collapsed=true的时候当前的sider
转载 2024-07-25 16:17:27
55阅读
React UI组件库1、Ant Design :文档齐全,社区生态良好,有手机版,还有PC版。可以用来快速创建手机/后台/内部应用的UI组件库。我的博客,就是那这个组件库制作的。 网址:https://ant.design/2、React Bootstrap : BootStrap我在JQuery时代就开始使用,现在已经推出了React Bootstrap, 虽然UI设计上没什么出彩,但是快速完
转载 5月前
33阅读
推荐项目:Vue-Antd-Admin - 强大的前端管理模板项目简介是一个基于 Vue.js 和 Ant Design Vue 的高效、简洁的后台管理系统模板。此项目旨在帮助开发者快速搭建企业级后台应用,减少重复工作,提升开发效率。技术栈分析Vue.jsVue.js 是一个用于构建用户界面的渐进式框架,以其易学易用和高性能的特点深受开发者喜爱。Vue-Antd-Admin 充分利用了 Vue 的
##js框架 vue1. 职责划分-MVVMModel 模型 - 数据View 视图 - html 标签,样式ViewModel 用来结合模型和视图 - 决定数据展示在哪个标签上2. 入门例子vue中的数据和页面上标签内容是'绑定'在一起的,模型数据发生了变动,页面视图也会相应变化。这种特性称之为响应式框架。例如:<html lang="en"> <head> &l
转载 9月前
140阅读
实习遇到了这样的合并表单需求,从后端接收到的数据类似:{公司a,月份,废铅蓄电池数据,废矿油数据} {公司a,月份,废铅蓄电池数据,废矿油数据} {公司b,月份,废铅蓄电池数据,废矿油数据} {公司c,月份,废铅蓄电池数据,废矿油数据}需要把公司名称这一列的相同公司行合并起来:这一操作可以通过在相应列里添加render实现:/* value:当前项的值 record:当前行的数据 index:行索
转载 2024-05-04 15:50:03
91阅读
Ant Design of Reactantd 是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。设计语言:随着商业化的趋势,越来越多的企业级产品对更好的用户体验有了进一步的要求。带着这样的一个终极目标,我们(蚂蚁金服体验技术部)经过大量的项目实践和总结,逐步打磨出一个服务于企业级产品的设计体系 Ant Design。基于『确定』和『自然』的设计价值
Ant Design(蚂蚁组件)是蚂蚁集团体验技术部经过大量项目实践和总结,逐步打磨出的一个设计系统,内含带有 React 的 UI 库。它是为企业级产品设计而创建的。Ant Design 提供了高质量的交互界面设计组件和演示。作为 UI 设计师,在我们的工作中,善于利用现有的设计系统组件能够极大地提升工作效率。今天,即时设计设计师将向大家介绍广泛使用的设计系统 Ant Design 以及它的使用
转载 2024-03-12 14:41:01
55阅读
Ant Design Pro 是一个企业级中后台前端/设计解决方案。本地环境需要安装 node 和 git,技术栈基于 ES2015+、React、dva、g2 和 antd。参考:https://dvajs.com/https://github.com/ant-design/ant-design-pro/blob/master/READ
转载 2024-08-05 11:31:51
190阅读
之前先接触了ElementUI,然后后面又接触了Ant Design,在这里做个对比,希望通过对比这两前端ui框架,能够更加深入的了解和使用这些框架。表格对比    首先,通过一张表格来对比这两框架的异同吧对比项ElementUIAnt Designlogo官网/文档vue: https://element.eleme.cnvue: ht
转载 2024-03-14 08:31:36
2125阅读
antdelement-ui作为两个用途广泛的ui框架,均提供了按需引入,毕竟全量引入会导致包体积太大。尤其是当我们只想使用其中几个组件的时候,按需引入就变得更有必要了。我特意数了一下,二者均提供了共计63个组件,这是不是有什么特殊意义… 当然这么多组件更进一步证明了按需引入的必要性。其实官方均已经提供了按需引入的方式:antd# 安装 babel-plugin-import $ npm ins
转载 2024-03-01 09:23:22
77阅读
使用场景,在一个列表中,点击每一行会弹出一个表单,通过修改表单数据并提交来修改这一行的数据,其中某个数据的填写需要通过Mention实现动态提示及自动补全的功能。具体效果为: 遇到的问题:1、希望所需要的提示和自动补全的内容不同,实际场景类似于ide中函数提示(包含参数和返回值以及用法等提示)和函数补全(只补全函数名)的功能。Ant Design的Mention组件提供了Nav可以实现这
转载 2024-05-06 16:38:27
164阅读
在今年 SEE Conf 之际我们发布了 4.0-rc 版本,茶歇时间,有不少开发者对于 Ant Design 将设计实现相结合充满了好奇。这次 SEE Conf 没有充足的时间准备相关演讲,因而于此对于 Ant Design 4.0 背后的一些技术实现做一些杂谈。这次就先谈谈 Table。组合的问题据统计,Table 是 antd 中高频使用的组件,其丰富的功能充满着排列组合的乐趣。而在日常使
目录1 Form基础概念2 Form编写方式2.1  编写逻辑2.2 举例2.2.1 目标:2.2.2 程序顶层逻辑: 2.2.3 Register组件顶层逻辑:2.2.4 组件 - Email输入框2.2.4 组件 - 密码输入框2.2.4 组件 - 确认密码框(涉及validator)2.2.5 组件 - 电话号码输入框(涉及下拉框小组件)2.2.6 组件 - 验证码输入框
前言vue3-antd-admin是一个后台前端解决方案,它基于vue3和antd-ui实现。它使用了最新的前端技术栈,集成了动态路由、鉴权登录、菜单管理等基础功能,在此之上对样式进行优化,解决了其他框架菜单超出不滚动、未BFC隔离等被忽略的问题。它与同类型框架相比逻辑更加清晰简洁,没有冗余代码上手更加快速。相信不管你的需求是什么,本项目都能帮助到你。good luck!本项目当前只是基础部分完成
转载 2024-03-23 08:10:23
1451阅读
1点赞
1评论
网站首页登陆的时候,等待较长,用户反馈体验较差,我们可以从以下几个思路优化处理以下。 1.为什么等待较长?很明显,有个文件加载过慢了。chunk-vendors是什么文件呢?第三方模块文件,就是node_models里面的文件,ant-design-vue-jeecg把vue主配置文件(main.js)里依赖加载需要的文件全部打包到了这个文件里,文件过大,就会加载会过慢。 2.解决问题的第一步。
bug问题描述今天准备使用一下Ant Design Pro,全程按照使用文档进行项目的构建和启动,结果启动时报如下错误:ERROR in ./src/components/index.md  Module build failed (from ./node_modules/@umijs/preset-dumi/lib/loader/index.js): Error: [BABEL] @b
  • 1
  • 2
  • 3
  • 4
  • 5