Sparkler123的博客

安装maven —— apache-maven-3.6.1 <!-- config/settings.xml 添加配置 --><profile> <id>jdk-1.8</id> <activation> <activeByDefault>true</activeByDefault> <jdk>1.4</jdk> </activation>

这是一个基于脚手架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",.

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

如：将 homeTemplate 文件夹下的所有的less文件后缀替换为scssvar fs = require('fs');var path = './homeTemplate';function rename(filePath) { fs.readdir(filePath, function (err, files) { // files是名称数组 files.forEach(function (filename) { //运用正则表达式替换oldPath中.

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...

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

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

对于一个规模迅速增长的系统而言，容量和性能问题当然是首当其冲。但是随着时间的向前，系统规模的增长，除了面对性能与容量的问题外， 还需要面对功能与模块数量上的增长带来的系统复杂性问题以及业务变化带来的差异化服务问题。而许多系统，在架构设计时并没有充分考虑到这个问题，导致系统的重构成了常态，从而影响业务交付能力。对此，《可扩展的艺术》一书提出了一个更加系统的可扩展模型——AKF可扩展立方(Scalability Cube)。这个立方体沿着三个坐标轴设置分别为：X（水平复制——集群）,Y（按服务功能拆分——.

Java 系统架构——MVC、RPC、SOA和微服务架构MVC架构定义： 其实MVC架构就是一个单体架构。代表技术： Struts2、SpringMVC、Spring、Mybatis 等等RPC架构定义： RPC(Remote Procedure Call)：远程过程调用。它是一种通过网络从远程计算机程序上请求，而不需要了解底层网络技术的协议的服务。代表技术： Thrift、Hessian 等等。SOA架构定义： SOA(Service Oriented Architectur

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.

哈希表： hash 算法 +数组/链表 解决 hash 冲突： 1链地址法 2开放地址法（空白元素偏移） （线性探测、二次方探测、再哈希法） hash 算法提升计算速度：霍纳法则/秦九韶算法 数组元素使其分布均匀：常量使用质数function hashFunc(str, size) { let ...

$ sed [参数选项] [脚本命令] 文件名命令 功能a\ 在当前行后添加一行或多行。多行时除最后一行外，每行末尾需用“\”续行c\ 用此符号后的新文本替换当前行中的文本。多行时除最后一行外，每行末尾需用"\"续行i\ 在当前行之前插入文本。多行时除最后一行外，每行末尾需用"\"续行d 删除行h 把模式空间里的内容复制到暂存缓冲区H 把模式空间里的内容追加到...

Linux 系统常用命令 查看当前时间 date 查看当前日期（calendar） cal [-y] -y 显示一年 显示磁盘空间（disk free） df [-h] [目录] -h 格式化显示，目录存在则显示目录所在磁盘信息 显示文件夹大小（disk usage） du [-h] [目录] -h 格式化显示 进程详情（pro...

文件、目录权限列表 权限 英文 缩写 数字代号 修改权限 读 read r 4 chmod [+-]r filePath 写 write w 2 chmod [+-]w filePath 执行 execute x 1 chmod [+-]x filePath ...

生成 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:...

以数据库(articledb), 集合(comment)为例：

nginx 的组成部分：二进制可执行文件：由各模块源码编译出的一个文件，提供功能； nginx.conf 配置文件：控制 nginx 的行为； access.log 访问日志：记录每一条 http 请求 / 响应信息； error.log 错误日志：定位问题。...

查看包是否安装：1、rpm包安装的，可以用 rpm -qa 看到，如果要查找某软件包是否安装，用rpm -qa | grep "软件或者包的名字" 2、以deb包安装的，可以用 dpkg -l 看到。如果是查找指定软件包，用dpkg -l | grep "软件或者包的名字" 3、yum方法安装的，可以用 yum list installed 查找，如果是查找指定包，用yum list...

创建软连接： ln -s 源文件 目标文件 //eg: ln -s /usr/local/nginx/sbin/nginx /usr/local/bin/nginx

/bootLinux启动时，需要的文件/dev设备文件/etc配置文件/home用户家目录/media媒体文件/mnt挂载文件/opt...

工厂模式：const ALL = 0;/** * 枚举工厂 */export function enumFactory(arr = []) { const TEMP_ENUM = { ALL: ALL, EXTRA: { [ALL]: { label: '全部', value: ALL }, }, OPTIONS: [{ label:...

防抖：控制最小执行间隔时间，在 指定的时间内 如果 再次触发 则刷新定时器。连续触发只执行一次。节流：控制最小执行间隔时间，在 指定的时间内 如果 再次触发 则当前触发失效。连续触发至少执行一次，执行次数 = 触发的总时长 / 间隔时间。...

在chrome或者小程序中多行文本超出2行时显示省略字符...: .elli-text { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; // 显示两行} ...

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...

项目目录：package.json 文件配置：{ "name": "webpack-test", "version": "1.0.0", "description": "", "main": "./src/index.js", "scripts": { "dev": "webpack-dev-server --open --watch --config w...

概念：模块打包工具 安装：npm i webpack webpack-cli -D 默认配置文件：webpack.config.js 模块解析依赖树支持语法(js)： ES Module (export -> import) 同步加载模块：CommonJs ( module.exports -> require) eg: nodejs 注： 异步加载模块： AMD...

项目根目录下创建：jsconfig.json{ "compilerOptions": { "baseUrl": "./", "paths": { "@hoc/*": ["src/hoc/*"] } }, "exclude": ["node_modules", "dist"]}

在config/plugin.config.js中添加如下代码：config.module .rule('compile') .test(/\.(js|jsx)$/) .include .add(path.join(__dirname, '../node_modules/npm-package-name')) .end() ...

webpack 配置：node_modules 中 js/jsx 加载器配置：{ test: /\.(js|jsx)?$/, use: { loader: 'babel-loader', options: { presets: ['@babel/preset-env', '@babel/preset-react'], plugins: [...

说明：不带冒号表示普通模式执行，带冒号表示命令模式执行; ${n}表示变量n; ## 表示注释;:set number/nonumber ## 显示/隐藏行号## 查找:set hlsearch ## 设置查询字符高亮:set nohlsearch ## 设置查询字符不高亮:/${targetStr} ## 从文本开始向后查找；按 n 键匹配下一个，按 N 建匹配上一个:?${t...

// 安装依赖// 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// 终端执行> ...

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 ...

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...

当我们访问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...

function run(gen) { var args = [].slice.call(arguments, 1), it; // 在当前上下文中初始化生成器 it = gen.apply(this, args); // 返回一个Promise用于生成器完成 return Promise.resolve() .then(function...

当第三方提供的回调参数是数组，我们想转成参数列表时：function funWithCB(cb) { var arr = [1, 2]; cb(arr);}funWithCB(Function.apply.bind(function(arg1, arg2) { console.log(arg1 + arg2); // 3}, null));// 与下面同理function ...

// polyfill安全的guard检查if(!Promise.map) { Promise.map = function(vals, cb) { return Promise.all( vals.map(function(val) { return new Promise(function(resolve) {...

// 用于超时一个Promise的工具function timeoutPromise(delay) { return new Promise( function(resolve, reject) { setTimeout(function(){ reject('Timeout'); }, delay); });}//...

事件循环队列类似于一个游乐园游戏：玩过了一个游戏之后，你需要重新到队尾排队才能再玩一次。而任务队列（ES6）类似于玩过游戏之后，插队接着继续玩。...

修改自身的操作有：pop、push、shift、unshift、reverse、sort、splice不修改自身的操作有：concat、join、slice

1. 数字中的小数点42.toFixed(3); // SyntaxError42..toFixed(3); // “42.000”42.toFixed(3)是无效语法，因为点号【.】被视为数字常量【42.】的一部分，所以没有【.】属性访问运算符来调用toFixed方法；2. + 可以字符强转数字var c = '3.14';var d = 5+ +c; // 8.14...

1. 避免暴露内部数据逻辑(function(_this) { const COLOR = Symbol(); const RED = Symbol(); const GREEN = Symbol(); const BLUE = Symbol(); _this.COLOR_ENUM = { [COLOR]: { [RED]...

JS代码如下：function draw(ctx, rate) { ctx.clearRect(0,0,300,300); ctx.beginPath(); ctx.strokeStyle = "gray"; ctx.arc(150, 150, 100, (1/3)*Math.PI, (2/3)*Math.PI, true); ctx.stroke(); c...

设置分支跟踪关系：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}创建新分支并且和远...

总的规律：this 的绑定取决于调用位置！1. 默认绑定（独立函数调用）。function foo() { console.log(this.a);}var a = 2;foo(); // 22. 隐式绑定（调用位置有上下文对象,如例子中的 obj）-》当函数引用有上下文对象时，隐式绑定规则会把函数调用中的 this 绑定到这个上下文对象。function foo...

打开终端输入命令：vim /etc/ssh/ssh_configHost * RSAAuthentication yes PubkeyAuthentication yes GSSAPIAuthentication yes其中，RSAAuthentication yes与PubkeyAuthentication yes是新增内容。...

1. 相同类的两个组件将会生成相似的树形结构，而不同类的两个组件将会生成不同的树形结构。2. 可以为元素提供一个唯一的标识，确保该元素的唯一标识在不同的渲染过程中保持不变。...

function prototypeInstance(superType) { function F(){} F.prototype = superType.prototype; return new F();}function inheritPrototype(subType, superType) { var prototypeIns = prototy...

+ module rules:[ Rule resource test exclude include resoueceQuery use loader ...

Less 最基本和重要的概念： 变量、扩展、混合（带参数的混合、作为函数使用的混合、传递规则集给混合）第一条：extend VS mixin:nav ul { &:extend(.inline); background: blue;}.inline { color: red;}// outputnav ul { background: ...

项目目录结构：1.package.json配置:{ // ... "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "webpack-dll": "webpack --config ./webpack.dll.conf.js", "build": "...

Vuex使用store：this.$store.state更新store异步三步走：1. store.dispatch(actionFunStr) 2. actionFun({commit}) --> commit(mutationFunStr) 3.mutationFun(state) --> state同步：1. store.commit(m...

前端：webpack.prod.config.js 配置：webpack.DefinePlugin配置说明plugins: [ // ... new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify('production') }), // ...]webpack...