HUANG QING BLOG

天行健，君子以自强不息。地势坤，君子以厚德载物。

Prettier 集成

ESLint StyleLint VSCode Vue3

准备 prettier ESLint Stylelint EditorConfig prettier prettier # install Prettier locally npm install --save-dev --save-exact prettier # create an empty config file {}> .prettierr...

Posted by huangqing on April 14, 2021

Vite VS Webpack

webpack vs vite 底层实现上， Vite 是基于 esbuild 预构建依赖的。 esbuild 使用 go 编写，并且比以 js 编写的打包器预构建依赖, 快 10 - 100 倍。 webpack webpack打包过程: 识别入口文件 通过逐层识别模块依赖。（Commonjs、amd或者es6的import，webpack都会对其进行分析。来获取代码的...

Posted by huangqing on April 13, 2021

Env

简介 .env文件是用来自定义配置的一个简单方法，可以将一些不能在代码中存储的敏感/账号数据从代码中剥离出来，作为环境变量存储在环境中。 1 在根目录下添加.env文件 DB_HOST=127.0.0.1 DB_NAME=timeseriesmonitor DB_PORT=5432 DB_USER=tsm DB_UNSECURE=true 2 引入dotenv dotenv是一个...

Posted by huangqing on April 13, 2021

Vue3 资源

Vue3 awesome

Vue Awesome Vue.js Vite Vite.js Plugins Awesome Vite.js: curated list of awesome things related to Vite.js

Posted by huangqing on April 12, 2021

Mock

Mock.js vite-plugin-mock 安装 npm i axios -S npm i mockjs -S npm i vite-plugin-mock -D Mock.js Mock.js 因为两个重要的特性风靡前端: 数据类型丰富 支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。 拦截 Ajax 请求 不需要修改既有代码，就可以...

Posted by huangqing on April 12, 2021

Prettier

使用ESLint ＆ Prettier美化代码

prettier 官方网站 借助于EditorConfig+Prettier+ESLint 的组合，项目中通过统一约定配置，可以在团队成员在代码开发过程中就检查、约束、美化代码，统一编码风格；且可以省去很多的沟通成本，提前暴露代码缺陷，减少后期二次修改代码的风险； 简单归纳： EditorConfig: 跨编辑器和 IDE 编写代码，保持一致的简单编码风格； Prettier...

Posted by huangqing on April 12, 2021

TypeScript 简介

TypeScript 的特性 TypeScript 是静态类型 类型系统按照「类型检查的时机」来分类，可以分为动态类型和静态类型。 动态类型是指在运行时才会进行类型检查，这种语言的类型错误往往会导致运行时错误。JavaScript 是一门解释型语言[4]，没有编译阶段，所以它是动态类型。 静态类型是指编译阶段就能确定每个变量的类型，这种语言的类型错误往往会导致语法错误。TypeScr...

Posted by huangqing on April 10, 2021

TypeScript 声明文件

xx.d.ts

声明语法 declare var 声明全局变量 declare function 声明全局方法 declare class 声明全局类 declare enum 声明全局枚举类型 declare namespace 声明（含有子属性的）全局对象 interface 和 type 声明全局类型 export 导出变量 export namespace 导出（...

Posted by huangqing on April 10, 2021

Gitee

国内的 Git 托管服务——Gitee（gitee.com） 生成 SSH Gitee 提供了基于 SSH 协议的 Git 服务，在使用 SSH 协议访问仓库仓库之前，需要先配置好账户/仓库的 SSH 公钥。 使用 Git Bash 命令行工具,生成 SSH 公钥。 查看已有的公钥 cat ~/.ssh/id_rsa.pub 你可以按如下命令来生成 sshkey: ssh-k...

Posted by huangqing on April 8, 2021

GraphQL vs REST API 架构

概述 API 在客户端 - 服务器结构中的作用:API（应用程序编程接口）是一个中间层，它允许服务器从客户端接收结构化数据请求，并针对请求的数据发送结构化的响应。 GraphQL 是一个开源的查询语言和协议 API。可以把 GraphQL 想象成 SQL，只是把数据库换成 API。 使用GraphQL的公司的特点： 它们都有几个移动客户端； 它们都计划转到微服务架构上，或者...

Posted by huangqing on January 28, 2021

ABOUT ME

Goals determine what you going to be!

✉️ hqdaoyidao@163.com

FRIENDS