摘要：一、背景最近在公司开发时，遇到需要自定表单，并且自定表单中的单选和复选选项需要用户可以自定义拖拽排序，经过一个星期的查阅各种资料和实践，写个总结！ 二、实践经过一系列的查询，发现React Sortable与array-move可以实现这一功能！ 附上官网链接http://clauderic.git
阅读全文
posted @ 2022-08-10 18:17
随笔分类 - web前端
摘要：一、概括对于一个涉及多用户登录的项目，往往会涉及到权限管理以及设计，这篇blog通过ant desgin pro 框架进行讲解。 二、ant design pro 框架搭建进入ant design pro 官网框架搭详细介绍，开始使用 - Ant Design Pro， 初始化ant design
阅读全文
posted @ 2022-07-19 09:58
摘要：
页面内 页面的跳转有2种情况，一种是点击事件后的执行，可以直接写在组件控件（按钮、超链接等）中的。 <Button type="primary" style={{ float:"right", display : repair["state"] == '2' ? 'inline': 'none'}}
阅读全文
页面内 页面的跳转有2种情况，一种是点击事件后的执行，可以直接写在组件控件（按钮、超链接等）中的。 <Button type="primary" style={{ float:"right", display : repair["state"] == '2' ? 'inline': 'none'}}
阅读全文
posted @ 2022-06-09 17:32
摘要：使用fetch API来做后端请求，相比较传统的Ajax方式，在写出的代码上更加容易理解，也更便于别人看懂。但是在使用的过程中，经常有同学不能顺利从传统的Ajax请求（如果使用jquery的话，就是$.ajax,$.post,$.get）转移到新的fetch方式，很多时候就是卡在了获取响应数据的环节
阅读全文
posted @ 2022-05-25 10:26
摘要：今天在做项目的时候遇到几个让我很头疼的问题，一个是通过后端接口成功访问并又返回数据，但拿不到数据值。其二是直接修改state中的data，console中数组发生变化但任然数据未显示。 import React, { useState, useEffect } from 'react'; impor
阅读全文
posted @ 2022-05-25 10:25
摘要：刚刚入门react，通过视频学习，做一个简单的react表格功能实现。功能满足对表格数据进行增删改，数据来源于后端接口。交互也与后端接口进行！ 话不多说，直接看效果！ 接口设置了30%的概率报错，出现错误多刷新几次。 这是后端接口地址 https://public-api-v1.aspirantzh
阅读全文
posted @ 2022-04-29 18:02
摘要：proxy: { '/api': { 'target': 'https://public-api-v1.aspirantzhang.com', 'changeOrigin': true, 'pathRewrite': { '^/api' : '' }, }, }, 在umirc.ts中进行设置！ 在
阅读全文
posted @ 2022-04-27 16:44
摘要：前端复习 HTML 常见的几种图片格式以及他们之间的区别是什么？ JPG：支持有损压缩、不支持透明、不支持动画、色彩还原度较好 PNG：不支持压缩、支持透明、半透明、不透明、不支持动画 GIF：支持有损压缩、不支持全透明、支持半透明、支持动画、图片大小很小 BMP：支持有损压缩、不支持透明、不支持动
阅读全文
posted @ 2022-04-14 15:00
摘要：Promise用于处理一些需要花费长时间的任务，进行异步处理，防止任务阻塞。一般是说解决了回调地狱的问题。 那什么是回调地狱？用吃来做比喻： 我想吃火锅function getTea(fn) { setTimeout(() => { fn('火锅') }, 1000)}getTea(function
阅读全文
posted @ 2022-04-12 15:26
摘要：JavaScript高级教程 基础总结深入 数据类型 分类 you are so nb! undefined ：undefined string ：任意字符串 sybmol： object：任意对象，函数（一种特别的对象，可以执行）、数组（一种特别的对象，内部数据是有序的）都是object null
阅读全文
posted @ 2022-04-07 15:46
摘要：CSS3 弹性盒子(Flex Box) 弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的
阅读全文
posted @ 2022-03-17 17:13
摘要：<a-select v-model="form.synergy" placeholder="请选择协同单位" :label-in-value="true" @change="getselectValue" > <a-select-option v-for="(item,index) in deptL
阅读全文
posted @ 2022-03-16 11:45
摘要：Vue-router的API文档中对于keep-alive的介绍并不多，所以对于初学者来说，可能并不太理解什么是keep-alive、作用是什么，什么时候用，怎么用？所以，通过这篇文章，我为大家详细讲解一下这四个问题。如有错误，还请大家指正，谢谢！ 关于Vue中的keep-alive了解的还不是很多
阅读全文
posted @ 2022-03-16 11:18
摘要：在企业开发过程中，往往有着明确的前后端的分工，前端负责接收、使用接口，后端负责编写、处理接口。 对于前端如何使用接口，今天在Vue中进行讲解。 一个项目往往由这几个部分组成。 其中在src文件夹中，，有这么些内容。 我们常常把接口文件，新建一个文件夹在src下，命名为api，api内的文件便是接口文
阅读全文
posted @ 2022-03-15 10:40
摘要：表单文件上传 之前发布过一篇文章是关于文件上传的，但是虽然可以实现，但是存在一些需要优化的地方，这次讲一讲。 还是先上代码： 后端nodejs+express： 在根目录下新建文件server.js var express = require('express'); var app = expres
阅读全文
posted @ 2022-03-03 08:50
摘要：用的是比较老旧的一种方式实现的。用form表单进行提交，我知道现在主流的都是使用ui框架进行实现，之后我会补上的。 vue页面 <template> <div class="hello"> <h1>{{ msg }}</h1> <h2>Essential Links</h2> <h3>文件上传：</
阅读全文
posted @ 2022-03-01 15:58
摘要：一、父子组件传值 基本概念 在Vue中，父子组件间的数据流向可以总结为prop向下传递，事件向上传递，即父组件通过prop给子组件下发数据，子组件通过自定义事件给父组件发送信息。 （1） 父组件给子组件传值 父组件通过属性传值，子组件利用props接收值 // 给子组件传入一个静态的值： <chil
阅读全文
posted @ 2022-02-28 17:31
摘要：页面跳转往往会采用两种方式进行参数的传递 vue页面跳转，传参方式大约可以有下面3种情况。 标签跳转及传参（router-link） js控制跳转路由及传参（this.$router.push） 路由组件传参 <div><router-link :to="{path:'/news/detail',q
阅读全文
posted @ 2022-02-24 16:04
摘要：vue获取后端接口传入的base64验证码 <img :src="codeUrl" @click="getCode()" style="width:130px;height:40px; float:left;margin-left:25px" /> <a-input v-model="code" s
阅读全文
posted @ 2022-02-23 15:18
摘要：//初始创建 var myChart = echarts.init(document.getElementById('main')); var option = {........} myChart.setOption(option); function refreshData(data){ //刷
阅读全文
posted @ 2022-02-22 09:51
浙公网安备 33010602011771号