Skip to content

Commit

Permalink
feat: 更新链接内容
Browse files Browse the repository at this point in the history
  • Loading branch information
梁怀刚 committed Jul 12, 2024
1 parent f3729f0 commit e7ee780
Show file tree
Hide file tree
Showing 9 changed files with 15 additions and 15 deletions.
2 changes: 1 addition & 1 deletion blog/2016-04-30-Web端裁剪图片方法.md
Original file line number Diff line number Diff line change
Expand Up @@ -130,4 +130,4 @@ var blob=new Blob(\[ia], {type:"image/png"});
在后台可以将Blob格式的数据转换成image保存。
> 原文标题:Web端裁剪图片方法\
> 原文链接:[https://segmentfault.com/a/1190000004268074](https://segmentfault.com/a/1190000004268074?ref=zhelin.me)
> 原文链接:[https://segmentfault.com/a/1190000004268074](https://segmentfault.com/a/1190000004268074?ref=harrypoint.github.io)
Original file line number Diff line number Diff line change
Expand Up @@ -199,9 +199,9 @@ requestID = window.webkitRequestAnimationFrame(callback); // Older versions Chro
}());
```

这样,我们就可以放心的使用这个方法了。但仅限于现代浏览器。IE9+是没问题的。至于它的其他信息可以点击[这里查询](https://developer.mozilla.org/zh-CN/docs/Web/API/Window/requestAnimationFrame?ref=zhelin.me)
这样,我们就可以放心的使用这个方法了。但仅限于现代浏览器。IE9+是没问题的。至于它的其他信息可以点击[这里查询](https://developer.mozilla.org/zh-CN/docs/Web/API/Window/requestAnimationFrame?ref=harrypoint.github.io)

**效果:**


需要源码的同学可以点击[这里下载](https://github.com/ZhelinCheng/jquery.Barrage?ref=zhelin.me)
需要源码的同学可以点击[这里下载](https://github.com/ZhelinCheng/jquery.Barrage?ref=harrypoint.github.io)
8 changes: 4 additions & 4 deletions blog/2017-02-18-CSS3硬件加速技巧.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ tags: [daily]

<!--truncate-->

事情要从最近看的《[WebKit技术内幕](http://book.douban.com/subject/25910556/?ref=zhelin.me)》说起,第二章介绍了网页的结构,其中提到了Webkit硬件加速的方式,会把需要渲染的元素放到特定的『Composited Layer』中,在chrome的控制台可以这样开启:
事情要从最近看的《[WebKit技术内幕](http://book.douban.com/subject/25910556/?ref=harrypoint.github.io)》说起,第二章介绍了网页的结构,其中提到了Webkit硬件加速的方式,会把需要渲染的元素放到特定的『Composited Layer』中,在chrome的控制台可以这样开启:

![CSS3硬件加速技巧](https://cdn.jsdelivr.net/gh/HarryPoint/oss@main/uPic/2024-07-12_15:06:02_rJ2GXd.png)

Expand All @@ -35,7 +35,7 @@ tags: [daily]

头部的那个轮播动画元素的存在居然会导致下面所有相对和绝对定位的元素都被放到复合层中。。。

查了一些 [资料](http://www.html5rocks.com/zh/tutorials/speed/layers/?ref=zhelin.me)
查了一些 [资料](http://www.html5rocks.com/zh/tutorials/speed/layers/?ref=harrypoint.github.io)

> 层创建标准
>
Expand All @@ -62,7 +62,7 @@ tags: [daily]

![二维码](http://qr.liantu.com/api.php?text=http://fouber.github.io/test/layer/)

链接:[http://fouber.github.io/test/layer/](http://fouber.github.io/test/layer/?ref=zhelin.me)\
链接:[http://fouber.github.io/test/layer/](http://fouber.github.io/test/layer/?ref=harrypoint.github.io)\
我在上面这个页面中放置了一个h1标题,应用了translate3d动画,使得它被放到composited layer中渲染,然后在这个元素后面创建了2000个list,每个list中都有一个图片,一个标题和一个日期显示,其中图片和日期显示是绝对定位,父容器li是相对定位,然后,各位可以按照前述的说明打开chrome的『show composited layer borders』选项看看这个页面的内容复合层分布:

![CSS3硬件加速技巧](https://cdn.jsdelivr.net/gh/HarryPoint/oss@main/uPic/2024-07-12_15:07:52_NxYN8F.jpg)
Expand Down Expand Up @@ -101,4 +101,4 @@ setInterval('document.body.scrollTop++', 0);

> 原文标题:《CSS3硬件加速技巧》\
> 原文作者:前端农民工\
> 原文链接:[http://caibaojian.com/css3-animation-3d.html](http://caibaojian.com/css3-animation-3d.html?ref=zhelin.me)
> 原文链接:[http://caibaojian.com/css3-animation-3d.html](http://caibaojian.com/css3-animation-3d.html?ref=harrypoint.github.io)
2 changes: 1 addition & 1 deletion blog/2018-04-22-再谈JavaScript作用域.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ tags: [daily]

两年前我第一次看到这句话还是答不出作用域是啥,虽然已经在脑海里有一个大致的轮廓。我觉得我应该继续深究一下,作用域究竟是啥。

该文章我也在掘金上有发布,[点击此处前往掘金](https://juejin.im/post/5ae2f3566fb9a07a9b35af6a?ref=zhelin.me)
该文章我也在掘金上有发布,[点击此处前往掘金](https://juejin.im/post/5ae2f3566fb9a07a9b35af6a?ref=harrypoint.github.io)

### 什么是编译?

Expand Down
4 changes: 2 additions & 2 deletions blog/2018-05-06-简述Node.js内存限制.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ tags: [daily]

做为前端工程师的我们,大多使用Node做一做小工具,这大多是短时间执行的场景,即使内存使用过多或是内存泄漏,也只会影响到我们使用者,随着进程的退出,内存也会释放。但面对Node服务端应用的开发,内存管理这样一个话题就不可避免的摆在了我们面前。虽然我对Node的认知也比较浅薄,但觉得也有必要将知道的内存相关知识整理一下。

第一次看重内存管理是在做[推妹子前端占位图](https://tuimeizi.cn/?ref=zhelin.me)的时候,顺便了解了一下相关知识,算下来正好快一年了。基于Node无阻塞、事件驱动建立的网络服务,本身就具有内存消耗低的优点,但面对海量的图片处理请求,也不得不让我考虑超低配云服务器内存的问题。
第一次看重内存管理是在做[推妹子前端占位图](https://tuimeizi.cn/?ref=harrypoint.github.io)的时候,顺便了解了一下相关知识,算下来正好快一年了。基于Node无阻塞、事件驱动建立的网络服务,本身就具有内存消耗低的优点,但面对海量的图片处理请求,也不得不让我考虑超低配云服务器内存的问题。

<!--truncate-->

Expand All @@ -21,7 +21,7 @@ tags: [daily]

之所以会产生内存被限制的情况,是因为V8的是针对浏览器的,所以V8这套内存管理机制在该场景下使用起来绰绰有余,完全可以胜任浏览器运行JS的各种情况。但也是正因如此,限制了Node开发者使用大内存的想法。

那在开发中我们怎么查看内存的使用情况呢?我们可以使用[`process.memoryUsage()`](https://nodejs.org/api/process.html?ref=zhelin.me#process_process_memoryusage)方法。那么这个方法会返回一个对象:
那在开发中我们怎么查看内存的使用情况呢?我们可以使用[`process.memoryUsage()`](https://nodejs.org/api/process.html?ref=harrypoint.github.io#process_process_memoryusage)方法。那么这个方法会返回一个对象:

* rss: Resident Set Size的简写,及进程常驻内存
* heapTotal: 堆中申请的内存总大小
Expand Down
2 changes: 1 addition & 1 deletion blog/2019-09-18-Nest.js学习笔记.md
Original file line number Diff line number Diff line change
Expand Up @@ -184,7 +184,7 @@ async create(@Body() createCatDto: CreateCatDto) {
}
```

