- 博客(55)
- 收藏
- 关注
RSS订阅
原创 vim 常用的查找、复制、删除、移动操作命令速记
说明：不带冒号表示普通模式执行，带冒号表示命令模式执行; ${n}表示变量n; ## 表示注释;:set number/nonumber ## 显示/隐藏行号## 查找:set hlsearch ## 设置查询字符高亮:set nohlsearch ## 设置查询字符不高亮:/${targetStr} ## 从文本开始向后查找；按 n 键匹配下一个，按 N 建匹配上一个:?${t...
2019-12-23 10:39:36
313
原创 nginx 反向代理 location 配置匹配规则
当我们访问http://proxy_location/my_path时:location proxy_pass 代理路径 /proxy_location/ http://server http://server/proxy_location/my_path /proxy_location/ http://server/ http://server/m...
2019-10-09 17:25:47
2718
原创 Git 常用命令集锦
设置分支跟踪关系：git branch --set-upstream-to=origin/${origin_branch_name} ${local_branch_name}删除远程分支：git push origin --delete ${origin_branch_name}删除本地分支：git branch -d/-D ${local_branch_name}创建新分支并且和远...
2019-07-10 10:27:43
208
1
原创 SpringBoot HelloWorld 项目创建
安装maven —— apache-maven-3.6.1 <!-- config/settings.xml 添加配置 --><profile> <id>jdk-1.8</id> <activation> <activeByDefault>true</activeByDefault> <jdk>1.4</jdk> </activation>
2021-01-31 17:18:16
151
原创 react 服务端渲染项目相关配置（typescript + nextjs + koajs + log4js + crypto + jest）
这是一个基于脚手架create-next-app 的应用// package.json"scripts": { "dev": "node ./server.js", "build": "next build", "start": "next start", "test": "jest" }, "dependencies": { "@zeit/next-css": "^1.0.1", "@zeit/next-less": "^1.0.1",.
2020-12-28 17:35:42
715
原创 前端项目使用 mocker-api 来模拟数据
1. 安装依赖：npm i mocker-api -D2. 在development模式对应的webpack配置下添加：before(app, server) { // console.log('MOCK', process.env) if(process.env.MOCK) { // mocker-api apiMocker(app, path.resolve(__dirname, '../mock')) }}3. 添加对应的mock数据接口：// moc
2020-12-14 17:31:26
1479
原创 nodejs 换文件后缀（文件名）
如：将 homeTemplate 文件夹下的所有的less文件后缀替换为scssvar fs = require('fs');var path = './homeTemplate';function rename(filePath) { fs.readdir(filePath, function (err, files) { // files是名称数组 files.forEach(function (filename) { //运用正则表达式替换oldPath中.
2020-09-11 18:01:59
2092
原创 linux 查看日志笔录
1.查看日志常用命令 cat：（tac是倒序查看，是cat单词反写；） -n 是显示行号；相当于nl命令； cat -n test.log |grep "info" 查询关键字info的日志 tail: -n 是显示行号；相当于nl命令； -f 实时监控 tail -100f test.log 实时监控100行日志 tail -n 1...
2020-08-27 11:22:34
239
原创 React Native 安装项目错误集锦
1. ReactNative pod install卡在boost-for-react-native解决办法：在ios目录下Podfile文件中，头部加入以下代码，再pod install就可以下载下来了。pod 'boost-for-react-native', :git => 'https://gitee.com/damon-s/boost-for-react-native.git’2. 启动时报：java.lang.NoClassDefFoundError: Could not i
2020-08-15 13:52:37
277
原创 git 国外镜像下载慢的解决方案
git clone https://gitclone.com/github.com/xxx/yyy.git 加速clone。比如：threejs的github地址是：https://github.com/mrdoob/three.js.git在终端里输入：git clone https://gitclone.com/github.com/mrdoob/three.js.git
2020-07-05 13:37:19
581
原创 《可扩展的艺术》—— AKF拆分原则
对于一个规模迅速增长的系统而言，容量和性能问题当然是首当其冲。但是随着时间的向前，系统规模的增长，除了面对性能与容量的问题外， 还需要面对功能与模块数量上的增长带来的系统复杂性问题以及业务变化带来的差异化服务问题。而许多系统，在架构设计时并没有充分考虑到这个问题，导致系统的重构成了常态，从而影响业务交付能力。对此，《可扩展的艺术》一书提出了一个更加系统的可扩展模型——AKF可扩展立方(Scalability Cube)。这个立方体沿着三个坐标轴设置分别为：X（水平复制——集群）,Y（按服务功能拆分——.
2020-06-20 12:28:04
658
原创 Java 系统架构——MVC、RPC、SOA和微服务架构
Java 系统架构——MVC、RPC、SOA和微服务架构MVC架构定义： 其实MVC架构就是一个单体架构。代表技术： Struts2、SpringMVC、Spring、Mybatis 等等RPC架构定义： RPC(Remote Procedure Call)：远程过程调用。它是一种通过网络从远程计算机程序上请求，而不需要了解底层网络技术的协议的服务。代表技术： Thrift、Hessian 等等。SOA架构定义： SOA(Service Oriented Architectur
2020-06-20 12:02:03
390
原创 nodejs 性能测试 benchmark
server.jsvar benchmark = require('benchmark');var suite = new benchmark.Suite;// 添加测试suite.add('RegExp', function() { /o/.test('Hello World');}).add('indexOf', function() { 'Hello World'.indexOf('o');}).on('cycle', function(e) { console.log(St.
2020-06-03 10:17:32
684
原创 常见排序算法与数据结构（Javascript版）
哈希表： hash 算法 +数组/链表 解决 hash 冲突： 1链地址法 2开放地址法（空白元素偏移） （线性探测、二次方探测、再哈希法） hash 算法提升计算速度：霍纳法则/秦九韶算法 数组元素使其分布均匀：常量使用质数function hashFunc(str, size) { let ...
2020-04-21 16:49:02
198
原创 Linux Sed 指令
$ sed [参数选项] [脚本命令] 文件名命令 功能a\ 在当前行后添加一行或多行。多行时除最后一行外，每行末尾需用“\”续行c\ 用此符号后的新文本替换当前行中的文本。多行时除最后一行外，每行末尾需用"\"续行i\ 在当前行之前插入文本。多行时除最后一行外，每行末尾需用"\"续行d 删除行h 把模式空间里的内容复制到暂存缓冲区H 把模式空间里的内容追加到...
2020-03-27 14:42:01
175
原创 Linux 查看系统信息常用命令
Linux 系统常用命令 查看当前时间 date 查看当前日期（calendar） cal [-y] -y 显示一年 显示磁盘空间（disk free） df [-h] [目录] -h 格式化显示，目录存在则显示目录所在磁盘信息 显示文件夹大小（disk usage） du [-h] [目录] -h 格式化显示 进程详情（pro...
2020-03-27 13:44:12
159
原创 Linux 用户、权限相关
文件、目录权限列表 权限 英文 缩写 数字代号 修改权限 读 read r 4 chmod [+-]r filePath 写 write w 2 chmod [+-]w filePath 执行 execute x 1 chmod [+-]x filePath ...
2020-03-26 21:03:11
178
原创 SSH 常用技巧
生成 ssh-key:> ssh-keygen上传ssh公钥到服务器：> ssh-copy-id [-p 22] username@hostname设置 ssh 连接别名：//file: ~/.ssh/configHost Server_Alis HostName localhost User root Port 22// example:...
2020-03-26 17:38:51
133
原创 nginx 学习笔记
nginx 的组成部分：二进制可执行文件：由各模块源码编译出的一个文件，提供功能； nginx.conf 配置文件：控制 nginx 的行为； access.log 访问日志：记录每一条 http 请求 / 响应信息； error.log 错误日志：定位问题。...
2020-03-21 14:42:15
150
原创 Linux 常用操作
查看包是否安装：1、rpm包安装的，可以用 rpm -qa 看到，如果要查找某软件包是否安装，用rpm -qa | grep "软件或者包的名字" 2、以deb包安装的，可以用 dpkg -l 看到。如果是查找指定软件包，用dpkg -l | grep "软件或者包的名字" 3、yum方法安装的，可以用 yum list installed 查找，如果是查找指定包，用yum list...
2020-03-21 11:57:57
104
原创 linux 常用命令
创建软连接： ln -s 源文件 目标文件 //eg: ln -s /usr/local/nginx/sbin/nginx /usr/local/bin/nginx
2020-03-19 19:49:39
119
原创 Linux 目录说明
/bootLinux启动时，需要的文件/dev设备文件/etc配置文件/home用户家目录/media媒体文件/mnt挂载文件/opt...
2020-03-19 19:00:03
101
原创 JS 枚举类型
工厂模式：const ALL = 0;/** * 枚举工厂 */export function enumFactory(arr = []) { const TEMP_ENUM = { ALL: ALL, EXTRA: { [ALL]: { label: '全部', value: ALL }, }, OPTIONS: [{ label:...
2020-03-19 17:42:24
2940
原创 防抖与节流 理解
防抖：控制最小执行间隔时间，在 指定的时间内 如果 再次触发 则刷新定时器。连续触发只执行一次。节流：控制最小执行间隔时间，在 指定的时间内 如果 再次触发 则当前触发失效。连续触发至少执行一次，执行次数 = 触发的总时长 / 间隔时间。...
2020-03-18 19:01:05
385
原创 CSS 小记
在chrome或者小程序中多行文本超出2行时显示省略字符...: .elli-text { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; // 显示两行} ...
2020-03-18 15:00:51
112
原创 微信小程序开发中使用 glup 监听 less 文件编译成 wxss
gulpfile.js 配置文件:const gulp = require('gulp');const { watch } = require('gulp');const less = require('gulp-less');const rename = require('gulp-rename');gulp.task('Less', function () { gul...
2020-03-16 16:02:47
287
原创 基于 react + react-router + typescript + webpack + babel + esLint 的项目配置
项目目录：package.json 文件配置：{ "name": "webpack-test", "version": "1.0.0", "description": "", "main": "./src/index.js", "scripts": { "dev": "webpack-dev-server --open --watch --config w...
2020-03-11 14:16:39
916
原创 Webpack 速记
概念：模块打包工具 安装：npm i webpack webpack-cli -D 默认配置文件：webpack.config.js 模块解析依赖树支持语法(js)： ES Module (export -> import) 同步加载模块：CommonJs ( module.exports -> require) eg: nodejs 注： 异步加载模块： AMD...
2020-03-10 14:01:44
154
原创 VSCode 对 Webpack 配置 resolve alias 的路径智能提示
项目根目录下创建：jsconfig.json{ "compilerOptions": { "baseUrl": "./", "paths": { "@hoc/*": ["src/hoc/*"] } }, "exclude": ["node_modules", "dist"]}
2020-02-29 14:18:54
1099
原创 antd pro 解析 node_modules 第三方包中的 jsx 和 less
在config/plugin.config.js中添加如下代码：config.module .rule('compile') .test(/\.(js|jsx)$/) .include .add(path.join(__dirname, '../node_modules/npm-package-name')) .end() ...
2020-02-25 16:17:58
1070
原创 按需加载npm 中的 react 组件
webpack 配置：node_modules 中 js/jsx 加载器配置：{ test: /\.(js|jsx)?$/, use: { loader: 'babel-loader', options: { presets: ['@babel/preset-env', '@babel/preset-react'], plugins: [...
2020-02-10 13:51:55
282
原创 Gruntfile.js 配置 npm 打包简化版
// 安装依赖// npm install -g grunt-cli// npm install --save-dev grunt// npm install --save-dev grunt-contrib-less// npm install --save-dev grunt-contrib-watch// 在项目根目录新建此文件：Gruntfile.js// 终端执行> ...
2019-11-01 17:21:53
220
原创 前端项目 nginx 配置
server { listen 80; #port server_name ${hostname || ip}; gzip on; gzip_min_length 1k; gzip_comp_level 9; gzip_types text/plain application/javascript application/x-javascript ...
2019-10-31 12:51:46
183
原创 Grunt 合并编译less文件
Gruntfile.js 配置项：// 安装依赖// npm install -g grunt-cli// npm install --save-dev grunt// npm install --save-dev grunt-contrib-concat// npm install --save-dev grunt-contrib-less// npm install --sav...
2019-10-31 12:43:53
312
原创 Promise + Generator 实现 async await——《你不知道的Javascript 中卷》
function run(gen) { var args = [].slice.call(arguments, 1), it; // 在当前上下文中初始化生成器 it = gen.apply(this, args); // 返回一个Promise用于生成器完成 return Promise.resolve() .then(function...
2019-08-16 17:04:56
225
原创 call、apply、bind 的使用笔记
当第三方提供的回调参数是数组，我们想转成参数列表时：function funWithCB(cb) { var arr = [1, 2]; cb(arr);}funWithCB(Function.apply.bind(function(arg1, arg2) { console.log(arg1 + arg2); // 3}, null));// 与下面同理function ...
2019-08-12 15:12:00
106
原创 Promise 并发迭代笔录——《你不知道的Javascript-中卷》
// polyfill安全的guard检查if(!Promise.map) { Promise.map = function(vals, cb) { return Promise.all( vals.map(function(val) { return new Promise(function(resolve) {...
2019-08-12 11:57:16
198
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人