- 博客(14)
- 收藏
- 关注
RSS订阅原创 手把手教你在docker部署react项目（docker中部署nginx）
手把手教你在docker部署react项目（docker中部署nginx）
2021-12-30 14:21:27
3997
1
原创 express中使用websocket
本文介绍express中websocket的使用1.新建一个express项目https://www.yuque.com/docs/share/5c5a075c-230e-48dd-a347-325b1b8611cf?# 《创建express项目》2.安装express-wsnpm install express-ws3.新建一个socke.js文件var express = require("express");var expressWs = require("expr...
2021-04-25 16:44:14
3243
原创 将本地文件夹添加到Git仓库（包含git非空仓库）
1、（先进入项目文件夹）通过命令 git init 把这个目录变成git可以管理的仓库git init2、把文件添加到版本库中，使用命令 git add .添加到暂存区里面去，不要忘记后面的小数点“.”，意为添加文件夹下的所有文件git add .3、用命令 git commit告诉Git，把文件提交到仓库。引号内为提交说明git commit -m 'init'4、关联到远程库git remote add origin 你的远程库地址如：（xxx 为git仓库地址）
2021-03-23 16:58:19
2096
1
原创 react hook方式使用video.js
一、安装npm i video.js二、添加配置播放按钮局中显示：class增加“vjs-big-play-centered”import React, { useEffect, useRef } from 'react';import VideoJs from 'video.js';// import videozhCN from 'video.js/dist/lang/zh-CN.json'import 'video.js/dist/video-js.css';import.
2021-03-22 12:51:33
1427
原创 react增加eslint，precommit:fix
package.jsoneslint, prettier,husky,stylelint相关的安装一下{ "scripts": { "start": "roadhog server", "build": "roadhog build", "lint": "eslint --ext .js src test", "lint:fix": "eslint --fix --cache --ext .js,.jsx ./src && npm run lin
2021-03-11 13:20:07
368
2
原创 css问题记录
1.Q：Safari浏览器下碰到了一个问题(chorme\Edge浏览器没有问题):放大缩小屏幕，元素没有随着放大缩小。A：问题是需要缩放的元素的祖先元素定义了font-size;2.Q:img标签和div标签中间有空隙A:img标签增加display：block...
2021-03-05 13:45:41
131
原创 umi增加lint校验，fix代码
umi生成项目时自带添加了lint相关npm包1.增加script中指令"lint": "umi g tmp && npm run lint:js && npm run lint:style && npm run lint:prettier", "lint-staged:js": "eslint --ext .js,.jsx,.ts,.tsx ", "lint:fix": "eslint --fix --cache --ext .js
2021-03-02 09:48:38
2418
原创 umi配置less
把后缀css改成less，import的css也改为less即可。如果用了ts，还要在项目根目录的typings.d.ts加上一句declare module '*.less';，否则会报错
2021-02-26 12:56:48
3309
原创 check/radio选择框样式修改为圆圈方案
check/radio选择框样式修改为圈圈选中为点html： <div className="checkbox-area"> <input type="checkbox" name="chooseType" id="chooseType1" className="Checkbox" onChange={() => this.onChange(0)}/> <label ht
2021-01-10 14:33:49
2113
原创 js图片压缩后上传
图片上传，图片大小大于2M进行压缩handleFileChange (e) { const file = e.target.files[0] let base64 = '' const fileFormData = new FormData() // 其余要上传的参数 for (const key in this.prams) { const element = this.prams[key] fileFormData.append(key, elemen...
2020-08-31 17:53:21
230
原创 微信小程序template模版调用方法进行传递
子组件调用方法可以通过<component<component-name bind:event="handleEvent"></component-name>组件内调用event即可；一般来说模版只需要调用模版内的方法，但是总有些需求会让你很想在模版内调外部方法；我的解决思路是，创建一个emitter，在模版的构建方法中对一个全局变量进行emitter初始化；import Emitter from '/utils/emitter'app.glo...
2020-07-17 15:27:09
1495
原创 vue打包部署到docker
npm run build 打包vue项目启动 docker将dist目录通过winscp等方式拷贝到linux服务器上，同目录下新建DockerfileDockerfile：FROM nginx:latest （latest是下载最新的nginx，也可以指定nginx版本）MAINTAINER xxx （xxx 为名字）COPY dist/ /home/myhtml/front/ （当前目录的dist文件夹复制到容器的/home/myhtml/front/文件夹）COPY ng
2020-06-10 10:30:40
1225
原创 微信小程序数组对象赋值，展示；动态修改多个class
数组对象赋值： data: { dataList: [] } let data ={ a: "aaa", b: "bbb" } this.setData({ ['dataList[' + index + ']']: data })对象数组显示： ...
2020-02-28 14:06:56
1510
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人