跳到主要内容位置

· 预计阅读时间:7 分钟

typescript 功能不过多介绍,本文属于 typescript 进阶教程,适合了解 ts 基础又想要进一步提升的人。

本文将实现一个对 ant-design form-item 组件二次封装的功能。

· 预计阅读时间:4 分钟

介绍#

React 在 16.8 版本以上可以使用,hooks 优点在于能够更好的复用性,也解决无状态组件的生命周期以及状态管理的问题,可以通过自定义 hook 的形式将组件分割的更细粒度,方便拓展和维护。

不管是 decorator(装饰器) 语法提案的不稳定,还是 class 类的 ts 支持性不如函数,不得不承认如今 React 和 React 生态已经全面拥抱函数了。

· 预计阅读时间:13 分钟

介绍#

Webpack 是一个模块打包器(module bundler),提供了一个核心,核心提供了很多开箱即用的功能,同时它可以用 loader 和 plugin 来扩展。webpack 本身结构精巧,基于 tapable 的插件架构,扩展性强,众多的 loader 或者 plugin 让 Webpack 稍显复杂。

· 预计阅读时间:1 分钟

概念#

在 vue 文件中的 style 标签上,有一个特殊的属性:scoped。当一个 style 标签拥有 scoped 属性时,它的 CSS 样式就只能作用于当前的组件,也就是说,该样式只能适用于当前组件元素。通过该属性,可以使得组件之间的样式不互相污染。如果一个项目中的所有 style 标签全部加上了 scoped,相当于实现了样式的模块化。

· 预计阅读时间:2 分钟

说明#

call(),apply(),bind() 函数大家可能都有所了解,但是在平时搬砖过程中很可能或者基本没用过,学过但都淡忘了。

但是在大量第三方的框架(库),甚至 js 自己都在 源码中大量使用 call,apply 函数。所以今天仔细讨论下它们在开发中的应用场景 。

这三个函数都是函数对象的方法,也就是说只有函数才可以直接调用这些方法。

· 预计阅读时间:3 分钟

基本概念#

CI/CD:#

CI,Continuous Integration,为持续集成。即在代码构建过程中持续地进行代码的集成、构建、以及自动化测试等;有了 CI 工具,我们可以在代码提交的过程中通过单元测试等尽早地发现引入的错误;

CD,Continuous Deployment,为持续交付。在代码构建完毕后,可以方便地将新版本部署上线,这样有利于快速迭代并交付产品。

· 预计阅读时间:1 分钟

什么是 ssh:ssh 是 Secure Shell(安全外壳协议)的缩写,建立在应用层和传输层基础上的安全协议。为了便于访问 gitlab(github),要生成 ssh 公钥,这样就不用每一次访问 gitlab 都要输入用户名和密码。

· 预计阅读时间:2 分钟

什么是 GitLab

GitLab 是由 GitLabInc 开发,使用 MIT 许可证的基于网络的 Git 仓库管理工具,且具有 wiki 和 issue 跟踪功能。使用 Git 作为代码管理工具,并在此基础上搭建起来的 web 服务。