何如薄倖錦衣郎-CSDN博客

react报错jsx: Using `babel-preset-react-app` requires that you specify `NODE_ENV` or `BABEL_ENV` envi解决方式原因：eslint插件启动没有注入开发环境ENV，导致babel-preset-react-app无法解析方式一：删除package.json中的eslintConfig配置方式二：原因：eslint插件启动没有注入开发环境ENV，导致babel-preset-react-app无法解析方式一

2022-05-13 19:51:24 2173

原创 react-router-dom实现私密路由

场景react项目里面有些时候部分页面需要登陆或者部分权限才能访问这个时候需要私有路由在创建私有路由之前，需要一种方法来确定用户是否被认证。这里说的是React Router保护路由的方法，而不是关于认证，所以使用一个假的useAuth Hook来确定我们用户的认证 “状态”。创建文件APP.jsx, hooks/useAuth.jsx, Login.jsx, Nav.jsx/pricing和/login路径是公开的，/dashboard和/settings路线将是私有的。现在，先是像普通路由一样

2022-04-08 12:03:18 998

原创 promise封装fs.readfile fs.writeFile fsDir

读写事件fs.readfile('path',读取配置,(err,data)=>{})fs.writeFile('path',写入数据，写入配置，()=>{})promise封装读取const fs = require('fs')function fsRead(path){ return new Promise((resolve,reject)=>{ fs.readFile(path,{flag:'r',encoding:"utf-8"},(err,d

2021-05-20 01:00:30 361

原创 node项目中使用egg框架上传单个文件（图片）

根据项目，此处上传一个图片前提需要：A.HTML模板 B.对应的创建功能逻辑代码 C.数据库创建好表，迁移与变更 D.与数据库连接后的配置，模板渲染这里只针对上传这里已经做好了4个功能开始1、两个依赖，await-stream-ready 和 stream-wormhole，一个是使用await进行文件的读写操作，一个是在文件上传出现异常时能够把流消耗掉。npm i await-stream-ready stream-wormhole dayjs --save2、配置：co

2021-04-20 01:19:32 366

原创 egg框架下中间件中按钮显示当前状态（选中状态）

egg框架下中间件中显示当前状态（选中状态）1、moddle中创建中间件文件2、配置：config/config.default.js中进行配置module.exports = (option, app) => { return async (ctx, next) => { let menus = [{ name: "主面板", icon: "fe-home", url: "/admin"

2021-04-19 19:25:23 154

原创 node.js笔记

文章目录一.必要前提二. 在Node 中，模块分为三类:1. 定义一个自定义模块三、NPM1. npm init 生成package.json2. npm的使用3. 淘宝镜像的使用四. fs模块的使用1. fs.stat 检测是文件还是目录2. fs.mkdir 创建目录 `fs.mkdir(path[, options], callback)`3.fs.writeFile 创建写入文件 `fs.writeFile(file, data[, options], callback)`4. fs

2021-04-08 23:57:58 141

转载 uni-app 中 21个nvue开发与vue开发的常见区别

nvue是属于 weex 编写范畴，作用是增强uniapp对原生渲染支持nvue的组件和API写法与vue页面一致，其内置组件还比vue页面内置组件增加了更多，如果一个页面路由下同时有vue页面和nvue页面，即出现同名的vue和nvue文件。那么在App端，会仅使用nvue页面，同名的vue文件将不会被编译到App端。而在非App端，会优先使用vue页面。**nvue开发与vue开发的常见区别**nvue开发与vue开发的常见区别基于原生引擎的渲染，虽然还是前端技术栈，但和web开发肯定是有区别

2021-03-14 22:51:15 3322

原创 uni-APP 区分 Android、iOS 平台

Android 和 iOS 平台不支持通过条件编译来区分使用uni-app开发时候，区分 Android、iOS 平台，需要uni-app提供的API：uni.getSystemInfo和uni.getSystemInfoSync() 1.调用uni.getSystemInfo 来获取平台信息。2.代码已经打入包中，仍然需要在代码运行期分析运行环境，此时可使用uni.getSystemInfoSync().platform判断客户端环境是 Android、iOS 还是小程序开发工具3.在百度小程

2021-03-14 22:30:10 6922

原创算法题笔试

1.手写节流// 节流function throttle(fn, delay = 100) { let timer = null return function() { if (timer) { return } timer = setTimeout(() => { fn.apply(this, arguments) timer = null }

2021-03-13 00:30:08 101

原创 vue中时间戳转换代码

一. 封装格式化的js文件1.封装一个格式化的js文件//date日期 fmt 格式化//函数名可以更改export function formatDate(date, fmt) { //RegExp.$1替换成后面结果 //date.getFullYear() + ''获取年份转为字符串 //substr截取，比如输入yy为两位，则length是2，截取为2，.substr（2），年份如果是2021 则前面截取为21 //此时RegExp.$1替换的值是19 y

2021-03-09 01:10:34 257

原创 vue中请求数据，用swiper4，swiper5制作轮播图详细步骤

vue中根据请求的数据，使用swiper4/5插件形成基本的轮播图一.请求数据1. 拿到轮播图数据步骤1.1 创建request.js封装axios模板，nmp安装–import引入–创建axios实例–拦截器–发送网络请求1.2 比如详情页detail做轮播图，请求detail中轮播图数据，request.js同目录创建detail.jsimport { request } from './request'//跟据接口，请求自己想要的那组数据，这里是和详情页有关的export functio

2021-03-07 12:29:51 1752

原创商城项目获取到数据的逻辑思路

商城项目请求数据的逻辑思路做法逻辑一、AXIOS1 要请求数据就要先用到axios2.封装模块home.js层3.逻辑思路二、home.vue请求数据1.请求的思维逻辑及代码分离思路2.res保存的原因和垃圾回收机制总结做法逻辑总体思路：服务器拿到数据-创建对应的标签-创建对应的元素-对数据进行展示这需要首页发送网络请求，axios通过接口拿到商品数据products，存储，传递给容纳商品的组件…首先获取商品数据要想到怎么获取？获取之后怎么处理一、AXIOS1 要请求数据就要先用到axios

2021-02-27 13:57:35 387

原创 axios学习优化及使用

axios学习及优化理解因为要用axios拿到数据，所以了解了axios的一个简单用法一般商城项目开发中服务器以后不可能只在同一个地址请求，所以不会使用全局的axios ，这样就要创建单独的实例，每个实例拥有自己的timeout，对应的方法等等，之后在请求接口的时候就直接拿到这个实例传入url虽说可以在某个发送网络请求的组件中直接导入axios ，在create中发送网络请求之后拿到结果，保存起来，并在template中展示，但这样对axios这个第三方框架依赖性太强，为了日后的维护且基于组件化开发，

2021-02-27 02:52:41 281

weixin_51231997的博客

原创关于python的DRF框架中的数据校验方式

原创用reduce 方法将树结构数组转为扁平数组

原创 react-router6对比vue实现私密路由保护功能+重定向之前页面

原创 react-three/postprocessing库的中文对照总结

原创 three.js+react实现相机控制

原创一步步实现react-three-fiber+threejs实现拖动3D对象

原创 react报错jsx: Using `babel-preset-react-app` requires that you specify `NODE_ENV` or `BABEL_ENV` envi