前言Ant Design 4.1.0 发布了。Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现，使用 TypeScript 构建，提供完整的类型定义文件，自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。更新内容此版本更新内容：1、支持紧凑模式主题。#22126 @AshoneA2、新的 Space 组件
转载
2024-04-06 10:40:57
124阅读
上一节我们讲了axure在开始着手画原型之前需要做的五步：1.梳理产品功能等级2.梳理产品功能结构3.将产品流程图文字化4.将产品功能说给开发和需求方听5.将当前产品进行核心提炼并做版本规划 这一节我们来总结归纳一些axure的使用技巧，能否快速的设计原型，首先我们得熟悉快捷键：1.ctrl+shift+a【截图屏幕】2.ctrl+v【粘贴】3.ctrl+d【选中元件复制】4.ctrl
安装项目依赖包根据自身习惯的方式，自行选择使用 npm 或 yarn 进行安装依赖包。注意：如果选择 npm 安装，后面的命令都是用 npm 命令，包括 npm start / npm build 等；选择 yarn 安装同样如此。请勿将 npm 命令和 yarn 命令混合使用.首先了解一下项目依赖包的配置文件package.json 文件简介注意： .json 文件内不支持注释，以下仅作为代码阐
Bootstrap-table 表头筛选控件,根据Bootstrap-table API,在表头添加筛选排序，支持文本搜索，数值搜索，日期搜索，单选和复选。依赖js jQuery,Bootstrap,Bootstrap-table,select2筛选类型说明1. 文本类型（text）提供模糊搜索功能，根据输入的参数模糊匹配返回对应的结果2. 数值类型(num)提供区间搜索功能，所搜列必须为数值，可
转载
2024-10-31 19:50:26
311阅读
常用于展示鼠标 hover 时的提示信息。 该组件的痛点在于：
纯CSS实现；如何利用slot使组件易扩展，能够适应多种场景。1. 实例代码<!-- 基础用法 -->
<fat-hovertip>
<template slot="hover-part">
<fat-button>组件</fat-button&g
转载
2024-09-27 19:21:41
176阅读
一、正则表达式的基本语法var expression = /pattern(模式)/flags(标识符);二、如何创建正则表达式1.字面量创建代码如下：//匹配字符串中所有“at”的实例
var e = /at/g;
//匹配第一个“bat”或“cat”,不区分大小写
var e = /[bc]at/i;2.RegExp构造函数创建RegExp构造函数接收两个参数，第一个参数是要匹配的字符串模式，
对于单元测试不清楚的地方可以参考我的第一篇文章 介绍Robolectric主要从框架简介、框架优点、框架可行性分析，框架环境配置、框架演示、框架参考资料方面进行介绍：一、框架简介 官网的介绍 Running tests on an Android emulator
场景复现纯前端实现关键字搜索，显然很简单，但是在项目中，一般都会编写与搜索相关的接口，将任务功能的实现分工，因此在有接口的情况下，我们也要学会如何使用接口来实现搜索。通过接口将从后端获取到的数据展现在表格内，现在需要实现根据id的搜索功能。大致功能需求如下：输入关键字 点击搜索按钮 能够搜索相应的内容表格能够根据搜索的内容 实时更新数据当输入框内容清空之后 表格内容能够实时更新（优化）解决前的初始
我们都知道，Echarts图表功能非常强大，使用起来也很方便，我们的项目中就用到了Echarts，现在笔者就带大家看看怎么在react中使用Echarts。我们要想在react项目中高效使用echarts，建议大家安装echarts-for-react,它是一个简单的 echarts(v3.0)的 react 封装。在我们实际项目中使用非常简单。如果是在react项目中使用图表，大家也可以使用b
效果图话不多说，先上效果图，该组件使用react开发框架，基于ant-design 里的Calendar 组件，使用了lunar-javascript日历工具库对日历单元格进行农历日期的渲染。过程很简单，但在没找到门路之前也走了很多弯路，所以在此记录一下。思路先把我们要用到的插件引进来，这里用到了ant-design的模态框，日历，tag标签，以及lunar日历库。import { Modal,
vue
ant desgin 中 table自动高度<template><div> <a-page-header
原创
2021-09-02 18:04:56
1642阅读
# 下载 Ant Design Pro JavaScript 版本的完整指南
在这篇文章中，我们将详细介绍如何下载和实现 Ant Design Pro 的 JavaScript 版本。即使你是刚入行的小白，跟着这篇文章的步骤，你也可以顺利完成这个任务。Ant Design Pro 是一个专门为企业级后台应用程序设计的 UI 设计语言与框架，它提供了一组高质量的组件，使得开发复杂的用户界面变得轻松
原创
2024-07-31 07:26:26
154阅读
Vue 进阶系列教程将在本号持续发布，一起查漏补缺学个痛快！若您有遇到其它相关问题，非常欢迎在评论中留言讨论，达到帮助更多人的目的。若感本文对您有所帮助请点个赞吧！2013年7月28日，尤雨溪第一次在 GItHub 上为 Vue.js 提交代码；2015年10月26日，Vue.js 1.0.0版本发布；2016年10月1日，Vue.js 2.0发布。最早的 Vue.js 只做视图层，没有路由，&n
react-native-webview设置字体及高度设配先来看一下效果图吧：（字体用的的思源宋体）配置过程： 1.首页我用的是第三方的react-native-webview来加载页面的，当然react-native-autoheight-webview也是可以的 2.Webview部分的配置：<WebView
ref={(webview) => {
this.web = we
# 从Docker到Ant Design Pro：解决上线无法访问的问题
在现代的软件开发中，Docker已经成为了不可或缺的工具。它可以帮助我们方便地构建、打包和部署应用程序，使开发和运维更加高效。而Ant Design Pro则是一个基于React的企业级中后台前端/设计解决方案，提供了丰富的UI组件和模板，可以快速搭建前端项目。
然而，在将Ant Design Pro项目部署到Docke
原创
2024-05-08 07:58:51
75阅读
一个项目可以定义一个或多个target。一个target是一系列你想要执行的。执行Ant时，你可以选择执行那个target。当没有给定target时，使用project的default属性所确定的target。
3.2 Targets
一个target可以依赖于其他的target。例如，你可能会有一个target用于编译程序，一个target用于生成可
转载
2024-09-03 13:54:48
12阅读
最近研究了 DatePicker 的实现原理后做了一个 vue 的 DatePicker 组件，今天带大家一步一步实现 DatePicker 的 vue 组件。原理DatePicker 的原理是——计算日历面板中当月或选中月份的总天数及前后月份相近的日子，根据点击事件计算日历面板显示内容，以及将所选值赋值给标签。实现CSS 代码于文章末尾处1. 构思页面结构DatePicker 组件由输入框和日历
一、概述 delete是Ant内置任务，用于删除单个文件，一个指定目录的所有文件及其子目录，或者一到多个资源集合指定的文件。fileset从字面上看是不包括目录的，但是在使用嵌套的文件集元素时可以通过将includeEmptyDirs属性设置为true，来删除空目录。但是这个属性对于任何包含目录的资源集合类型中是无意义的，在任何情况下都不会删除
转载
2024-06-09 19:35:48
116阅读
需求：在新增&编辑表单中，共分三个表单模块，第二个模块设计为一个可编辑表格组件，其中可选下拉列表依赖外层第一个模块的某条数据值，提供新增、编辑、删除、按规定条件去重等功能，并在第三个模块中自动计算列表数值总和 实现：1.表单初始化接口的返回约定为三个数组，按模块对应：const [dataSource, setDataSource] = useState<{
转载
2024-04-22 23:49:56
233阅读
需求：通过下拉框数据的选择，选中列展示，否不展示 下拉框的样式用的Ant desgin vue 库中 Dropdown下拉菜单嵌套 Checkbox多选框 干货： 渲染数据：表格所有的头部，通过头部title选择控制列的显示隐藏 下拉框结构样式 在mounted里面保存原有数据，后面做数据筛选 定义 ...
转载
2021-07-23 16:58:00
7457阅读
2评论
