- 博客(12)
- 收藏
- 关注
RSS订阅原创 react 文件上传组件的简单封装
背景：一个老的项目需要增加上传excel文件的功能。需求：实现一个类似于antd组件库中Upload组件的组件 <Upload action="url"> <Button> <Icon type="upload" /> Upload Directory </Button> </Upload>,基本思路：1.使用HTML5 的 input type="file"来进行文件的导入2.文件流的传输跟我们常见的
2021-01-05 17:20:49
1397
原创 webpack使用整理
##webpack 安装1.-安装本地的 webpack(相对于全局)2.-(yarn init -y)yarn add webpack webpack-cli -D3.webpack-cli 是用来开启 node 服务的##webpack 可以进行 0 配置打包工具 -> 输出打包后的 js（js 模块）:使用 npx webpack 命令默认打包入口:默认情况下,要有 src 目录，及 src/index.js。默认打包出口:dist/main.js打包（支持 js 模块化）
2020-12-28 17:30:34
355
原创 create-react-app环境变量配置 && vue-cli4
create-react-app主要：yarn add cross-env ，使用cross-env这个包官方文档https://create-react-app.dev/docs/adding-custom-environment-variables/其他：https://segmentfault.com/a/1190000022871495vue-cli官方文档https://cli.vuejs.org/zh/guide/mode-and-env.html#%E6%A8%A1%E5%BC
2020-10-16 10:20:11
672
原创 react 引入ts
https://create-react-app.dev/docs/adding-typescript/使用脚手架create-react-app 创建新的ts react 项目npx create-react-app my-app --template typescript# oryarn create react-app my-app --template typescript将现有的js react 项目改造成ts先执行npm install --save typescript @ty
2020-10-15 09:40:10
1612
原创 centos上配置nginx,反向代理web服务、gzip、node服务开机自启等
centos 8.xnginx 1.14一.配置nginx配置文件nginx总的配置文件是/etc/nginx目录下的nginx.conf,使用vim（或vi）打开文件，文件的大致内容不再赘述，可见参考资料。1.14版本的nginx.conf内默认写入了server块，之前的版本好像没有吧？不是很确定了。看到下面有 include /etc/nginx/conf.d/*.conf,这是说子配置文件是在conf.d目录下。那我们直接cd 到/etc/nginx/conf.d目录下，发现里面是空的，
2020-10-13 17:50:28
116
原创 CentOS 从码云仓库clone项目并开启node服务
记录一下在centos上部署前端项目的过程。服务器使用的是阿里云centos 8 的 ECS。常用的linux 命令不在赘述,详见https://juejin.im/post/6844903801283952653#heading-70一.在centos上安装node.1.使用wget命令下载 `[root@xxx /] wget https://nodejs.org/dist/v9.9.0/node-v9.9.0-linux-x64.tar.gz`（下载存放目录可自由创建，版本按照实际需要修
2020-10-12 14:42:01
200
原创 Eggjs 跨域配置
1.安装egg-cors插件2.plugin中配置插件exports.cors= { enable: true, package: 'egg-cors'}3.config.default.js（结合实际文件情况）中配置允许跨域config.security={ csrf:{ enable:false }, domainWhiteList:['*'] }; config.cors={ origin: 'http://127.0.0.1:
2020-10-09 16:45:09
592
1
原创 Eggjs 中获取http请求参数的基本方式
主要通过上下文对象context(ctx)来获取1.get 通过ctx.query获取参数 async getUser(){ const ctx=this.ctx; const {id} = ctx.query ctx.body =await ctx.service.user.getUser(id) }2.post 通过ctx.request.body获取参数async add(){ const ctx = this.ctx; //获取post参数
2020-10-09 16:22:41
1803
原创 vue路由组件使用keep-alive
keep-alive主要用于保存组件的状态。由于在单页面应用中，使用vue-router时，vue-router在切换路由的时候是会销毁组件实例的，新路由的组件会重新实例化。在需要保存路由组件的状态或者有性能方面的考虑的时候，就需要用到keep-alive 了。使用：vue-router中需要给定一个状态标志组件是否需要keepalive，例如： { path: '/charts', component: Charts }, {
2020-09-18 10:18:38
445
原创 自定义video控件
主要思路是取消video提供的原生控件，然后自定义dom元素事件中通过video提供的播放、暂停、进度、声音、全屏等api控制https://developer.mozilla.org/en-US/docs/Web/Guide/Audio_and_video_delivery/cross_browser_video_player...
2020-09-16 16:11:24
1326
原创 git 基本使用
使用的码云仓库，vuecli3搭建项目一.初次将本地项目托管到码云仓库1.在码云创建仓库2.按照码云的流程初始化git配置两行命令分别回车执行3.cd到项目根目录（如：D:\MyVueProj\vue_shop>）,下方<1>,<2>,<3>是在本地的git操作 <1>.git status检查工作目录是否干净(检查一下本地项目是否还有文件未被添加到本地暂存区) <2>.如果有文件未提交到暂存区，运行...
2020-08-31 17:13:36
78
原创 NPM 基础使用
之前计划开始写博文，因为一些原因一直拖到今天。第一篇简单记录一下npm的基础使用。npm--nodejs包管理工具，在此之前项目中的依赖包多数是以cdn或者直接下载的方式引入，一是确实有点麻烦，二是在依赖包之间的版本管理可能会成为一个小小令人头疼的地方，npm很好的解决了这些问题。使用说明：1.下载nodejs（node自带集成了npm）。2.配置node环境变量。(通过cmd 诸如node -v命令检查是否安装配置环境变量成功具体步骤不赘述)3.（1）工程中使用，首先要在相应目录下Te
2020-07-28 12:21:29
114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人