秋风_irwin
码龄6年
  • 354,214
    被访问
  • 68
    原创
  • 8,316
    排名
  • 672
    粉丝
  • 7
    铁粉
关注
提问 私信
  • 加入CSDN时间: 2016-05-11
博客简介:

程序员秋风的博客

查看详细资料
  • 4
    领奖
    总分 768 当月 1
个人成就
  • 获得955次点赞
  • 内容获得282次评论
  • 获得1,155次收藏
  • GitHub 获得4,881Stars
创作历程
  • 4篇
    2022年
  • 21篇
    2021年
  • 3篇
    2020年
  • 2篇
    2019年
  • 2篇
    2018年
  • 35篇
    2017年
  • 3篇
    2016年
成就勋章
TA的专栏
  • Three.js
    1篇
  • WebGL
    4篇
  • 前端轮子
    1篇
  • 前端安全
    3篇
  • JS新技术
    12篇
  • tailwindcss
    1篇
  • 工程化
    3篇
  • webpack
    1篇
  • 前端实践
    1篇
  • Gtihub
    1篇
  • js基础
    14篇
  • 函数作用域
    1篇
  • nodejs
    7篇
  • html5
    1篇
  • ajax
    1篇
  • css
    2篇
  • 生活
    3篇
  • vue
    9篇
  • 算法
    1篇
  • react
    2篇
  • 数据结构
    4篇
  • 二叉树
  • linux
    2篇
  • markdown
    1篇
兴趣领域 设置
  • 前端
    vue.jsreact.js前端框架
  • 后端
    node.js
  • 微软技术
    typescript
  • 职场和发展
    面试
和我做朋友(微信qiufengblue)
qiufeng.png
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

Three.js系列: 造个海洋球池来学习物理引擎

github地址:https://github.com/hua1995116/Fly-Three.js大家好,我是秋风。继上一篇《Three.js系列:   游戏中的第一/三人称视角》今天想要和大家分享的呢,是做一个海洋球池。海洋球大家都见过吧?就是商场里非常受小孩子们青睐的小球,自己看了也想往里蹦跶的那种。就想着做一个海洋球池,然后顺便带大家来学习学习 Three.js 中的物理引擎。那么让我们开始吧,要实现一个海洋球池,那么首先肯定得有“球”吧。因此先带大家来实现一个小球,而恰恰在
原创
发布博客 2022.05.24 ·
95 阅读 ·
0 点赞 ·
0 评论

写了个基于 MacOS + iTerm2 自动打开窗口执行命令的工具

大家好,我是秋风,今天要给大家带来的这个工具是我最近写的 一个 npm 工具。mmt 是基于 MacOS + iTerm2 ,目的主要是为了提高日常生活中的效率,接下来我带大家看看一些常用的一些场景。场景1:单项目多仓库不知道你是否遇到过这样的场景,当你的项目是拥有前后端两个仓库,你总是需要记住多个命令或者是多个目录,而且需要开启多个终端窗口。例如我开发「木及简历」的时候,就会有这样的困扰,明明是非常重复的动作,每次开发的时候却要输入 路径 + 启动命令,这些步骤的重复是完全没有必要的。以上
原创
发布博客 2022.05.18 ·
58 阅读 ·
0 点赞 ·
0 评论

万一 Github不让用了,Gitee同步指南请收好

大家好,我是秋风,最近很多开源项目让一个本该纯粹的地方混入了政治色彩。例如 Node 还有 React 这些超明星级的项目。目前来看 React 的issues 已经沦陷了,大家都在反对一个原本纯粹的地方为什么会有了政治?如果说开源项目涉及了政治,那么github 还会远吗,我不得而知。为了避免造成不必要的损失,因此连夜把自己github 上的项目都同步一份到了 gitee,并且写下了这一份指南。因此我也建议大家未雨绸缪,对自己的github账户进行备份,不管一切,不能让我们本应该有的权益受到
原创
发布博客 2022.03.04 ·
282 阅读 ·
1 点赞 ·
0 评论

