九月萩的博客

Echarts实现轮播效果

Vue实现柱状图自动横向滚动

使用高德地图做了一个在地图展示点位，并通过点击，显示直播的功能。

APICloud使用photoBrowser预览base64图片

使用vue2.x搭建基础后台系统

React Hook的使用笔记

React Router v5升级到v6

Antd在“动态增减嵌套字段”模块，默认展示输入字段。

需求：DatePicker日期选择框、Transfer穿梭框等组件需要中文化。前提：使用的Antd版本是 4.16.2 。需要操作的文件位置：src下的index.js文件。import React from 'react';import ReactDOM from 'react-dom';import './index.css';import reportWebVitals from './reportWebVitals';import { Routes } from './router/i

在React项目中，经常会遇到诸如：删除某一行的同时同时刷新表格展示最新的表格，而不是删除后，手动刷新。原先是在删除时再次调用生命周期函数中展示表格列表的函数，但会影响性能。总结：通过JS数组修改usestate中的状态。初始做法示例：......useEffect(() => { httpOffer() }, [])//获取列表 const httpOffer = () => { offerList() .

React Context的使用

说明最近在实习中，被React项目中导航栏困住了，项目中需要点击导航栏中某一处，进行路由跳转，使用Antd的导航栏，虽然能跳转，但是需要点击两次，效果不好（与我个人实力有关），虽然有大佬给我的代码参考，他们也是用的Antd，但是我没有看懂，换了多次关键词搜索。搜索“react 导航跳转页面”关键词的结果中，我看到了这篇文章：《react实现点击导航部分页面跳转（路由）》虽然没有解决我的问题，但是看到了NavLink，于是把这个作为关键词，在搜索结果中，得到了这两篇文章的帮助。《React Rout

在项目中，点击修改按钮，弹出修改信息框（Modal），里面有四个输入框，实现了删除、修改输入框中原有文本的功能，但是在提交的时候，我原先想到的方法，导致最后一次修改会覆盖之前的所有修改数据。在本例中，用switch…case解决了这个问题。修改信息组件：src/edit/index.jsimport React, { Component } from 'react'export default class Edit extends Component { //输入框事件 edit

由于水平有限，正在不断学习中，在本文中，将使用自己已知的知识，实现React登录功能。第一步：解决跨域。（一） 安装：http-proxy-middlewarenpm i http-proxy-middleware（二） 新建setupProxy.jsconst {createProxyMiddleware} = require('http-proxy-middleware');//配置多个跨域请求module.exports = function(app){ app.use(creat

根据后台Api，实现搜索与分页功能。模糊查询Api：src/api/accout.js// 模糊查询接口export function searchVideo (data) { return service.request({ url:"/video/select", method:"get", params:data //请求类型为 get 时 })}View/admin/index.js（主界面）//引入A

我是用的是Vue-Cli4版本。由于Vue-Cli4没有config文件夹下的index.js文件。一、 在项目根目录下创建vue.config.js注意： productionSourceMap: false ,这个为false，默认是true，改动的原因是：在最终打包的文件中会出现一些map文件，map文件的作用在于：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法...

官网一、安装npm install vue-video-player --save二、挂载全局：（main.js）import VueVideoPlayer from 'vue-video-player'import 'video.js/dist/video-js.css'Vue.use(VueVideoPlayer）组件：import 'video.js/dist/vid...

calc() 函数用于动态计算长度值。css3 的 calc() 函数允许我们在属性值中执行数学计算操作。● 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；● 任何长度值都可以使用calc()函数进行计算；● calc()函数支持 “+”, “-”, “*”, “/” 运算；● calc()函数使用标准的数学运算优先级规则；tran...

一、简介Swiper常用于移动端网站的内容触摸滑动Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端，以及PC端网站。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。二、安装与挂载2.1 npm下载安装：npm install vue-awesome-swiper --save--save本地测试还是项目上线，都会用到vue-a...