苏一恒-CSDN博客

苏一恒

码龄14年

484,925

总访问量
166

原创
1,712

粉丝
29

关注

IP 属地：上海市

目前就职：深圳市腾讯计算机系统有限公司

加入CSDN时间： 2012-08-28

个人简介：一个博主的自我修养：从扎实的基础到深入浅出，不要做知识的搬运工。

查看详细资料

个人成就

获得514次点赞
内容获得225次评论
获得1,538次收藏
代码片获得1,577次分享
博客总排名2,494,726名
原力等级

原力等级

4

原力分

977

本月获得

10

TA的专栏

TA关注的专栏 1

TA关注的收藏夹 0

TA关注的社区 2

TA参与的活动 1

兴趣领域设置

前端

javascriptcssreact.jses6前端框架
后端

node.js
学习和成长

面试

创作活动更多

领算力，参加 2026 AMD AI 开发者征文挑战赛

从口袋里的个人电脑到云端的超大规模集群，AI 的浪潮正在重塑每一个计算节点。你是热衷于在本地压榨 NPU 潜能的极客？还是擅长在云端重构高性能内核的架构师？或者是利用 Radeon 显卡打造高性价比 AI 工作站的开发者？ AMD 联合 CSDN 开启“全场景 AI 征文大赛”，诚邀广大开发者分享基于 AMD 处理、显卡及 ROCm 平台的实战经验、优化技巧与创新应用。丰厚奖金与旗舰硬件已备齐，只等你用文字定义算力的未来！ ![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/fb562f7b0ec34b0f99521abd6da2f01d.png#pic_center)

65人参与去参加

更多

WebStorm 调试 ts 的内联变量配置(bun 不生效)

WebStorm支持通过ts-node调试TS文件时在编辑面板展示变量，相比Bun运行TS文件只能显示简单结果更为优雅。该方法可方便mock变量并增强监视功能，提升调试体验。配置后可在编辑区直观查看变量值（如箭头所示），比传统控制台输出更直观高效。

博文更新于 2026.04.20 ·

记录一次scrollTo和scrollBy不生效的原因

至于是哪个滚动, 打开开发者工具, 在 more tools 里找到 layers, 图层里找到滚动列表里最长的元素,scrollTo 要设置到滚动的元素上, 不一定是父元素, 也不一定是 window 啥的.发现所有文章都没说到点子上, 简单记录下.然后,找到这个元素,对他设置滚动即可.

博文更新于 2024.03.22 ·

当行业价值带来的收益大于个人能力时，需要谨慎高估自己的未来持续性收益。包含但不限于贷款、事业等

发布动态 2023.01.31

记录一次Mac M1 WebStorm 的性能优化记录

电脑MacOSBigSur v11.6，M1，16g内存。webstorm 性能优化

博文更新于 2022.07.21 ·

mkcert生成本地SSL证书+Nginx搭建HTTPS，并反向代理到web页面

以下操作皆在mac环境下，win朋友请自行调整命令。生成证书安装mkcertbrew install mkcertbrew install nss # if you use Firefox生成根证书mkcert -install通过“钥匙串访问.app”搜索mkcert，并信任证书。生成个人证书mkcert my.com localhost 127.0.0.1证书文件在执行目录中，成功创建之后，会在该目录下生成如下两个文件：证书 XXX.pem私钥 XXX-key.pemNg

博文更新于 2021.07.07 ·

ibag——可视化前端脚手架工具，包含CLI和Web引导页

这个是我的本科毕业设计，也算是对自己的大学前端知识的一个汇总。毕业快乐！介绍ibag是一个可视化的、快速的、可定制化的前端脚手架！目前已支持React和Vue。为什么要用ibag对于很多前端开发者，创建一个React/Vue项目后，需要引入一些其他辅助库，如ESlint、Mocha等等，在安装完依赖后，还需要根据相应地文档创建某些配置文件或写相关脚本等等，ibag将以上的流程整合自动化起来，开发者可以自由地根据自己的需求，在可视化的Web页面上勾选辅助库的选项，剩下的就交给ibag吧！特性.

博文更新于 2021.07.02 ·

为Github库添加Packages

克隆项目到本地git clone https://github.com/***/npm-repo.git初始化npm，添加namenpm init --scope=github用户名这–scope的目的是为了把name:repo改成name:@827652549/repo的形式，这个是github packages必须要求的。添加一个github的token进入https://github.com/settings/tokens/new，勾选repo、 write:packages rea

博文更新于 2021.05.27 ·

【成长必备】我为什么推荐你写博客？愿你多年以后成为你想成为的样子。

【成长必备】我为什么推荐你写博客？文章目录【成长必备】我为什么推荐你写博客？文章脉络什么是博客?博客介绍作者的博客博客优势文章选材文章多样化选择一个合适的平台流量平台独立平台编辑方式富文本编辑器Markdown介绍去学习一下Markdown语法吧！在哪找到Markdown编辑器？结语原创声明文章脉络什么是博客?博客介绍博客（Blogger、Blog），原称“网络日记”，随着互联网的发展，博客的主题已经不再限制于日记了。在这个时代，博客更像是一种“创作集”，不受限于个人或组织，丰富的主题包含了艺术

博文更新于 2021.04.21 ·

害

发布动态 2021.02.10

重学JavaScript系列——（六）集合引用类型

重学JavaScript系列——（六）集合引用类型博主以扎实JavaScript基础为目的，以《JavaScript高级程序设计（第四版）》为核心参考资料，以一个“复习者”的角度有针对性地来创作这期专栏。文章加入了博主的很多思考和开发经验，关注初学JavaScript时容易忽略的地方，着重总结了ECMAScript新标准知识点的特性和应用场景。最终，本专栏将覆盖完整的JavaScript知识体系，以辅佐各路豪杰在开发路上的稳步前进。专栏传送门：https://blog.csdn.net/huoyihe

博文更新于 2021.01.30 ·

重学JavaScript系列——（五）基本引用类型

重学JavaScript系列——（五）基本引用类型博主以扎实JavaScript基础为目的，以《JavaScript高级程序设计（第四版）》为核心参考资料，以一个“复习者”的角度有针对性地来创作这期专栏。文章加入了博主的很多思考和开发经验，关注初学JavaScript时容易忽略的地方，着重总结了ECMAScript新标准知识点的特性和应用场景。最终，本专栏将覆盖完整的JavaScript知识体系，以辅佐各路豪杰在开发路上的稳步前进。专栏传送门：https://blog.csdn.net/huoyihe

博文更新于 2021.01.21 ·

【绘制】HTML5 Canvas 实现任意圆角多边形

我的处女作《Canvas系列教程》在我的Github上正在连载更新，希望能得到您的关注和支持，让我有更多的动力进行创作。教程介绍、教程目录等能在README里查阅。传送门：https://github.com/827652549/CanvasStudy文章目录介绍思路利用arc或arcTo实现圆角找到圆角起点的解析几何函数当用户输入异常值（redius大于边长的处理方案）介绍已知数组...

博文更新于 2020.04.23 ·

2019年第十届蓝桥杯JavaB组真题

我的处女作《Canvas系列教程》在我的Github上正在连载更新，希望能得到您的关注和支持，让我有更多的动力进行创作。教程介绍、教程目录等能在README里查阅。传送门：https://github.com/827652549/CanvasStudy考试文件夹已经上传到github上，如果给了你帮助，请手动点start，谢谢https://github.com/8276525...

博文更新于 2019.08.30 ·

排序算法中In-place和Out-place是什么意思？

在排序算法中，我们可能会遇到In-place和Out-placein-place 占用常数内存，不占用额外内存out-place 占用额外内存In-place假如问题规模是n，在解决问题过程中，只开辟了常数量的空间，与n无关，这是原址操作，就是In-place。举个例子：/** * 冒泡排序 * @param {Array} arr 传入一个数组,按照从小到大排序 * @r...

博文更新于 2020.02.24 ·

13715 阅读 ·

CSS中id选择器失效，代码看起来没问题

我的处女作《Canvas系列教程》在我的Github上正在连载更新，希望能得到您的关注和支持，让我有更多的动力进行创作。教程介绍、教程目录等能在README里查阅。传送门：https://github.com/827652549/CanvasStudy最近在学习CSS3的时候，无意间发现这段代码竟然没有显示出对应的样式效果<!DOCTYPE html><h...

博文更新于 2019.08.30 ·

React下styled-components中使用外部字体@font-face

我的处女作《Canvas系列教程》在我的Github上正在连载更新，希望能得到您的关注和支持，让我有更多的动力进行创作。教程介绍、教程目录等能在README里查阅。传送门：https://github.com/827652549/CanvasStudy在styled-components中，不能在反单引号中写路径import styled from 'styled-compo...

博文更新于 2019.08.30 ·

【绘制】HTML5 Canvas自定义坐标变换。transform()和setTransform()的介绍和使用

介绍我们之前实现了旋转(rotate)、缩放(scale)和平移(translate)，但是如果要实现更加复杂的坐标变换如“错切”就没那么容易了。错切效果图所以，接下来介绍更加基础的方法，来实现自定义的坐标变换。不仅能够实现旋转、错切和平移，也能够实现错切等等坐标变换。自定义坐标变换我们使用两个用于坐标变换的方法。CanvasRenderingContext2D对象...

博文更新于 2019.09.19 ·

mac npm install XX权限权限报错的完美解决方法(修改npm全局安装包的位置，解决EACCES权限拒绝问题)

简介在macOS系统下，npm默认的全局安装路径是在/usr/local/lib/node_modules下。例如：当我们执行npm i -g vue-cli时，实际上是把vue-cli这个模块安装到了/usr/local/lib/node_modules目录下了。 ⚠️注意：/usr/local/lib这个是系统目录，会有权限问题，虽然可以使用sudo执行，但是还是有部分机器，即...

博文更新于 2019.09.17 ·

【绘制】HTML5 Canvas 剪纸效果（镂空效果）

我的处女作《Canvas系列教程》在我的Github上正在连载更新，希望能得到您的关注和支持，让我有更多的动力进行创作。教程介绍、教程目录等能在README里查阅。传送门：https://github.com/827652549/CanvasStudy圆环剪纸我们运用所学到的路径、阴影与非零环绕规则等知识，实现如图圆环剪纸(cutout)效果。这是用JavaScript...

博文更新于 2019.09.15 ·

【绘制】HTML5 Canvas 中渐变色和图案（图文、示例）

我的处女作《Canvas系列教程》在我的Github上正在连载更新，希望能得到您的关注和支持，让我有更多的动力进行创作。教程介绍、教程目录等能在README里查阅。传送门：https://github.com/827652549/CanvasStudy目录渐变色线性渐变用法代码示例效果演示放射渐变线性渐变和放射渐变的演示链接图案说明...

博文更新于 2019.09.15 ·