YanAhao-CSDN博客

原创 React-利用axios请求后台数据

效果图：线上数据接口是https://5b5e71c98e9f160014b88cc9.mockapi.io/api/v1/lists[ { "id": "1", "name": "小红", "age": 20, "sex": "女" }, { "id": "2", "name": "小明", "age": 21, "sex": "男" }, { "id": "3", "name": "翠花",

2020-08-31 13:56:15 2577 13

使用redux实现计数器创建如下的react项目,我习惯把每一个模块分块,才有这么多文件,当然你也可以写在一个js文件中,这不是重点首先我们看一下项目的入口文件index.jsimport 'core-js/fn/object/assign';import React from 'react';import ReactDOM from 'react-dom';import Counter from './components/Counter'; //引入计数器件import .

2020-08-31 13:52:43 634 4

原创 react的生命周期（图示）

前言： React的生命周期从广义上分为三个阶段：挂载、渲染、卸载，因此可以把React的生命周期分为两类：挂载卸载过程和更新过程。目录React的生命周期图:1. 挂载卸载过程1.1.constructor()1.2.componentWillMount()1.3.componentDidMount()1.4.componentWillUnmount ()2. 更新过程2.1. componentWillReceiveProps (nextProp...

2020-08-31 13:47:13 2520 3

原创使用react-redux做项目的时候遇到的一些问题

1、在前端请求ajax的时候会遇到跨域的问题，不能够请求到数据，需要搭建一下中间层，使用express来请求ajax数据然后前端再去请求后台返回的数据，这样就不会遇到跨域问题，express代码如下：var express=require('express');var router=express.Router();var http=require('http');//引入http模块//后台解决跨域问题router.all('*',function(req,res,nex...

2020-08-28 18:07:50 229 1

转载 React项目前端开发总结

此项目为公司的公众号管理系统，承载了公司每个部门的业务，需求多，开发周期长，技术可圈可点之处较多，特此记录与大家分享!1. 使用技术：react＋react-router + react-redux +antd2. 请求方法封装调用方法3. 破解反盗链4. 配置打包生产环境与测试环境5. webpack + react-router 按需加载首先在webpack中配置，主要需要配置chunkFilename这个属性，其它的顺便提一下path...

2020-08-28 18:04:00 514 1

原创 React实战项目-很适合进阶

前言项目demo技术栈react4 + react-redux + react-router + es6 + axios + sass + webpack项目地址：链接：https://pan.baidu.com/s/1SRSY4ORsqmGCvISZ7gK6MA 提取码：1ecb项目效果说明觉得对你有帮助,请到github的Star支持一下,感谢bailicangdu大神的项目地址点这里推荐一下我的另一个项目基于vue的UI框架(教你从...

2020-08-28 17:54:04 436 1

原创前端学习的开源实战项目及其源码

强烈推荐 GitHub 上值得前端学习的开源实战项目Vue.jsvue-element-admin 是一个后台前端解决方案，它基于和 element-ui 实现基于 iView 的 Vue 2.0 管理系统模板基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用基于 vue + element-ui 的后台管理系统基于Vue.js + Element UI 的后台管理系统解决方案基于 Vue(2.5) + vuex + vue-router + vue-axi

2020-08-28 17:41:21 624

原创 vue调用本地摄像头实现拍照

前言： vue调用本地摄像头实现拍照功能，由于调用摄像头有使用权限，只能在本地运行，线上需用https域名才可以使用。实现效果：1、摄像头效果：2、拍照效果：实现代码：<template><div class="camera_outer"><video id="videoCamera" :width="videoWidth" :height="videoHeight" autoplay></video>...

2020-08-12 14:02:38 2389 4

原创 vue实现录音功能js-audio-recorder

前言：因为业务需要，现在将整理的录音功能资料记录下，使用插件js-audio-recorder实现效果：可得到三种录音数据，pcm,wav,mp3等官方api入口：点我(网不好的童鞋可以看最下面的api截图)官方案例入口：点我官方源码git入口：点我实现步骤：一：安装插件js-audio-recordercnpm ijs-audio-recorder--s二：安装将格式转换为mp3的插件lamejscnpm install lam...

2020-08-12 14:00:28 2275 2

原创前端调用打印机打印条码、二维码（一些坑）

1、首先电脑需要安装TSCActiveX控件；TSCActiveX.dll，TSCLIB.dll放入系统盘里（32和64）（我的打印机型号是TSC TTP-244 Pro）；使用regsvr32去注册；2、安装打印机的驱动程序；（网上很多）3、ActiveX控件方法只支持IE浏览器；并且要设置浏览器对Activex的启用（默认是关闭的），否则会报AutoMation的错误；4、实现打印二维码、条码的功能的代码：<!DOCTYPE html><html lang="en"

2020-08-12 13:59:19 2855 3

YanAhao的博客

原创 Vue3介绍大全