阿振sc

ChengDu China Web Developer, Working In React、Vue、TypeScript、Nodejs、Golang and Rust!

Results 101 issues of


                                            阿振sc

理解Go语言的select用法

# 理解Go语言的 select 用法今天要学习一个跟 `switch-case` 很像，但还有点个人特色的 `select-case`, 跟 `switch-case` 相比，`select-case` 用法比较单一，它仅能用于信道/通道的相关操作。 ```go select { case 表达式1: case 表达式2: default: } ``` 接下来，我们来看几个例子帮助理解这个 `select` 的模型。 ## 最简单的例子先创建两个信道，并在...

Go语言中的类型断言

# Go 语言中的类型断言 ## Type Assertion `Type Assertion`（中文名叫：类型断言），通过它可以做到以下几件事情 - 检查 `i` 是否为 `nil` - 检查 `i` 存储的值是否为某个类型具体的使用方式有两种： - 第一种： ```go t := i.(T) ``` 这个表达式可以断言一个接口对象（`i`）里不是 `nil`，并且接口对象（`i`）存储的值的类型是 `T`，如果断言成功，就会返回值给 `t`，如果断言失败，就会触发 `panic`。...

如何发布Go公共模块

# 如何发布Go公共模块通常之前的学习，我们知道了在 `Go` 的项目中，可以 `import` 一个托管在远程仓库的模块，这个模块在我们使用 `go get` 的时候，会下载到本地。既然是放在远程仓库上，意味着所有人都可以发布，并且所以人也都可以使用。今天就来学习一下，如何发布一个开源的模块，并且使用它。 ## 新建仓库先在你的 `Github` 上新建一个仓库，记得选 `Public`（默认） ![](../images/5A1E33FF188C26616E5F69E89A32484C.webp) 然后你会得到一个仓库地址，在你的电脑上使用 `git clone` 命令克隆下来 ## 编写模块代码使用前面学过的 `go mod init`...

Go语言中关于包导入必学的8个知识点

# Go 语言中关于包导入必学的8个知识点 ## 单行导入与多行导入在 `Go` 语言中，一个包可包含多个 `.go` 文件（这些文件必须得在同一级文件夹中），只要这些 `.go` 文件的头部都使用 `package` 关键字声明了同一个包。导入包主要可分为两种方式： - 单行导入 ```go import "fmt" import "sync" ``` - 多行导入 ```go import( "fmt" "sync" )...

超详细解读 Go Modules 前世今生及入门使用

# 超详细解读 Go Modules 前世今生及入门使用在以前，`Go` 语言的的包依赖管理一直都被大家所诟病，`Go` 官方也在一直在努力为开发者提供更方便易用的包管理方案，从最初的 `GOPATH` 到 `GO VENDOR`，再到最新的 `GO Modules`，虽然走了不少的弯路，但最终还是拿出了 `Go Modules` 这样像样的解决方案。目前最主流的包依赖管理方式是使用官方推荐的 `Go Modules` ，这不前段时间 Go 1.14 版本发布，官方正式放话，强烈推荐你使用 `Go Modules`，并且有自信可以用于生产中。本文会大篇幅的讲解 `Go Modules` 的使用，但是在那之前，我仍然会简要介绍一下前两个解决方案...

前端工程师面试题合集

