译者 jonjia 爱贝睿技术团队在工作中使用 Vue 一段时间后，对它的工作原理有了相当深入的了解。然而，我很想知道篱笆另一边的草地是什么样 - React。我已经阅读了 React 文档，也观看了一些教程视频，虽然它们都很棒，但我真正想知道的是 React 与 Vue 到底有什么不同。这里的「不同」不是指它们是否具有虚拟 DOM 或者它们如何渲染页面。我希望有人能直接解释代码并告诉我会发生什么
AntDesign引入简介
原创
2022-03-10 09:42:33
162阅读
AntDesign引入简介
原创
2021-09-01 09:37:26
535阅读
vue 2.xant vue问题描述，最近接到新需求，要合并数据项，如下图所示， 其实，单说合并很好理解，跨行设置呗，HTML中的colSpan、rowSpan设置，行，列向合并即可，但是ant中有点绕。上代码1，需要两个方法，如下，一个是整理数据源，另一个是增加设置项（后面再说为啥要这么做），将这两个方法放到vue中的上层，或者你可以放到methods中// rowSpan 合并列
转载
2024-05-03 13:55:44
156阅读
之前写过一篇 chrome 浏览器插件开发的文章 全方面手把手从0到1带你开发谷歌浏览器插件 ，但是不是 vue/react 这种第三方框架的，是原生和 jquery 混合的，但是那种开发前端方式比较麻烦，所以下面是用 vue 来开发插件github地址：https://github.com/18055975947/my-vue3-plugin一、创建 Vue 项目使用 vue-cli 创建 vu
1.啰唆两句1）、工作中，我们会发现有些前端操作是经常会用到的，我们就拿Table表格的添加和修改举例子，如果用到一次写一次,那我们的代码就太臃肿了； 2）、我们可以把这些可以复用的功能抽成一个组件来循环使用，哪里需要用到就只需要去调用就行了。 3）、重点是学思路，学方法。2.直接上图1）、这是需要做的样式界面。2）、这是添加界面3）、这是修改界面4）、思路分析 其实添加数据跟修改数据的界面都是一
转载
2024-04-18 08:43:22
1774阅读
本篇带你使用 AntDesign 组件库为我们的系统换上产品级的UI！ 安装组件库 在项目目录下执行：npm i antd@3.3.0 -S 或 yarn add antd 安装组件包 执行：npm i babel-plugin-import -D 安装一个babel插件用于做组件的按需加载（否则项
转载
2018-03-13 19:23:00
263阅读
2评论
UMI不等同AntDesign(React)，但是使用UMI可以减少一些配置工作量，下面笔记主要记录基于UMI环境学习,另外中间夹杂着一些基础技术。关于UMI的说明引自百科：umi，中文可发音为乌米，是一个可插拔的企业级 react 应用框架。umi 以路由为基础的，支持类 next.js 的约定式路由，以及各种进阶的路由功能，并以此进行功能扩展，比如支持路由级的按需加载。然后配以完善的插件体系，
antd与element-ui作为两个用途广泛的ui框架，均提供了按需引入，毕竟全量引入会导致包体积太大。尤其是当我们只想使用其中几个组件的时候，按需引入就变得更有必要了。我特意数了一下，二者均提供了共计63个组件，这是不是有什么特殊意义… 当然这么多组件更进一步证明了按需引入的必要性。其实官方均已经提供了按需引入的方式：antd# 安装 babel-plugin-import
$ npm ins
转载
2024-03-01 09:23:22
77阅读
只是记录一下自己遇到的些许问题和解决方案的汇总，方便以后查阅。废话不多说，直接上重点：（遇到的难题）一、antd-design组件难以自定义样式这里 antd-design 不像web一样，可以直接找到样式class在global中去定义。在antd-design里有一个后门，就是styles属性，一般我们要修改样式，都可以去源码里找到对应component的style目录，我们就可以找到对应的样
转载
2024-09-10 10:14:27
132阅读
大文件分片上传就是一个契合分治算法的场景，现而今，视频文件的体积越来越大，高清视频体积大概2-4g不等，但4K视频的分辨率是标准高清的四倍，需要四倍的存储空间——只需两到三分钟的未压缩4K 电影，或者电影预告片的长度，就可以达到500GB。 8K视频文件更是大得难以想象，而现在12K正在出现，如此巨大的文件，该怎样设计一套合理的数据传输方案？这里我们以前后端分离项目为例，前端使用Vue.js3.0
转载
2024-10-29 20:11:57
87阅读
目的：记录一下自己工作过程中遇到的 Ant Design Vue 开发问题 文章目录Ant Design Vue 开发问题async和await让异步编程更简单1、antdv中table组件 scopedSlots 和 ellipsis 属性一起使用，悬浮框失效问题2、antdv修改调用的后端地址3、Java修改application名称和IP地址4、antdv调用后端接口文件5、antdv路由文
使用Ant Design Vue Pro 基础框架都知道好用，但是MultiTab标签一直未解决（V3.0.0），最新版解决了但是要收费9K（2022-01-21日）。 首先需要实现如下：MultiTab标签打开菜单路由页面之后keep-alive就一直保持缓存当前路由页面，直到点击MultiTab标签的X（或者点击菜单：关闭当前/关闭左边/关闭右边/关闭全部）此时删除keep-alive缓存。下
转载
2024-04-24 12:22:04
126阅读
第一篇文章简单的介绍了一下ant-design-pro，关于项目的搭建，我想官网的文档已经写得很清楚了，这里就不多做赘述了，这篇文章，我们来探讨一下ant-design-pro的动态路由。
动态路由首先是和用户登录权限挂钩了，不同的角色权限，看到不同的路由菜单，当用户登录后得到roles（角色），前端根据roles（角
转载
2024-03-19 00:04:06
143阅读
前面项目已经建起来了，但是没有React基础怎么办，从头学习，这个项目使用的是基于React16.X版本的几种技术集成，那么我们就从网上找一些相关的资料进行研究，我的习惯是用到哪学到哪。 一、先看一些基础示例1、render用法 ReactDOM.render( <h1>Hello, world!<
转载
2020-01-20 15:01:00
192阅读
2评论
文章目录前言一、Echarts安装二、Echarts引入全量引入（可优化CDN引入，减少打包构建时间）按需引入（加快资源加载，体积小）1、在常量定义文件夹或者公共代码目录新建 `echarts.ts`文件2、引入新建的 /const/echarts.ts3、然后根据官网提供的使用方法就可使用啦三、查找自己需要的组件第一种方法（查看源码）第二种方法（示例名称查找）总结 前言Apache EChar
转载
2024-06-17 19:45:39
219阅读
Drawable讲过三个动画，animation-list定义帧动画，animated-rotate定义旋转动画，animated-selector定义选择状态动画，这三个属于drawable动画（也称Frame-By-Frame Animation）。除了drawable动画，Android框架还提供了另外两种动画体系：视图动画(View Animation 也称Tweened Animatio
转载
2024-07-18 23:05:34
36阅读
朋友有个小项目的需求，想要用.NET Core 做后端，前端使用React Antd Pro，比较正常的前后端分离项目需求。研究了一下发现dotnet 项目模板里面自带react框架，是可以直接使用的。PS：非服务端渲染，这里只是使用了Statis File中间件发布了前端页面。框架依赖dotnet core sdk 5.0node 14.0 + npm➜ RCTableAdminTemplat
React学习笔记3（React路由、Ant Design）零 l 一 l （一）【了解】一些概念1、SPA（Single Page web Application 单页Web应用）2、路由3、路由组件与一般组件（二）效果图（三）< BrowserRouter > 与 < HashRouter >（四）< Link > 、 < Nav
在 create-react-app 中使用 create-react-app 是业界最优秀的 React 应用开发工具之一，本文会尝试在 create-react-app 创建的工程中使用 antd 组件，并自定义 webpack 的配置以满足各类工程化需求。 安装和初始化#
我们需要在命令行中安装 create-react-app 工具，你可能还需要安装 yarn。$