Three.js系列: 写一个第一/三人称视角小游戏

大家好,我是秋风,在上一篇 中说到了 Three.js 系列的目标以及宝可梦游戏,那么今天就来通过 Three.js 来谈谈关于游戏中的视角跟随问题。相信我的读者都或多或少玩一些游戏,例如王者荣耀、绝地求生、宝可梦、塞尔达、原神之类的游戏。那么你知道他们分别是什么视角的游戏么?你知道第一人称视角和第三人称视角的差异么?通过代码我们怎么能实现这样的效果呢?如果你对以上问题好奇,并且不能完全回答。那么请跟随着我一起往下看吧。视角讲解首先我们先来看看第一人称视角、第三人称视角的概念。其实对于我们而言 第一人称
原创
发布博客 2022.03.02 ·
3947 阅读 ·
3 点赞 ·
1 评论

Rollup作者新作: Svelte Cubed, 拥抱 Three.js

在2021年11月20日,Svelte 召开了第四次虚拟会议。而会议中最令我眼前一新的当然是 轮子哥 Rich-Harris 带来的 Svelte Cubed 了。科普:轮子哥 Rich-Harris:Svelte、Rollup 作者这个项目亮眼的地方,并不是因为其他的演讲者不好,也并不是因为轮子哥是 Svelte 作者的原因。而是因为他带来的 Svelte-Cubed 和我目前在公司负责项目的技术栈有非常相似的感觉。在公司由于需要开发一个 新 的 H5 项目,因此我采用了较为激进的 Svel
原创
发布博客 2021.12.10 ·
540 阅读 ·
1 点赞 ·
0 评论

利用 FFmpeg 批量自动生成视频封面

最近有一个 H5 页面的需求,里面有非常多的视频,由于视频在 H5 中播放缓冲较慢,因此需要在每一个视频前面加上一个封面,从而来避免白屏的情况。主要使用的 ffmpeg 的语法:ffmpeg -i input.mp4 -ss 00:00:00 -frames:v 1 out.jpg;说明:-i input.mp4 截取的视频的名字-ss 00:00:00 这是视频的第一帧-frames:v 1 这代表单独这1帧out.jpg 要保存的截取的封面文件批量转化脚本,存储为 run.sh ,
原创
发布博客 2021.12.05 ·
1950 阅读 ·
0 点赞 ·
0 评论

一周 8k Star 的 Notion 开源替代品 AppFlowy 诞生

近日 Notion 的开源替代品 AppFlowy 正式发布了,一经发布,在短短一周就获得了近 8k Star。
原创
发布博客 2021.12.03 ·
1687 阅读 ·
0 点赞 ·
0 评论

用tailwindcss适配暗黑模式竟如此简单

接着上面一篇《从Nuxt文档里发现色彩的配搭诀窍》的内容,本文是我继续对 Nuxt/Content 的探索。当我研究它的色彩系统的时候,我还发现它还提供了暗黑模式,这也算是色彩系统的一种吧,毕竟也是和色彩搭配有关。经过一番学习折腾之后发现它的暗黑模式实现非常简单,甚至不需要你对这个模式有多么深刻的理解,只需要设置几个选项就能完成,并且搭配了 tailwindcss 的 color 系统灵活性也非常的好。本文就以 引发作者探索暗黑模式的背景 -> 暗黑模式起源以及重要性 -> tailwindc
原创
发布博客 2021.11.26 ·
857 阅读 ·
0 点赞 ·
0 评论

肝了2天,把终端输出的彩色日志都搬到了浏览器上。

前言前段时间在使用 Travis CI 的时候发现它的部署日志包含了很多带色彩的日志。并且我们知道,在使用命令行终端的时候也会出现这些可爱的色彩。当然我不是为了吹它而吹它,它是有实际的作用的,能够帮助我们快速定位问题!对此我就产生了好奇,Travis CI 是怎么把这些彩色日志搬到浏览器的?我猜想肯定不是通过对关键字词特征识别来做的,因为那样太 low 了。进行了查询后,查到了一个终于查到了关键词,它就是 ANSI escape sequences。ANSI转义序列是带内信令的标准
原创
发布博客 2021.10.24 ·
135 阅读 ·
2 点赞 ·
0 评论

