- 博客(14)
- 收藏
- 关注
原创 手把手教你在docker部署react项目(docker中部署nginx)
手把手教你在docker部署react项目(docker中部署nginx)
2021-12-30 14:21:27 4099 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 3292
原创 将本地文件夹添加到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 2602 2
原创 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 1481
原创 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 380 2
原创 css问题记录
1.Q:Safari浏览器下碰到了一个问题(chorme\Edge浏览器没有问题):放大缩小屏幕,元素没有随着放大缩小。A:问题是需要缩放的元素的祖先元素定义了font-size;2.Q:img标签和div标签中间有空隙A:img标签增加display:block...
2021-03-05 13:45:41 146
原创 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 2459
原创 umi配置less
把后缀css改成less,import的css也改为less即可。如果用了ts,还要在项目根目录的typings.d.ts加上一句declare module '*.less';,否则会报错
2021-02-26 12:56:48 3378
原创 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 2148
原创 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 248
原创 微信小程序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 1521
原创 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 1251
原创 微信小程序数组对象赋值,展示;动态修改多个class
数组对象赋值: data: { dataList: [] } let data ={ a: "aaa", b: "bbb" } this.setData({ ['dataList[' + index + ']']: data })对象数组显示: ...
2020-02-28 14:06:56 1527
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人