JiaHe

相遇即是缘

发表于 分类于 本文字数： 1.4k 阅读时长 ≈ 5 分钟

jsconfig.json是什么

目录中存在jsconfig.json文件表示改目录是JavaScript项目的根目录。jsconfig.json的配置可以对你的文件所在目录下的所有js代码做出个性化支持。
jsconfig.json是tsconfig.json的子集。

如果一个目录下存在一个tsconfig.json文件，那么它意味着这个目录是TypeScript项目的根目录。 tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项

为什么需要jsconfig.json

Visual Studio Code的JavaScript支持可以在两种不同的模式下运行：

  • 文件范围 - 没有jsconfig.json：在此模式下，在Visual Studio Code中打开的JavaScript文件被视为独立单元。 只要文件a.js没有显式引用文件b.ts（使用///引用指令或CommonJS模块），两个文件之间就没有共同的项目上下文。

  • 显式项目 - 使用jsconfig.json：JavaScript项目是通过jsconfig.json文件定义的。 目录中存在此类文件表示该目录是JavaScript项目的根目录。 文件本身可以选择列出属于项目的文件，要从项目中排除的文件，以及编译器选项（见下文） 在工作空间中定一个jsconfig.json文件时，JavaScript体验会得到改进。

  • 在不使用typescript的时候也可以对js进行ts的类型检查（因为jsconfig.json是tsconfig.json的子集，所以检查是ts的）

  • 当我们在项目中使用了webpack的别名的时候，会发现就没有办法在跳转到相应文件了，此时可以在jsconfig.json中配置

jsconfig.json的配置

可以参考tsconfig.json的配置文件

// jsconfig.json
{
  "compilerOptions": {
    "target": "es2015", // 指定要使用的默认库，值为"es3","es5","es2015"...
    "module": "commonjs", // 在生成模块代码时指定模块系统
    "checkJs": false, // 启用javascript文件的类型检查
    "baseUrl": "*", // 解析非相关模块名称的基础目录
    "paths": {
      "@/*": ["src/*"],
      "@/components": ["src/components"],
      "utils": ["src/utils/*"] // 指定相对于baseUrl选项计算的路径映射，使用webpack别名，智能感知路径
    }
  },
  "exclude": [
    // 要排除的文件
    "node_modules",
    "**/node_modules/*"
  ],
  "include": [
    // 包含的文件
    "src/*.js"
  ]
}

compilerOptions 配置项参考

