前言 React是Facebook推出的一个前端框架，之前被用于著名的社交媒体Instagram中，后来由于取得了不错的反响，于是Facebook决定将其开源。出身名门的React也不负众望，成功成为当前最火热的三大前端框架之一。相比于Angular，React更加轻量。而相对于另一个轻量级前端框架Vue来说，React虽然学习和使用起来难度稍微大一些，但是React的社区相对来说人气更旺，而且在
转载
2024-04-02 22:09:27
81阅读
因为工作要求需要用到ant design pro for vue，又因为是第一次接触，所以遇到了很多问题，所以打算吧遇到的问题和解决方法放在这，仅供自己之后回头复习和当做备忘录。1.table控件内容与列名无法对齐查了好久，总算是解决了这个问题。ant-design 里 table控件，在设置scroll之后，内容和列名不对齐，这时候要设置所有列的列宽为一个具体数值，然后设置scroll的x为所有
转载
2024-04-03 13:27:46
338阅读
终于把书写完，接下来恢复之前的更文频率。这篇文章我们来谈谈移动端和PC端交互设计上的区别。经常遇到一些设计师，他们之前负责的都是pc端产品，突然改做移动端，会不自觉的把pc端的一些设计理念“移植”到移动端，出现了水土不服。有经验的设计师一看你设计的移动端页面就知道你之前做的都是pc端，这是一件非常尴尬的事情。就好像你说了一句“nice to meet you”，别人就知道你老家是哪里一样。那么移动
在main.js中
import “ant-design-vue/dist/antd.less”;在 vue.config.js中
module.exports = {
css: {
loaderOptions: {
less: {
javascriptEnabled: true
}
}
}
};
在 bable.config.js中
“style”: true在路由中使用
转载
2024-04-23 10:19:52
1620阅读
一说到移动端布局，大部分同学会想到用rem，不错rem确实可以解决各种问题，哪怕宽度你都写固定值都没有问题，但是宽度的适配使用大量的数值，是不是算起来有点头疼呢？还有一部分同学会大面积使用弹性盒，宽度的适配用弹性盒真的是太香了，可是弹性盒它并不能兼容所有的设备，那没有弹性盒是不是就没有办法了呢？其实并不是的，我这里提供几个常用布局方式，就算是没有弹性盒，也可以轻松玩转移动端！1、上下固定，中间弹性
通过对React.js一周左右的学习后，就想着自己写一个主页，在这一周的学习中虽然对react组件化开发的思想有了较深的理解，但自己还是很迫切的希望能动手结合Ant Design写出来一个主页。因为当初学react的目的就是为了学习怎样使用Ant Design，也不知道出于这样的目的去学习react是不是正确的做法。
转载
2024-04-18 09:34:45
63阅读
在移动端项目中的字体在随浏览端的窗口尺寸改变（响应式），在Vue项目中我们可以用过脚手架Vue-cli来安装相应的依赖类库来实现这个功能。首先来创建一个新的项目 vue init webpack vue-mobile 启动之后就看到初始的Vue项目的起始页面——Welcome to Your Vue.js App这个时候我们可以去看看项目的根目录下的文件 .postcssrc.js
系列文章目录Ant Design Mobile of React 移动应用开发示例博文系列第一篇：【传奇开心果系列】Ant Design Mobile of React实现移动应用:从helloworld开始 第二篇：【传奇开心果系列】Ant Design Mobile of React实现移动应用:天气应用 第三篇：【传奇开心果系列】Ant Design Mobile of React实现移动应
简言Ant Design of Vue 是 Ant Design 的 Vue 实现，开发和服务于企业级后台产品。 为什么不用elementUI呢？因为。。。我最近在使用ant design vue。当然，你也可以使用elementUI，使用ui框架可以快速敏捷开发，个人项目无所谓。使用ant design vue下载包项目路径下npm拉取包npm i --save ant-design-vue注册
转载
2024-02-19 17:42:19
1121阅读
最近接到一个后台开发的项目，需要对接业务系统提取数据，大部分时间在PC上用，但是在手机上要勉强能看。对方只给了提取数据的接口，对于界面风格、布局排版等没有明确要求，只说不要太丑就可以了。于是，开始着手选前端框架，打听了一圈，加上自己思考，最终决定前端用ant design pro，后端用SpringMVC。选ant design pro的原因如下：1. 基础好ant design本身设计合理、文档
转载
2024-04-24 20:29:31
164阅读
React-使用antd-mobile实现圆弧倒计时一、实现效果二、实现代码1、antd-mobile官网2、安装antd-mobile
npm i antd-mobile或者yarn add antd-mobile3、检查package.json里是否安装成功4、对应代码实现步骤：【1】、自定义state：
realTime：实际倒计时时间
circlePercentage：滚动圈滚动
转载
2024-05-11 11:01:31
272阅读
Ant Design项目链接：Ant Design包大小（来自 BundlePhobia）：缩小后 1.2mB，缩小 +gzip 压缩后 349.2kB，通过摇树减少体积。优点：AntDesign 随附了大量支持文档，有一个社区，包括一个带有预制模板的单独项目（AntDesignPro）；可用来快速设计后台 / 内部应用的 UI 库。缺点：缺乏可访问性；体积很大，预计会对性能产生较大影响；污染你的
转载
2024-07-05 07:31:57
68阅读
Pagination 数据分页实战演练 数据分页在项目中的使用频率是非常高的,但是对于新手来说是一个难点和痛点,这里我记录一次数据分页从环境搭建到最后页面的渲染的过程,对于新手可以用来参考,大佬勿喷高抬贵手.环境搭建fastapi-backend 后端目录vue-frontend 前端目录 这里我只贴一些关键的代码了,文末有代码仓库可以查看完整的代码.后端后端采用了fastapi框架,首先安装相关
转载
2024-04-04 11:44:03
353阅读
介绍在vue中使用antV-G2展示分组柱状图G2 是一套基于图形语法理论的可视化底层引擎，以数据驱动，提供图形语法与交互语法，具有高度的易用性和扩展性。使用 G2，你可以无需关注图表各种繁琐的实现细节，一条语句即可使用 Canvas 或 SVG 构建出各种各样的可交互的统计图表。一、安装 antV-G2通过 npm 安装npm install @antv/g2 --save成功安装完
作者：Milos Protic
译者：前端小智
简介有人说递归很难理解，也有人不这么认为。递归函数简单的定义是：一个自调用函数，这意味着它将在执行的某个时刻调用自己。从理论上讲，递归是一种需要两个属性的行为：结束点：停止递归的情况一组规则：负责将所有的操作减少到结束点咱们无法决定哪一个更重要。如果没有结束点，递归将成为一个无限循环，但是如果一组规则就不能实现期望的行为，所以
转载
2024-05-31 01:42:44
69阅读
前言没有 GPU，没有服务器？滴滴云 GPU 服务器，8GB内存/8GB显卡，优惠期内2200元包年。别急，输入AI 大师码：8754，折扣价基础上，再加9折优惠。快速链接：滴滴云 AI 特权学历与定位近日在某论坛，有网友提问道：搞机器学习是不是要博士或是硕士学历，是不是要求很高，顶会论文？本科生或者更低学历的，是不是就没有机会了？从最近公司的招聘来看，算法工程师的 bar 确实有在
转载
2024-10-05 15:35:06
54阅读
国内绝大多数内容为主的网站(知乎，果壳，V2EX，网易新闻等)均使用内容区定宽布局，大多数电商网站(网易考拉，京东，聚美优品)也使用了内容区定宽的布局，也有些网站使用了自适应布局：天猫
内容区采用媒体查询+定宽，在达到某个断点之后更改内容区的宽度，并把某个内容显示/隐藏。注意热门市场这里，虽然每一个方块的宽度是随着断点变化的，但是左上角的标签和里面长方形的白色区域在所有的屏幕下都是定宽度的
Ant Design Pro of Vue是蚂蚁金服开发的一套Vue前端框架，号称可以让开发人员轻松搭建企业级的前端项目。进入官网，选择开始使用，可以看到官网提示：你的本地环境需要安装 node 和 git。我们的技术栈基于 ES2015+、Vue.Js、Vuex、Vue-Router、g2 和 antd-vue，提前了解和学习这些知识会
转载
2024-05-09 11:03:29
432阅读
Ant Design的布局 我们来讲一下Ant Design布局空间布局是体系化视觉设计的起点，和传统的平面设计的不同之处在于，UI界面的布局空间要基于『动态、体系化』的角度出发展开，我们受到建筑界大师柯布西耶的模度思想的启发，基于『秩序之美』的原则，探索UI设计中的动态空间秩序。 在中后台视觉体系中定义布局系统，建议从5个方面出发： 1.统一的画板尺寸 2.适配方案 3.网络单位 4.栅格 5.
转载
2024-02-27 08:18:46
175阅读
Ant Design 组件提供了Input，InputNumber，Radio，Select，uplod等表单组件，但实际开发中这是不能满足需求，同时我们希望可以继续使用Form提供的验证和提示等方法（使用起来确实很爽），这时需要自己动手封装一些表单，同时我们还要保持方法可以继续是使用。 github的代码地址: https://github.com/haozhaohang/ant
转载
2024-04-07 06:34:03
489阅读