**Table of Contents** *generated with [DocToc](https://github.com/thlorenz/doctoc)* - [前端工程师面试题合集](#%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%88%E9%9D%A2%E8%AF%95%E9%A2%98%E5%90%88%E9%9B%86) - [HTML](#html) - [如何理解`HTML`语义化](#%E5%A6%82%E4%BD%95%E7%90%86%E8%A7%A3html%E8%AF%AD%E4%B9%89%E5%8C%96) - [块状元素 & 内联元素](#%E5%9D%97%E7%8A%B6%E5%85%83%E7%B4%A0--%E5%86%85%E8%81%94%E5%85%83%E7%B4%A0) - [CSS](#css) - [什么是盒模型，请根据盒模型计算下面 `div1` 的 `offsetWidth`](#%E4%BB%80%E4%B9%88%E6%98%AF%E7%9B%92%E6%A8%A1%E5%9E%8B%E8%AF%B7%E6%A0%B9%E6%8D%AE%E7%9B%92%E6%A8%A1%E5%9E%8B%E8%AE%A1%E7%AE%97%E4%B8%8B%E9%9D%A2-div1-%E7%9A%84-offsetwidth) - [下面代码中 `AAA` 元素与 `BBB` 元素之间的距离是多少?](#%E4%B8%8B%E9%9D%A2%E4%BB%A3%E7%A0%81%E4%B8%AD-aaa-%E5%85%83%E7%B4%A0%E4%B8%8E-bbb-%E5%85%83%E7%B4%A0%E4%B9%8B%E9%97%B4%E7%9A%84%E8%B7%9D%E7%A6%BB%E6%98%AF%E5%A4%9A%E5%B0%91) -...

golang极速入门

- [GoLang 极速入门](#golang-%E6%9E%81%E9%80%9F%E5%85%A5%E9%97%A8) - [变量定义](#%E5%8F%98%E9%87%8F%E5%AE%9A%E4%B9%89) - [第一种：一行一个变量，静态语言最基本常用的方式](#%E7%AC%AC%E4%B8%80%E7%A7%8D-%E4%B8%80%E8%A1%8C%E4%B8%80%E4%B8%AA%E5%8F%98%E9%87%8F%E9%9D%99%E6%80%81%E8%AF%AD%E8%A8%80%E6%9C%80%E5%9F%BA%E6%9C%AC%E5%B8%B8%E7%94%A8%E7%9A%84%E6%96%B9%E5%BC%8F) - [第二种：多个变量一起声明，声明组](#%E7%AC%AC%E4%BA%8C%E7%A7%8D%E5%A4%9A%E4%B8%AA%E5%8F%98%E9%87%8F%E4%B8%80%E8%B5%B7%E5%A3%B0%E6%98%8E%E5%A3%B0%E6%98%8E%E7%BB%84) - [第三种：短声明，只能在函数内](#%E7%AC%AC%E4%B8%89%E7%A7%8D%E7%9F%AD%E5%A3%B0%E6%98%8E%E5%8F%AA%E8%83%BD%E5%9C%A8%E5%87%BD%E6%95%B0%E5%86%85) - [第四种：一行声明和初始化多个变量](#%E7%AC%AC%E5%9B%9B%E7%A7%8D%E4%B8%80%E8%A1%8C%E5%A3%B0%E6%98%8E%E5%92%8C%E5%88%9D%E5%A7%8B%E5%8C%96%E5%A4%9A%E4%B8%AA%E5%8F%98%E9%87%8F) - [第五种：通过 new 创建指针变量](#%E7%AC%AC%E4%BA%94%E7%A7%8D%E9%80%9A%E8%BF%87-new-%E5%88%9B%E5%BB%BA%E6%8C%87%E9%92%88%E5%8F%98%E9%87%8F) - [第六种：make 函数创建 slice、map 或 chan 类型变量](#%E7%AC%AC%E5%85%AD%E7%A7%8Dmake-%E5%87%BD%E6%95%B0%E5%88%9B%E5%BB%BA-slicemap-%E6%88%96-chan-%E7%B1%BB%E5%9E%8B%E5%8F%98%E9%87%8F) - [数据类型：整型与浮点型](#%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B%E6%95%B4%E5%9E%8B%E4%B8%8E%E6%B5%AE%E7%82%B9%E5%9E%8B) - [整型](#%E6%95%B4%E5%9E%8B) -...

使用React-Styleguidist生成文档

# 使用 React-Styleguidist 生成文档 ## 安装 ```bash npm i -D react-styleguidist // or yarn add -D react-styleguidist ``` ## typescript 支持 ```bash npm i -D react-docgen-typescript ``` ## 配置在根文件夹下创建...

使用React构建自己的代码库

**Table of Contents** *generated with [DocToc](https://github.com/thlorenz/doctoc)* - [使用 React 构建自己的代码库](#%E4%BD%BF%E7%94%A8-react-%E6%9E%84%E5%BB%BA%E8%87%AA%E5%B7%B1%E7%9A%84%E4%BB%A3%E7%A0%81%E5%BA%93) - [建立本地开发项目](#%E5%BB%BA%E7%AB%8B%E6%9C%AC%E5%9C%B0%E5%BC%80%E5%8F%91%E9%A1%B9%E7%9B%AE) - [准备](#%E5%87%86%E5%A4%87) - [使用 Styleguidist](#%E4%BD%BF%E7%94%A8-styleguidist) - [创建组件](#%E5%88%9B%E5%BB%BA%E7%BB%84%E4%BB%B6) - [添加样式](#%E6%B7%BB%E5%8A%A0%E6%A0%B7%E5%BC%8F) - [对代码库进行测试](#%E5%AF%B9%E4%BB%A3%E7%A0%81%E5%BA%93%E8%BF%9B%E8%A1%8C%E6%B5%8B%E8%AF%95) - [发布到 NPM](#%E5%8F%91%E5%B8%83%E5%88%B0-npm) - [自动部署与文档](#%E8%87%AA%E5%8A%A8%E9%83%A8%E7%BD%B2%E4%B8%8E%E6%96%87%E6%A1%A3) # 使用...

使用css实现火焰效果

**Table of Contents** *generated with [DocToc](https://github.com/thlorenz/doctoc)* - [使用CSS实现火焰效果](#%E4%BD%BF%E7%94%A8css%E5%AE%9E%E7%8E%B0%E7%81%AB%E7%84%B0%E6%95%88%E6%9E%9C) ## 使用CSS实现火焰效果效果：源码如下： ```html Document body { background-color: #300808; margin: 0; } .fire { font-size: 4px; filter: blur(0.02em); -webkit-filter: blur(0.02em); margin:...