临时笔记
PicGo 图床工具是使用 electron+web 端技术实现的,我设置的图床参数被保存在浏览器的 localstorage(怀疑),因此我执行 ctrl+shift+delete 的时候可能会删除配置信息,导致上传失败,设置 ctrl+shift+delete 不删除 localstorage 即可
在 qq 群里交流的时候有大佬和我说,由于 DNS 污染问题,使用 https 方式进行 git 操作很容易失败,推荐使用 SSH 方式,成功率很高
vercel 今天崩了(2021 年 5 月 14 日),只能寻找替代品,现在有两个解决方案,一个是使用 github pages,另一个是使用群里大佬推荐的 cloudflare,用了一下,你别说,还挺好。
记录一下目前电脑环境
chrome标签保存在 https://gitee.com/chen_hexi/google-book-mark
同步chrome标签可以使用 书签同步码云 插件
google账号:niudeiyi19& ...
git分支开发rebase实践
之前在进行分支开发的时候往往都使用merge,提交记录比较混乱。这里介绍一下使用rebase进行分支开发的实践。
1、公司的项目一般都是一个main分支,代表线上环境。一个develop分支,是开发主分支。如果要开发新功能,一般是在develop分支的基础上切出一个feature分支。
123456# 切换到develop分支git checkout develop# 将develop分支拉取到最新git pull origin develop# 基于develop分支创建一个feature/test分支git checkout -b feature/test
2、在feature/test分支上进行代码开发,形成多次commit记录(注:开发过程中不要将develop分支合并到feature/test分支,开发完毕后再统一处理)
123456789101112131415161718touch index.jsgit add .git commit -m 'feat: add index.js'touch index2.jsgit add .git co ...
vscode插件推荐
Code Spell Checker
单词拼写检查:很方便的检查代码中单词拼写错误
Comment Translate
VSCode注释翻译:英语不好的人必备
许多优秀的项目,都有丰富的注释,使用者可以快速理解代码意图。但是如果使用者并不熟习注释的语言,会带来理解困难。本插件使用 Google Translate API 翻译 VSCode 的编程语言的注释。
使用
1、鼠标悬浮在英文注释上面,会自动出现中文翻译
2、如果想把中文注释翻译成英文,可以先用中文写注释,然后按Ctrl+Shift+T进行翻译,可以很方便的翻译成英文注释。
git-commit-plugin
提交代码格式控制,团队开发必备,可以规范commit的信息
安装完毕后,提交的时候按Ctrl+Shift+P打开命令面板,搜索show git commit tempalte,然后进行规范性填写即可,填写完毕点击complete
px to rem & rpx(cssrem)
px转rem,安装完后需要在首选项–》设置中搜索px,设置基准。以后输入px会多一个单位选择(直接转rem ...
npm和yarn命令总结
12345678910npm yarnnpm init yarn init // 初始化npm i | install yarn (install) // 安装依赖包npm i x --S | --save yarn add x // 安装生产依赖并保存包名npm i x --D | --save-dev yarn add x -D | --dev // 安装开发依赖并保存包名npm un | uninstall x yarn remove // 删除依赖包npm i -g | npm -g i x yarn global add x // 全局安装npm un -g ...
阿里云centOS部署express服务小结
centos 基础环境搭建1、yum安装git,和nodejs版本控制工具n
2、通过n安装最新版本的nodejs(yum安装的版本太老)
3、安装nodejs时会附带安装npm(npm是nodejs官方自带的包管理工具)
4、通过npm全局安装yarn
5、使用npm或者yarn全局安装pm2(全局服务管理工具,防止命令行退出,服务关闭)
部署代码并开启服务1、将express服务端代码push到github仓库上
2、cd /home文件夹,git clone服务端代码
3、进入到项目文件夹根目录,执行yarn安装依赖
4、pm2 start app.js 启动线程,然后就可以通过外网ip加端口号访问了。
pm2使用因为node.js 是单进程,进程被杀死后整个服务就跪了,所以需要进程管理工具,但是pm2 远远不止这些。
1234567891011121314151617npm install pm2 -g # 命令行安装 pm2 pm2 start app.js -i 4 #后台运行pm2,启动4个app.js ...
JS判断在中国还是国外
方案一:geolocation 原生 apinavigator.geolocation.getCurrentPosition
目前大多数现代浏览器均支持,但是获取位置信息需用户授权同意。
用户点击允许之后刷新当前网页才可以获取到经纬度
结论:不可行
方案二:高德地图 ip 定位高德地图 webapi : ip 定位,引入高德地图定位 js,根据 ip 定位判断是否在中国。
代码如下
123456789101112131415161718192021222324252627282930313233<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>ip定位</title ...
快鱼商城后台管理系统开发笔记
Api
使用的是融职商城的开源api,api地址 https://www.showdoc.com.cn/1207745568269674
请求域名https://api.shop.eduwork.cn/
域名已开启强制HTTPS,请务必使用HTTPS,否则可能会导致部分行为,如POST, PUT请求失败
用户认证使用 JWT 认证, 需要认证的 Api, 需要添加请求头:
1Authorization: Bearer Token
Token 为认证(登录)成功之后, 服务器返回的 Token
默认用户系统提供了默认用户, 当然, 您也可以自己注册
普通用户:
账号:test@a.com密码:123123
超级管理员:
账号:super@a.com密码:123123
umi定义
umi,中文发育为乌米,是可拓展的企业级前端应用框架,Umi以路由为基础,同时支持配置式路由和约定 ...
nodejs+serverless开发自己的短网址服务
Serverless简介三个阶段物理机房硬件软件、数据库都需要自己做
云服务器只需要关心软件和数据库,不需要担心硬件
Serverless只需要写代码(专注业务本身)
优势
不需要考虑物理机/虚拟机,结合工作流,代码自动提交部署
没有服务器,维护成本大大降低,安全稳定性更高
都是弹性伸缩云,不用担心性能问题
大多数Serverless服务商都是按照使用情况计费
功能简要概述
使用腾讯serverless和云函数
React-TypeScript速查表中文翻译
译者注:react和ts结合使用的系统总结网上相关资料不多,于是就硬着头皮啃了英文版。译者英语烂的要死,勉强翻得。有不对的地方请多多指正。翻译自:https://react-typescript-cheatsheet.netlify.app/docs/basic/setup/英语基础好的推荐优先去看英文文档翻译时间截至到2021年4月20日
一、基础(一)开始之前1、要求
React基础扎实
了解TypeScript
2、Import React12import * as React from "react";import * as ReactDOM from "react-dom";
这里最推荐的导入react和react-dom的方式,如果在你的tsconfig.json中allowSyntheticDefaultImports为true,那么也可以使用import React from 'react'来导入。值得一提的是,在create-react-app脚手架的tsconfig.json中,默认将allowSynthe ...
ts基础知识
定义
typescript 为js添加了类型系统,ts是js的超集,ts老大哥,js弟弟 ts>js
node.js让js摆脱了浏览器束缚,可以实现服务端/桌面端编程微信小程序和微信小游戏都是基于node.js实现的
ts定义: Type+JavaScript(为js添加了类型系统)、微软开发的开源编程语言,开发大型应用
优势js的类型系统存在先天缺陷,绝大部分是类型错误。优势一:类型化思维方式,开发严谨,提前发现错误,减少改bug时间优势二:代码可读性好,维护和重构代码更容易优势三:补充了接口、枚举等开发大型应用时的缺少功能
解析TS的工具包:node.js只认识js代码,不认识TS代码,需要先将TS代码转换为JS,然后就可以在node.js/浏览器中运行了
环境在当前目录打开终端,输入命令tsc hello.ts,会生成一个hello.js文件在Node.js环境中跑代码 node hello.js麻烦,简化方式,使用ts-node包 npm i -g ts-nodets-node hello.ts直接运行ts文件
单行注释 //多行注释 /* */
输出语句cons ...