记录一下最近项目所用到的技术React + Dva + Antd + umi ，以免忘记。之前没有用过它们其中一个，也是慢慢摸索，了解数据整个流程。先了解下概念React 不多说，3大框架之一；Dva 是由阿里架构师 sorrycc 带领 team 完成的一套前端框架，在作者的 github 里是这么描述它的：“dva 是 react 和 redux 的最佳实践”。现在已经有了自己的官网 http
首先创建一个vue项目，不懂得可以看页面创建vue项目 或者npm创建vue项目第一步：修改配置vue.config.js创建成功后的项目配置为/**
* 简单页面使用配置
*/
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies
转载
2024-09-27 13:28:33
116阅读
今天给大家盘点12个Vue 3的高颜值UI组件库，凡是用过Vue 框架开发项目的老铁们最少有用过其中一种或者二种以上的UI组件库，用广东话讲：个个都靓。全文大纲Vuetify 是一个纯手工精心打造的 Material 样式的 Vue UI 组件库Vant 3.0 有赞前端团队开源的移动端组件库Element Plus 一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库Ant-
先看看效果 代码 helper.js export const dataSource = [ { key: "1", name: "张三", age: 32, address: "西湖区湖底公园1号" }, { key: "2", name: "胡彦祖", age: 42, address: "西湖 ...
转载
2021-07-12 15:48:00
786阅读
2评论
antdv 清除指定字段验证： this.$refs['ruleForm'].fields.forEach(filed => { if(filed.prop == "meterInfo"){ filed.clearValidate() } }); ...
转载
2021-09-15 13:58:00
2612阅读
2评论
今天偶然的机会想了解下其他Vue相关的组件库，网上刚好有文章，顺便自己做一下笔记，算是资源整理吧 。好了，话不多说，直接开始： 组件库的选择对于前端开发有者至关重要的影响，而组件的丰富性以及健壮性是我们要考虑的重点。 所以，本次对比，主要是从组件的多少，以及核心组件的对比来评判。一、组件库1、Element-UI 官方网站：https://element.eleme.cn/#/zh-CN；2、i
背景ant design pro v2的项目需要多页签显示页面而且还需要页面能够缓存下来。多页面展示不同数据会对应不同的详情页面代码里面的路由跳转可以正常进行页面切换页签可以关闭 主要设计这里主要是考虑多页面+缓存问题。这里是借用了ant tabs标签的缓存作用。tabs的多页面只是显示和隐藏，组件本身还存在。路由这一块，其实路由目前的基本使用页面只是会渲染当前匹配成功的路由
在子组件定义slot位置<slot name="statistics"></slot> 在父组件自定义插槽展示内容 ...
转载
2021-07-29 09:32:00
2027阅读
2评论
antd简介antd 是蚂蚁金服推出的一套非常好的React UI库,使用起来特别方便,而且也推出了Antd手机端库,同时还推出了vue的使用方式如果没有按需加载,我们如果想要使用一个标签,比如Button,需要导入js和css文件,使用起来不是很方便,而且还会造成性能上面的一个下降,先来看一下正常版本的使用import React from 'react';
import {
Button
vue 生成 dom组件(vue-virtual-table)Vue table component with virtual dom and easy api. 具有虚拟dom和简单api的Vue表组件。 Keep smooth when the data reachs thousands of rows or even more. 当数据达到数千行甚至更多时，请保持平滑。 Easy to us
在使用 `antdv` 和 `axios` 下载响应时，我遇到了不少的挑战，尤其是在确保文件可以正常下载并且与用户的预期一致方面。在这篇博文中，我将详细描述这一过程的背景、发生的错误现象、根本原因分析、解决方案，并给出如何验证和优化的策略。
### 问题背景
在最近的开发任务中，我需要为项目提供文件下载功能。这一功能的实现直接影响到用户体验，因此非常关键。不论是文档下载还是数据报表的导出，稳定
目录一、封装的意义二、封装的步骤三、render函数的使用四、页面展示五、完整代码六、antd中td内容换行处理七、'destroyInactiveTabPane' tabs切换时销毁其他tabs栏内容一、封装的意义 首先要明白封装的意义是什么？封装是为了让相同的代码不必多次重写，将其封装成组件，一次书写多处调用，大大提升代码的性能，因此在遇到有相同代码的情
转载
2024-10-13 21:25:03
146阅读
滚动加载
很多大型网站都采用了这一技术，例如日访问量很高的新浪微博，当滚动到页面底端的时候会自动加载新的页面，分段加载可减轻服务器的压力，边浏览边加载，节省线性时间减少等待。 首先，记录所有需要滚动加载对象的纵坐标值到一个数组。然后使用JS的监听方法（IE是attachEvent，其他浏览器是 addEventListener），监听页面的scroll事件。当需要加载的对象处于浏览器的当前
转载
2024-08-07 10:38:07
41阅读
实现效果注意tree原生是，如果子集只选中了一个，父级是方块样式选中，而不是对号方式选中。最终获取的checkedKeys列表中是不会包含方块选中的父级id的，但是这对后端数据授权处理是不友好的。那么怎么然传到后端的checkedKeys包含上面所说的父级id呢。我想出了两个方案：1.就是tree是关联状态，即:checkStrictly="false"（tree默认就是这个可以不写），有关联时候
转载
2024-04-18 15:58:27
570阅读
主要用到了better-xlsx和file-saver两个库
原创
2022-01-14 11:33:26
325阅读
Vue快速入门Vue是一套构建用户界面的渐进式的前端框架Vue的程序包含视图
和脚本俩个核心部分1.入门步骤-1 导入js文件
-2 视图部分
-3 脚本部分2.快速入门<body>
<!--视图-->
<div id="div">
{{msg}}
</div>
<script src="../js/vu
转载
2024-06-18 07:51:49
42阅读
主要用到了better-xlsx和file-saver两个库 yarn addbetter-xlsx file-saverimport { File } from 'better-xlsx';import { saveAs } from 'file-saver';function ExportExcel(column, dataSource, fileName = 'example') { // 新建工作谱 const file = new File(); // 新建表...
原创
2021-07-09 16:40:22
246阅读
这是一位读者面试时遇到的问题，我给他解答过后也想将这个问题分享背后究竟有着哪些可以学习的点首先给你们30秒钟的时间进行思考，来回答会从哪些方面进行总结？如果你还不知道 Ant Design 与 Element 究竟是什么，可以去访问 Youthce.com/resources 我的个人网站了解下面是我的想法，首先这类问题，其实更适用于 Ant Design 与 公司自身设计规范 的差异，它所考察的
1.select选择器呈现树状结构，并且同时获取value值和label值 <el-cascader
v-model="typeCode"
ref="cascaderKnowledge"
:options="knowledgeTypeOptions"
:props="knowledgeTypeProps"
@c
组件库众所周知，随着前后端分离的技术架构越来越流行，前端的业务复杂度也越来越高，以react、vue等框架为代表推动的组件化开发模式越来越被开发者认可，这种模式极大的降低了我们开发与维护的成本。下面我就简单说介绍一下自己对组件库的了解和应用，期待推出更多优秀的组件库。一、使用第三方插件https://github.com/vuejs/awesome-vue#components–libraries
