1.全局样式色彩色彩体系主要分为两个层面：系统色彩体系以及产品色彩体系；系统色彩体系是系统的一些基础颜色，产品级色彩体系更多的是根据产品诉求不同而使用的颜色（像品牌色，功能色之类的）色彩在使用时更多的是基于信息传递、操作引导和交互反馈等目的布局UI界面的空间布局要基于「动态、体系化」的角度出发展开，建议从以下5个方面出发统一的画板尺寸：统一设计板尺寸适配方案：判断系统是否需要适配，哪些区域是需要动
做过后端管理系统的“猿们”都知道，后端界面的框架无非就是左右结构【左边是菜单栏，右边是具体业务的功能界面】。但是右边的功能界面，我们又能拆分出来一些公用的控件：搜索栏、操作按钮栏、列表【table、tree、treetable】等，今天小编大致说下自定义操作按钮栏控件的封装以及实现。首先，在做自定义控件之前，我们要想清楚我们封装自定义控件的目的，以目标为导向去实现。(以上内容纯属片汤话儿)1.目的
<a-input @blur="validateDomainBlur" placeholder="请输入需要绑定的域名" v-decorator="['domain', { rules: [ { required: false, message: '请输入域名' }, ], getValueFrom
转载
2020-03-11 15:27:00
1054阅读
2评论
vue是一个JavaMVVM库，是一套用于构建用户界面的渐进式框架，是初创项目的首选前端框架。它是以数据驱动和组件化的思想构建的，采用自底向上增量开发的设计。它是轻量级的，它有很多独立的功能或库，我们会根据我们的项目来选用vue的一些功能。它提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。一、安装vue1、安装node.js，安装完node.js之后，npm也会自动安
转载
2024-09-19 10:19:31
309阅读
相信大家都遇到过渲染一个很长的列表或者页面带来的痛苦，长列表与页面可能对首屏渲染速度造成很大的影响，并且会对页面的滚动造成一些不流畅的体验。我也在最近遇到了这个问题，发现除了直接使用分页外，虚拟滚动这种解决方案很是流行，于是也重新造了一下vue中虚拟滚动的轮子。虚拟滚动简单的说就是渲染在浏览器中当前可见的范围内的内容，通过用户滑动滚动条的位置动态地来计算显示内容，其余部分用空白填充来给用户造成一个
转载
2024-07-25 20:00:53
693阅读
在 React 领域里，一直缺少一套靠谱、好用的移动端组件，蚂蚁的 antd mobile v2 年久失修，几乎无人维护，跟 antd 相差甚远，在设计上，也有很多也已经跟不再符合 Alipay Design[1]。激动人心的是，就在前两天，在 ant-design-mobile[2] 的 discussions 里面已经发布了 5.0（白杨）的 Roadmap[3]。在 8 月 26 号晚上也已
在学习了vue框架之后，对前端又有了新的认知，vue框架的使用跟之前的js或者jquery有着很大的不同，在使用js或者jquery，我们首先想到的就是获取页面的节点，然后再来改变或者添加上自己想要的数据，vue则是相反，vue看重的是数据，通过获取到的一些数据再来改变结构，所以在使用vue框架的时候，就要两种思维切换。今天就来讲下如何使用vue来对表格的进行增删改查。 1、对表格数据的增加 先制
一、filePath not found 【解决】 https://github.com/ant-design/ant-design-pro/discussions/9362 这个方案救了我二、antd中Modal结合form的复合使用【解决】 https://www.jianshu.com/p/d70bbe4cee38 import { Form, Input, Modal, message,
vue-antd-admin——实现全网站选项的切换并实现页面的刷新场景效果图1.`AdminHeader.vue`组件添加`内外贸选项的切换`1.1 `template`中的相关代码如下：1.2 `data`中添加`dataTypeList`参数1.3 从vuex中引入`mapState`和`mapMutations`1.4 在computed中获取mapState中的type，从mapMut
转载
2024-02-29 10:19:43
2733阅读
理解request，import { request } from ‘umi’;//app.ts配置
export const request: RequestConfig = {
//错误出理器
errorHandler: errorHandler,
//请求拦截器，根据需要决定是否需要
requestInterceptors: [authHeaderInterceptor],
转载
2024-07-20 16:42:34
683阅读
作为前端小白刚刚接触上传、下载文件的操作也让我很头疼，所以利用时间记录一下方便巩固，希望能够帮到大家。 我将情况分为以下几种：1.点击按钮上传单个文件//html
<a-upload
:action="baseUrl + '/api/uploadSingleFile'"
:headers="heade
转载
2024-02-25 10:36:05
193阅读
<a-range-picker format="YYYY-MM-DD HH:mm:ss" :defaultValue="[momentTime(startTime, 'YYYY-MM-DD HH:mm:ss'), momentTime(endTime, 'YYYY-MM-DD HH:mm:ss')]
转载
2020-12-14 11:49:00
2023阅读
2评论
https://github.com/ant-design/ant-design/ 亲测！
原创
2022-03-01 13:35:12
228阅读
本篇文章是最近在公司里做项目的时候，尝试配置路由的过程。由于头尾，和路由主体，包括控制器组长都已配置好，我这里只是单纯的写一些配置单个副页面的过程。大家肯定会有看不懂的地方，后续会陆续更新完整的配置全套路由的方法。如果想看完整的配套路由方法，抱歉，让你们失望了，我也是个程序媛小白一枚~~~。 好，现在切入正题：我工作的步骤如下： 一.分别在css，js，tpls文件夹里面比照同事建立文件夹
项目中新功能需要用到富文本编辑，查找了几个富文本编辑器，结合需求以及以后产品说的可能扩展，最终选择了ueditor 首先就是功能超多，一步到位，估计都不用二次开发就够用了： 使用的话，首先要装包：（npm install ngx-ueditor --save） 然后就是引入到模块，然后配置前端配置项： 这是目录结构（没有在根目录引入，就为了写demo）： 接着就是这个 ueditor 这
翻译者：jiong 这个简单的教程，会一步步教你如何在React中进行基本的表单验证。你可以在github上看到所有代码我们使用create-react-app来快速创建并运行简单的react应用程序。从npm安装软件包并创建一个新的应用程序：$ npm install -g create-react-app
$ create-react-app react-form-validation-
转载
2024-10-19 18:19:32
72阅读
目录 运行截图Blazor webassembly读取配置MainLayout.razor.cs收缩BUG更改RenderFragment使用总结代码地址运行截图话不多说先放截图，经过一番修改，终于有点样子了，这一版本可以留下来，等其他开发继续使用Blazor webassembly读取配置blazor webassembly读取配置和其他有点不一样，他的appsettings.json
转载
2024-04-14 11:56:56
108阅读
https://github.com/ant-design/ant-design/ 亲测！
原创
2021-05-20 23:04:54
355阅读
一、Antd(Ant Design)的使用：引入全部Css样式1.1 antd官网：https://ant.design/docs/react/introduce-cn1.2 React中使用Antd1、在项目根目录安装antd【每个项目都安装一次】：
npm install antd --save / yarn add antd / cnpm install antd
转载
2024-04-22 23:08:49
413阅读
前言我的理念很简单：如果你想要在某个方面精通，那么你需要持续实践，实践一次不会有多少效果，你必须反复实践。我在编程这件事上就是这么做的。在这个过程中，我特别感受到：创建一些有意思的好东西是非常有趣的。你可以向朋友展示自己引以为傲的作品，坐下来敲代码实现它的过程会让你感觉欢喜。比如说我创建了一个聊天机器人(代码)。我们一起来创建吧！如果你想自己独立完成这个挑战，可以直接参考这份文档(其实是