原来emjio 还能用代码这么写。🤣

发布动态 2021.10.22

随时随地能写代码, vscode.dev 出手了

今天偶然看到了 VSCode官方发布了一条激动人心的 twitter,vscode.dev 域名上线了!!!新的域名 vscode.dev 它是一个 web 版的 VSCode 。无论你是在用什么设备,不需要任何依赖,能够让你随时随地在浏览器写代码!!!我们常常在提 Cloud IDE,但是以前的种种似乎都要么只是一个 VSCode 的外壳,要么就是在远端运行了一个镜像来实现。来看看这次它带来一些不一样的地方本地文件查看和编辑插件机制拉取 Github自定义主题本地文件查看和编辑这
原创
发布博客 2021.10.22 ·
904 阅读 ·
1 点赞 ·
1 评论

Vite 打包体积分析,性能提升不再困扰

其实这个问题最好改成 rollup 打包体积分析,但是为什么我会取这个名字呢?其实这主要是由于我的习惯性引起的,因为太久没用一个东西,如果遇到问题,肯定会去围绕它自身去进行搜索。例如遇到 vite 打包分析相关问题,就会在 google 搜索,vite build analyzer然后就打开第一个 issues。然后才反应过来,哦,怎么把 vite 是用 rollup 打包给忘记了呢。这也许会被有些读者嘲讽,“Vite 用 rollup 打包,这都不会?”,但是对于这部分户读者,我想提个问题,高
原创
发布博客 2021.10.19 ·
4703 阅读 ·
4 点赞 ·
2 评论

webpack性能优化-optimization.splitChunks.chunks中的“all“、“async“和“initial“

最初,chunks(以及内部导入的模块)是通过内部 webpack 图谱中的父子关系关联的。CommonsChunkPlugin 曾被用来避免他们之间的重复依赖,但是不可能再做进一步的优化。——摘自 webpack从 webpack v4 开始,移除了 CommonsChunkPlugin,取而代之的是 optimization.splitChunks。而关于 optimization.splitChunks 中的chunks,webpack 官方文档却没有很好的进行举例解释,只说明了 async.
原创
发布博客 2021.10.13 ·
660 阅读 ·
3 点赞 ·
2 评论

WebGL系列 - 裁剪空间矩阵优化

该系列仅为记录自己的学习相关知识。以 2d 的顶点着色器为例 <script id="vertex-shader-2d" type="notjs"> // an attribute will receive data from a buffer attribute vec4 a_position; // all shaders have a main function void main() { // gl_Position is a special var
原创
发布博客 2021.10.09 ·
214 阅读 ·
2 点赞 ·
0 评论

1w字详解从破解某定设计网站谈前端明暗水印(推荐收藏)

前言最近在写公众号的时候,常常会自己做首图,并且慢慢地发现沉迷于制作首图,感觉扁平化的设计的真好好看。慢慢地萌生了一个做一个属于自己的首图生成器的想法。制作呢,当然也不是拍拍脑袋就开始,在开始之前,就去研究了一下某在线设计网站(如果有人不知道的话,可以说一下,这是一个在线制作海报之类的网站 T T 像我们这种内容创作者用的比较多),毕竟人家已经做了很久了,我只是想做个方便个人使用的。毕竟以上用 PS 做着还是有一些废时间,由于组成的元素都很简单,做一个自动化生成的完全可以。但是研究着研究着,就看到了
原创
发布博客 2021.09.17 ·
1710 阅读 ·
59 点赞 ·
22 评论

前端智能化D2C效率提升50%,带你一睹为快

前言前端近年来一直在尝试如何提高开发人员的效率,从最初的脚手架工具、组件库、持续集成体系、自动化测试、多端适配到现在的全面的低代码平台、前端智能化、在线 IDE,大家都在为未来的新的且高效率的方式做着努力。前端行业即将要进入到下一个阶段,因为对于如何搭建组件库、脚手架已经有大量的文章/教程,已经快到了人人可以手撕一个组件库的阶段了,并且随着前端开发人员的技术的普遍提高,枯燥机械式地写代码(样式/布局)已经无法满足开发人员日益增长的追逐技术的心了,因此需要智能化布局来解放这些枯燥的工作。落后就要挨打,我
原创
发布博客 2021.08.24 ·
1122 阅读 ·
33 点赞 ·
42 评论

我给鸿星尔克写了一个720°看鞋展厅

最近因为鸿星尔克给河南捐了5000万物资,真的是看哭了很多的网友,普通一家公司捐款5000万可能不会有这样的共情,但是看了鸿星尔克的背景之后,发现真的是令人心酸。鸿星尔克2020年的营收是28亿,但是利润却是亏损2个亿,甚至连微博的官方账号都舍不得开会员,在这种情况下,还豪气地捐赠5000万,真的是破防了。网友还称鸿星尔克,特别像是老一辈人省吃俭用一分一毛攒起来的存款,小心翼翼存在铁盒里。一听说祖国需要,立马拿出铁盒子,哗~全导给你。让上最贵的鞋,拿出了双 249 的。然后我去鸿星尔克的官网看了看他.
原创
发布博客 2021.07.28 ·
31676 阅读 ·
651 点赞 ·
121 评论

哭了,21k Star 的 Yapi 被黑客入侵了

事情是这样的,由于我们项目使用了这个 Yapi 项目,前几天收到了安全组的预警通知,说 Yapi 被爆出了安全漏洞,新注册的用户,可以在你的服务器执行任意代码,删除任意东西,让我紧急修改!!心想这么大个开源项目(21.7k),居然有这么严重的安全漏洞,不应该呀。相信很多小伙伴都用过这款开源软件来用作接口管理工具,但是为了防止有一些小伙伴不知道这个库是干嘛的,我就大概介绍一下。YApi (https://github.com/YMFE/yapi)是高效、易用、功能强大的 api 管理平台,旨在为开发
原创
发布博客 2021.07.20 ·
1005 阅读 ·
2 点赞 ·
2 评论

尤大亲自评测 Vue3 和 Svelte(19个组件后Vue更好!)

近日尤大亲自创建了一个仓库用来对 Svelte 和 Vue3 组件进行了评测。这其实对我来说非常的感兴趣,因为我最近在业务项目中采用了 Svelte 进行了开发。那么到底结果到底是如何呢?(期待的眼神,以为尤大要写 Svelte 代码来进行评测了。Vue 大家都很熟悉了,如果你不知道 Svelte 是啥?可以看后起之秀前端框架 Svelte 从入门到原理。大体介绍一下,Svelte 是一个 No Runtime —— 无运行时代码 的框架。下面是Jacek Schae大神的统计,使用市面上主流的
原创
发布博客 2021.07.12 ·
2569 阅读 ·
3 点赞 ·
0 评论

又来了!10分钟实现微信 “炸屎“大作战

大家好,我是秋风,近日,微信又发布了新功能(更新到微信8.0.6)。最火热的非"炸屎"功能莫属了,各种群里纷纷玩起了炸屎的功能。不知道大家是否经历过那样一个时候,小时候过年也会看到邻家小孩干这种恶趣味,没想到微信给它做成了一个线上版本。这个功能发明,连创造产品的本人也进行了调侃。但是能做一个功能让全民玩的开心,也不枉产品的出现的意义了。之前在微信8.0 更新的时候,我也写过一篇《教你实现微信8.0『炸裂』的礼花表情特效》。之前一篇文章中我是用 canvas 来实现的,上次在文章末有人评论,可以通过
原创
发布博客 2021.06.03 ·
935 阅读 ·
4 点赞 ·
1 评论
加载更多