webclown.net - 前端技术博客

macOS iTerm2无法使用rz并提示waiting-to-receive. **B0100000023be50.

Jun 19, 2020

安装 rz sz

1	brew install lrzsz

运行rz会报类似错：rz会出现?z waiting to receive.**B0100000023be50
原因：mac上的终端不支持rz和sz，需要在iterm2配置一下

配置 iTerm2，添加 trigger

在 /usr/local/bin/ 创建两个脚本文件：

iterm2-send-zmodem.sh
iterm2-recv-zmodem.sh

文件内容可以复制这个仓库（iterm2-zmodem）里面的对应文件。

cd /usr/local/bin
sudo wget https://raw.github.com/Keystion/iterm2-zmodem/master/iterm2-send-zmodem.sh
sudo wget https://raw.github.com/Keystion/iterm2-zmodem/master/iterm2-recv-zmodem.sh
sudo chmod 777 /usr/local/bin/iterm2-*

...more

控制反转设计
Jun 15, 2020
待更新

Spring IoC有什么好处呢？ - Mingqi的回答 - 知乎
https://www.zhihu.com/question/23277575/answer/169698662
...more
库、插件、组件、控件、扩展？
Jun 15, 2020
库、框架、插件、加载项、拓展和控件都是组件。

组件（Component）是一个含义很大的概念，一般是指软件系统的一部分，承担了特定的职责，可以独立于整个系统进行开发和测试，一个良好设计的组件应该可以在不同的软件系统中被使用（可复用）。例如 V8 引擎是 Chrome 浏览器的一部分，负责运行 JavaScript 代码，这里的 V8 引擎就可以视为一个组件。V8 引擎同事也是 Node.js 的 JavaScript 解释器，这提现了组件的可复用性。
...more
wwdc2020杂记
May 7, 2020

昨天苹果WWDC20敲定了举行时间，2020年6月22日，Online。

看见这些卡通形象很生动，特此Mark以下。

全屏看上去还是很有feel的。https://developer.apple.com/wwdc20/
...more
如何解决Electron安装包下载慢的问题
Oct 21, 2019
问题描述
在运行官网示例的过程中，一个安装包（electron-v1.8.8-darwin-x64.zip）下载特别慢，基本下载不下来。更改npm的安装源到taobao的镜像，也没有效果。

解决方案
可以直接去淘宝镜像上面找到对应的包：

https://npm.taobao.org/mirrors/electron/

下载到本地，然后，将安装包（.zip文件）拷贝到以下路径（Mac）：
1
2
3
~/.electron/

open ~/.electron/
...more
YApi使用杂记
Oct 15, 2019
YApi可视化接口管理平台
GitHub：https://github.com/YMFE/yapi

文本档：https://hellosean1025.github.io/yapi

以下使用杂记
– 待更新 –
...more

Vue项目集成Sentry

Sep 24, 2019

示例代码

vue.config.js

module.exports = {
  pluginOptions: {
    'vue-cli-plugin-sentry': {
      registry: undefined,
      organization: 'webclown',
      project: 'project-1',
      apiKey: '40325cbe44584080bad902ef873c10342d737944e43a4c67bfff7836aa52b779',
      'release-mode': 'auto',
      baseSentryURL: 'https://sentry.webclown.net/api/0/',
      dsn: 'https://a54b1d1791344654a44cc8cc46197e51@sentry.webclown.net/1',
      release: '53a152b'
    }
  }
}

src/sentry.js

import Vue from 'vue';
import Raven from 'raven-js';
import RavenVue from 'raven-js/plugins/vue';

if ('production' === process.env.NODE_ENV || 'test' === process.env.NODE_ENV) {
    const ravenOptions = {
        release: process.env.__GIT_SHA__,
        environment: process.env.NODE_ENV
    };

    const dsn = 'https://a54b1d1791344654a44cc8cc46197e51@sentry.kaikeba.com/1';
    Raven.config(dsn, ravenOptions)
        .addPlugin(RavenVue, Vue)
        .install();

}

src/main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import './sentry.js'

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

...more

七牛云SSL证书服务之搭配对象储存（待更新）
Sep 23, 2019
...more

Centos 部署 YApi

Sep 21, 2019

刚刚部署了一下，还不错的项目

安装环境

安装 Node.js，官方安装方法

# On RHEL, CentOS or Fedora, for Node.js v8 LTS:
curl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash -
# Alternatively for Node.js 9:
curl --silent --location https://rpm.nodesource.com/setup_9.x | sudo bash -
# 安装 Node.js
sudo yum -y install nodejs
# Enterprise Linux（RHEL和CentOS）用户可以使用EPEL存储库中的Node.js和npm包。
# 为您的版本安装相应的epel-release RPM（在EPEL存储库主页上找到），然后运行：
sudo yum install nodejs npm --enablerepo=epel

安装构建工具，要从npm编译和安装本地插件，您可能还需要安装构建工具：

1 2	sudo yum install gcc-c++ make # or: sudo yum groupinstall 'Development Tools'

安装 MongoDB，首先创建源，创建 mongodb.repo 文件

# 在/etc/yum.repos.d/目录下创建文件mongodb.repo，它包含MongoDB仓库的配置信息，内容如下：
# 复制代码, 代码如下:
[mongodb]
name=MongoDB Repository
baseurl=http://downloads-distro.mongodb.org/repo/redhat/os/x86_64/
gpgcheck=0
enabled=1

yum 安装 MongoDB

1	sudo yum install mongodb-org

为 YApi 初始数据库

use yapi // 创建yapi数据库 
db.wong.insert({"name":"kenny wong"}) // 插入一条数据，将在数据库列表中展示
show dbs // 查看所有数据库
db.addUser('yapi','yapi321') // 老的，数据库加用户的命令

db.createUser(
  {
    user: "yapi",
    pwd: "yapi321",
    roles:
    [
      {
        role: "userAdminAnyDatabase",
        db: "yapi"
      }
    ]
  }
)

...more

autojump - a faster way to navigate your filesystem
Aug 26, 2019
一个不错的提效工具，它可以简化你在终端敲 cd 的次数，比如你经常敲想以下这种命令，
1
2
3
4
5
6
cd ~/workshop
cd ~/workshop/app-one/
cd ../app-two/
cd ~/workshop/app-three/
...
cd ~/workshop/app-ten/
安装它之后，可以简化以上过程：
1
2
3
4
5
6
j workshop
j one
j two
j three
...
j app-ten
...more

安装 rz sz

配置 iTerm2，添加 trigger

问题描述

解决方案

YApi可视化接口管理平台

以下使用杂记

示例代码

安装环境