Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Contribute to GitLab
Sign in / Register
Toggle navigation
Y
yifu-study-front-share
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
CI / CD
CI / CD
Pipelines
Schedules
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Commits
Issue Boards
Open sidebar
yifu-study
front
yifu-study-front-share
Commits
1d72deb5
Commit
1d72deb5
authored
May 30, 2022
by
caihaifei
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
update.
parent
a1ff61e1
Pipeline
#16246
canceled with stage
Changes
6
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
7 additions
and
3 deletions
+7
-3
React中Hooks源码简单解析.md
source/_posts/React中Hooks源码简单解析.md
+1
-1
docker 基础使用介绍.md
source/_posts/docker 基础使用介绍.md
+1
-0
preload和prefetch优化性能.md
source/_posts/preload和prefetch优化性能.md
+1
-1
typeScript泛型.md
source/_posts/typeScript泛型.md
+1
-0
性能优化--通过优化首屏加载速度实现
source/_posts/性能优化--通过优化首屏加载速度实现
+1
-1
浅谈Vite.md
source/_posts/浅谈Vite.md
+2
-0
No files found.
source/_posts/React中Hooks源码简单解析.md
View file @
1d72deb5
...
...
@@ -11,7 +11,7 @@ author: 方玉新
## 使用Hooks时的疑惑
Hooks的出现让我们对
`Function Component`
逐步拥有了对标
`Class Component`
的特性,比如私有状态以及生命周期函数等。
`useState`
与
`useReducer`
这两个
`Hooks`
让我们可以在
`Function Component`
里使用到私有状态。而
`useState`
其实相当于简化版的
`useReducer`
,下面就将这两个放到一起简单介绍下。
<!-- more -->
#### 1、useState使用示例
```
javascript
function
PersionInfo
({
initialAge
,
initialName
})
{
...
...
source/_posts/docker 基础使用介绍.md
View file @
1d72deb5
...
...
@@ -16,6 +16,7 @@ author: 蔡海飞
本篇文章就我们较为常用的docker 命令使用通过场景使用的不同来简单介绍。
<!-- more -->
### Docker 安装与镜像加速
...
...
source/_posts/preload和prefetch优化性能.md
View file @
1d72deb5
...
...
@@ -20,7 +20,7 @@ preload和prefetch的出现为我们提供了可以更加细粒度地控制浏
<link ref='preload'>
<link ref='prefetch'>
```
<!-- more -->
#### preload特点
-
preload加载的资源是在浏览器渲染机制之前进行处理的,并且不会阻塞onload事件;
-
preload可以支持加载多种类型的资源,并且可以加载跨域资源;
...
...
source/_posts/typeScript泛型.md
View file @
1d72deb5
...
...
@@ -27,6 +27,7 @@ createArray(3, 'x'); // ['x', 'x', 'x']
这段代码编译不会报错,但是一个显而易见的缺陷是,它并没有准确的定义返回值的类型:
Array
<any>
允许数组的每一项都为任意类型。但是我们预期的是,数组中每一项都应该是输入的 value 的类型。
这时候,泛型就派上用场了:
<!-- more -->
```
typescript
function
createArray
<
T
>
(
length
:
number
,
value
:
T
):
Array
<
T
>
{
...
...
source/_posts/性能优化--通过优化首屏加载速度实现
View file @
1d72deb5
...
...
@@ -14,7 +14,7 @@
```
configplugins.delete(prefetch)
```
<!-- more -->
- 在引用时配置
```
import(<!--webpackChunkName:'[...]',webpackPrefetch:false-->)
...
...
source/_posts/浅谈Vite.md
View file @
1d72deb5
...
...
@@ -17,6 +17,8 @@ Vite是一个由原生 ES Module 驱动的 Web 开发前端构建工具,它能
-
一个开发服务器,它基于
[
原生 ES 模块
](
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules
)
提供了
[
丰富的内建功能
](
https://vitejs.cn/guide/features.html
)
,如速度快到惊人的
[
模块热更新(HMR)
](
https://vitejs.cn/guide/features.html#hot-module-replacement
)
。
-
一套构建指令,生产环境,它使用
[
Rollup
](
https://rollupjs.org/
)
打包你的代码,并且它是预配置的,可输出用于生产环境的高度优化过的静态资源。
<a
name=
"V0wyB"
></a>
<!-- more -->
## 1.2 Vite的特性
-
💡
**极速的服务启动:**
使用原生 ESM 文件,无需打包!
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment