自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 vue webpack配置文件 自动上传阿里云

项目构建自动部署到oss安装插件包配置环境新建测试和生产环境文件配置`vue.config.js`文件如何获取ossAccessKeyId构建部署测试环境构建部署生产环境安装插件包webpack的插件,用于自动上传静态资源到阿里的oss上,以便作为静态资源使用,当然你也可以用于自动存储大文件。aliyunoss-webpack-pluginnpm install aliyunoss-webpack-plugin --dev# 或yarn add aliyunoss-webpack-plugin

2021-09-07 17:09:25 858

原创 大前端-UI框架

UI框架移动端MintCubeMUIVantVuxMuse-uiPC端Element UI / vue-element-adminiView /iView-adminLayui / Layui-adminAnt Design / Ant Design Pro / Antd-adminBootstrap / VueStrapVuetify / Material DesignFrameWorksFlutterTaro / Taro-uiFrame

2021-01-14 13:40:58 207

原创 常用npm包

常用npm包图形验证 svg-captcha邮箱验证 nodemailer nodemailer文档moment

2021-01-14 13:40:18 354

原创 什么时候使用status、state?

status独立相互间不产生影响。eg. 执行任务的成功、失败;比如:反馈接口的请求状态 Status Code: 200 OKstate阶段性的状态。(在不同阶段中可能存在不同的状态)eg. 订单创建-付款确认-付款成功/失败-退款中- 退款成功/失败。state 1 2 3 4 5status 3- [0失败 1成功]参考https://www.jianshu.com/p

2020-12-08 15:52:16 466

原创 欢迎使小程序 mpvue vantweapp

小程序-mpvue vant/weapp欢迎来到小程序的mpvue框架构建新的改变集成vant-weapp欢迎来到小程序的mpvue框架构建你好! 这是你第一次使用 mpvue 所展示的欢迎页。可以仔细阅读这篇文章,了解一下 mpvue官网.的基本知识。新的改变# 全局安装 vue-cli~~npm install --global vue-cli // 旧版~~ // 新版npm install -g @vue/cli # 配合使用init 需再安装一个工具$ npm inst

2020-11-04 13:50:55 196

原创 React 路由携带参数访问和组件之间的跳转 react-router-dom

React 路由react-router-domreact-router-dom 官方文档首先在项目里安装npm install react-router-dom --save# 或yarn add react-router-dom使用示例

2020-08-27 20:05:49 506

原创 React UI组件库Ant Design

React UI组件库 AntDesignAnt Design 官方文档首先在项目里安装npm install antd --save# 或yarn add antd使用示例

2020-08-27 19:40:13 216

原创 React 组件生命周期 、生命周期图谱

React 生命周期在React中,生命周期函数是指 组件在某一时刻会自动执行的函数组件的生命周期官方文档生命周期图谱生命周期函数都是对于组件的。挂载 - 更新 - 卸载使用示例axios安装yarn add axios或npm install axios --save// hello.jsimport React from 'react'import axios from 'axios'class Hello extends React.Component {

2020-08-27 17:35:40 319

原创 React---props 、state 、render函数

props 、state 、render函数组件首次创建的时候,render函数会被执行一次。state的数据发生变化时,render函数会被重新执// count.jsimport React, { Component } from 'react'import Child from './child'class Count extends Component { constructor (props) { super(props) this.handleChang

2020-08-27 15:50:39 229

原创 React父子组件通信,父组件向子组件传值,子组件改变父组件数据。

React父子组件通信,父组件向子组件传值,子组件改变父组件数据。1.父组件TodoList在getItems()函数中调用子组件通过属性的形式向子组件传值 content={value}向子组件传递方法 delFunc={this.handleDelItemClick} 和 index={index},改变list数组 。别忘记在constructor中修改this的指向了this.handleDelItemClick = this.handleDelItemClick.bind(this)

2020-08-27 11:50:44 1658

原创 首次接触 React 入门教程,获取值和赋值

React官方文档1.环境准备node npmnode --version 查看本地node# 输出v12.18.1 npm --version# 输出6.14.8未安装node的到nodejs官网自行安装稳定版本LST。2.按照 Create React App 安装指南创建一个新的项目npx create-react-app my-app #创建一个项目cd my-app # 进入到项目的文件夹npm start # 运行项目或yarn start # 运行项目3.什

2020-08-26 23:31:16 1333

原创 vue 解决页面跳转后不刷新加载列表的问题

解决this.$router.push()跳转后不刷新当进入 实例生命周期完成后 再次进入跳转页面 实例已缓存,不会再去重新请求数据渲染一次 ,( created mounted 生命周期内的重新请求数据不会再次出发 )这时需要在被访问的页面使用侦听器watch// watch: { $route () { /** * 跳转到本页面后需要执行的操作 * t...

2020-04-18 15:31:02 2103

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除