但是 TypeScript 类型是静态的、编译时类型,当编译成 JavaScript 后在运行时并没有任何类型校验。这时我们就需要自己去验证,或者借助第三方工具、库来验证。类验证器:[class-validator](https://github.com/pleerock/class-validator?ref=zhelin.me)
但是 TypeScript 类型是静态的、编译时类型,当编译成 JavaScript 后在运行时并没有任何类型校验。这时我们就需要自己去验证,或者借助第三方工具、库来验证。类验证器:[class-validator](https://github.com/pleerock/class-validator?ref=harrypoint.github.io)

### ValidationPipe使用

Expand Down
4 changes: 2 additions & 2 deletions blog/2022-03-18-React核心回顾.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ tags: [daily]

### 1. 为什么ES语法中有Generator可以实现异步、中断、恢复的功能,React团队还要重新设计呢?

> [Fiber Principles: Contributing To Fiber #7942](https://github.com/facebook/react/issues/7942?ref=zhelin.me#issuecomment-254987818)
> [Fiber Principles: Contributing To Fiber #7942](https://github.com/facebook/react/issues/7942?ref=harrypoint.github.io#issuecomment-254987818)
* 类似async,Generator也是传染性的,使用了Generator则上下文的其他函数也需要作出改变。这样心智负担比较重;
* Generator执行的中间状态是上下文关联的;
Expand All @@ -18,7 +18,7 @@ tags: [daily]

### 2. Fiber架构的实现原理?

> [React Fiber Architecture](https://github.com/acdlite/react-fiber-architecture?ref=zhelin.me)
> [React Fiber Architecture](https://github.com/acdlite/react-fiber-architecture?ref=harrypoint.github.io)
#### 2.1 Fiber含义

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ tags: [daily]

## 1. 开始之前

在开始写之前,我们要知道 RouterOS 脚本使用的是 MikroTik RouterOS 特定的脚本语言,它是一种专为 MikroTik 路由器设备设计的脚本语言。这个脚本语言被用于配置和自动化 MikroTik 路由器上的各种任务和功能。这种脚本语言与一般的编程语言略有不同,具体的语法和功能集是为了满足 MikroTik RouterOS 的特定需求而设计的。所以,在开始之前我们需要了解基本的语法:[Scripting - RouterOS](https://help.mikrotik.com/docs/display/ROS/Scripting?ref=zhelin.me) ,不过幸运的是,这个语法并不难。
在开始写之前,我们要知道 RouterOS 脚本使用的是 MikroTik RouterOS 特定的脚本语言,它是一种专为 MikroTik 路由器设备设计的脚本语言。这个脚本语言被用于配置和自动化 MikroTik 路由器上的各种任务和功能。这种脚本语言与一般的编程语言略有不同,具体的语法和功能集是为了满足 MikroTik RouterOS 的特定需求而设计的。所以,在开始之前我们需要了解基本的语法:[Scripting - RouterOS](https://help.mikrotik.com/docs/display/ROS/Scripting?ref=harrypoint.github.io) ,不过幸运的是,这个语法并不难。

## 2. 脚本编写

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -96,4 +96,4 @@ tags: [daily]

## 3. 参考资料

1. [MikroTik RouterOS 分流策略 - 根据IP地址段进行不同的路由](https://www.simaek.com/archives/299/?ref=zhelin.me)
1. [MikroTik RouterOS 分流策略 - 根据IP地址段进行不同的路由](https://www.simaek.com/archives/299/?ref=harrypoint.github.io)

0 comments on commit e7ee780

Please sign in to comment.