"compilerOptions": {
  "incremental": true, // TS编译器在第一次编译之后会生成一个存储编译信息的文件，第二次编译会在第一次的基础上进行增量编译，可以提高编译的速度
  "tsBuildInfoFile": "./buildFile", // 增量编译文件的存储位置
  "diagnostics": true, // 打印诊断信息
  "target": "ES5", // 目标语言的版本
  "module": "CommonJS", // 生成代码的模板标准
  "outFile": "./app.js", // 将多个相互依赖的文件生成一个文件，可以用在AMD模块中，即开启时应设置"module": "AMD",
  "lib": ["DOM", "ES2015", "ScriptHost", "ES2019.Array"], // TS需要引用的库，即声明文件，es5 默认引用dom、es5、scripthost,如需要使用es的高级版本特性，通常都需要配置，如es8的数组新特性需要引入"ES2019.Array",
  "allowJS": true, // 允许编译器编译JS，JSX文件
  "checkJs": true, // 允许在JS文件中报错，通常与allowJS一起使用
  "outDir": "./dist", // 指定输出目录
  "rootDir": "./", // 指定输出文件目录(用于输出)，用于控制输出目录结构
  "declaration": true, // 生成声明文件，开启后会自动生成声明文件
  "declarationDir": "./file", // 指定生成声明文件存放目录
  "emitDeclarationOnly": true, // 只生成声明文件，而不会生成js文件
  "sourceMap": true, // 生成目标文件的sourceMap文件
  "inlineSourceMap": true, // 生成目标文件的inline SourceMap，inline SourceMap会包含在生成的js文件中
  "declarationMap": true, // 为声明文件生成sourceMap
  "typeRoots": [], // 声明文件目录，默认时node_modules/@types
  "types": [], // 加载的声明文件包
  "removeComments":true, // 删除注释
  "noEmit": true, // 不输出文件,即编译后不会生成任何js文件
  "noEmitOnError": true, // 发送错误时不输出任何文件
  "noEmitHelpers": true, // 不生成helper函数，减小体积，需要额外安装，常配合importHelpers一起使用
  "importHelpers": true, // 通过tslib引入helper函数，文件必须是模块
  "downlevelIteration": true, // 降级遍历器实现，如果目标源是es3/5，那么遍历器会有降级的实现
  "strict": true, // 开启所有严格的类型检查
  "alwaysStrict": true, // 在代码中注入'use strict'
  "noImplicitAny": true, // 不允许隐式的any类型
  "strictNullChecks": true, // 不允许把null、undefined赋值给其他类型的变量
  "strictFunctionTypes": true, // 不允许函数参数双向协变
  "strictPropertyInitialization": true, // 类的实例属性必须初始化
  "strictBindCallApply": true, // 严格的bind/call/apply检查
  "noImplicitThis": true, // 不允许this有隐式的any类型
  "noUnusedLocals": true, // 检查只声明、未使用的局部变量(只提示不报错)
  "noUnusedParameters": true, // 检查未使用的函数参数(只提示不报错)
  "noFallthroughCasesInSwitch": true, // 防止switch语句贯穿(即如果没有break语句后面不会执行)
  "noImplicitReturns": true, //每个分支都会有返回值
  "esModuleInterop": true, // 允许export=导出，由import from 导入
  "allowUmdGlobalAccess": true, // 允许在模块中全局变量的方式访问umd模块
  "moduleResolution": "node", // 模块解析策略，ts默认用node的解析策略，即相对的方式导入
  "baseUrl": "./", // 解析非相对模块的基地址，默认是当前目录
  "paths": { // 路径映射，相对于baseUrl
    // 如使用jq时不想使用默认版本，而需要手动指定版本，可进行如下配置
    "jquery": ["node_modules/jquery/dist/jquery.min.js"]
  },
  "rootDirs": ["src","out"], // 将多个目录放在一个虚拟目录下，用于运行时，即编译后引入文件的位置可能发生变化，这也设置可以虚拟src和out在同一个目录下，不用再去改变路径也不会报错
  "listEmittedFiles": true, // 打印输出文件
  "listFiles": true// 打印编译的文件(包括引用的声明文件)
}

参考文章

发表于 分类于 本文字数： 173 阅读时长 ≈ 1 分钟

为改变已经提交的 commit 的用户名和/或邮箱地址，你必须重写你 Git repo 的整个历史。执行这段脚本会重写 repo 所有协作者的历史。

完成以下操作后，任何 fork 或 clone 的人必须获取重写后的历史并把所有本地修改 rebase 入重写后的历史中，请谨慎操作。

将OLD_EMAIL，NEW_NAME和NEW_EMAIL改成你自己的

reset.sh
#!/bin/sh

git filter-branch -f --env-filter '

OLD_EMAIL="oldname@outlook.com"
NEW_NAME="oldname"
NEW_EMAIL="newname@outlook.com"

if [ "$GIT_COMMITTER_EMAIL" = "$OLD_EMAIL" ]
then
    export GIT_COMMITTER_NAME="$NEW_NAME"
    export GIT_COMMITTER_EMAIL="$NEW_EMAIL"
fi
if [ "$GIT_AUTHOR_EMAIL" = "$OLD_EMAIL" ]
then
    export GIT_AUTHOR_NAME="$NEW_NAME"
    export GIT_AUTHOR_EMAIL="$NEW_EMAIL"
fi
' --tag-name-filter cat -- --branches --tags

执行

sh reset.sh

推送到远程仓库

git push --force --tags origin ‘refs/heads/*’

发表于 分类于 本文字数： 6k 阅读时长 ≈ 22 分钟

作者：吴秦

出处：http://www.cnblogs.com/skynet/archive/2011/05/03/2035105.html

字符集和字符编码 —— 每个软件开发人员应该无条件掌握的知识！

相信大家一定碰到过，打开某个网页，却显示一堆像乱码？还记得HTTP中的Accept-Charset、Accept-Encoding、Accept-Language、Content-Encoding、Content-Language等消息头字段？这些就是接下来我们要探讨的。

基础知识

计算机中储存的信息都是用二进制数表示的；而我们在屏幕上看到的英文、汉字等字符是二进制数转换之后的结果。通俗的说，按照何种规则将字符存储在计算机中，如'a'用什么表示，称为"编码"；反之，将存储在计算机中的二进制数解析显示出来，称为"解码"，如同密码学中的加密和解密。在解码过程中，如果使用了错误的解码规则，则导致'a'解析成'b'或者乱码。

字符集（Charset）：是一个系统支持的所有抽象字符的集合。字符是各种文字和符号的总称，包括各国家文字、标点符号、图形符号、数字等。

字符编码（Character Encoding）：是一套法则，使用该法则能够对自然语言的字符的一个集合（如字母表或音节表），与其他东西的一个集合（如号码或电脉冲）进行配对。即在符号集合与数字系统之间建立对应关系，它是信息处理的一项基本技术。通常人们用符号集合（一般情况下就是文字）来表达信息。而以计算机为基础的信息处理系统则是利用元件（硬件）不同状态的组合来存储和处理信息的。元件不同状态的组合能代表数字系统的数字，因此字符编码就是将符号转换为计算机可以接受的数字系统的数，称为数字代码。

阅读全文 »

发表于 分类于 本文字数： 1.7k 阅读时长 ≈ 6 分钟

今天我们来认识一下 git bundle 这个命令。

作用

先来简单了解一下这个命令是干嘛的，在官方文档中对这个命令名称的描述翻译过来为：

git-bundle：通过归档移动对象和引用

听起来有点抽象，那我们就不用纠结官方对这个命令的描述了，通俗点讲就是：

用于将本地数据或分支打包到一个文件中，然后共享给别人。

使用场景

那么有哪些使用场景呢，比如：

  • 在网络不通畅时（网络断了或无法直连公司内网），你希望将你的提交通过U盘或邮件等方式传给你项目的协作开发者们。
  • 又或者你现在没有共享服务器的权限，你又希望通过邮件将更新发送给别人，却不希望通过 git format-patch 的方式传输 30 个提交。

像最近由于疫情原因，时不时就需要在家办公，而又不方便直连公司内网拉取代码，直接将整个项目打包成zip又显得笨重还不灵活，一个人开发还好，多个人协作时就不能方便的记录互相之间的修改了。有了 git bundle，我们就可以变得灵活方便了，下面就来看看怎么玩~

阅读全文 »

发表于 分类于 本文字数： 214 阅读时长 ≈ 1 分钟

Linux安装rpcapd

可以访问https://www.tcpdump.org/index.html#latest-releases，下载最新libpcap

# yum安装
yum install -y gcc gcc-c++ glibc-static flex
# dnf安装
dnf install -y gcc gcc-c++ flex
dnf --enablerepo=crb install glibc-static

wget https://www.tcpdump.org/release/libpcap-1.10.4.tar.gz

# 自v1.9.0版本开始，自带rpcapd，无需另外安装
tar -zxf libpcap-1.10.4.tar.gz
cd libpcap-1.10.4
./configurate --enable-remote && make

# 启动rpcapd
./rpcapd/rpcapd -4 -n

Windows安装wireshark

  1. 从官网下载安装https://www.wireshark.org/download.html
  2. 使用scoop安装，scoop install extras/wireshark

配置wireshark

顶部菜单栏 -> 捕获 -> 选项 -> 下方的Manage Interfaces -> 管理接口窗口

16958648541221695864853244.png

16958649011271695864900426.png

16958649351181695864934627.png

点击远程接口 -> 点击左下角加号➕

16958649701211695864969318.png

主机：服务器IP

端口：默认为2002，如果指定-p参数则自行修改

16958652601221695865260092.png

通过tcp port 端口，可以指定监听具体端口的请求数据。

最终效果大致如下
16958653171261695865316230.png