秋风的笔记

其他

准独立开发者的一年, Side Project 每月 4 位数 | 2022年终总结

中自动启动前后端的项目(方便找仓库了https://github.com/hua1995116/mmt[3]以上就是2022年业余生活的独立开发部分了。其他技能层面的话,本来准备写一个
2023年1月21日
其他

用Colab免费部署自己的AI绘画云平台—— Stable Diffusion

webui,密码如果设置了就是你设置的密码。使用教程打开后就是这样一个界面,主要包含了4块功能,text2img,img2img,人脸修复算法,照片清晰化。text2img我们首先来看
2022年9月13日
其他

AI数字绘画 stable-diffusion 保姆级教程

页面然后会提示你登录成功了,如果提示异常应该是你复制错了,这个时候你得点开秘钥,手动复制一下。然后接下来我们就开始拉取模型注意,这里你直接先运行,是会报错了,会显示
2022年9月1日
其他

盘点 10 个 GitHub 上的前端高仿项目

个页面的仿饿了么的大型单页面应用,包括注册、登录、商品展示、购物车、下单等功能。Github:https://github.com/bailicangdu/vue2-elm7.
2022年7月18日
其他

他来了!性能吊打 Node.js 和 Deno 的新一代 javaScript 运行时!

JavaScript,为你未来的基础架构带来性能和复杂性的增强,并通过更好、更简单的工具提高开发者的生产力!性能表现如何?服务端渲染:每秒处理
2022年7月12日
其他

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

https://github.blog/2022-03-02-our-response-to-the-war-in-ukraine/点击阅读原文体验更佳(可以跳外链
2022年3月4日
其他

我的2021年度总结,在探索中持续成长。

star。(此处感谢楠溪辛勤地推广以及对平台的开发建设,希望楠溪同学在2022年再接再厉)各大搜索引擎也能够被搜到了,在没有推广的情况被许多大佬推荐,例如阮一峰周刊、Hello
2022年1月5日
其他

对话Svelte未来,Rust 编译器?构建大型应用?

未来的规划,可以直接跳到第四块内容。每块内容最下方有笔者自己的个人理解(不认同可以跳过),非对话中的内容。1.构建的第一个流行的开源库是什么?如何改变在开源道路上的进程?imgRich
2021年12月20日
其他

从Nuxt文档里发现色彩的配搭诀窍

非常的不稳定,导致木及简历[1]的帮助中心一直挂,一直在寻找一个比较好用,且简单上手的文档搭建系统,最好还是可以私有部署(使用免费服务多半会不稳定,还是自己付费部署香)。最后在偶然之间看到了
2021年11月14日
其他

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

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

教你实现微信8.0『炸裂』的礼花表情特效

fetti.gravity;以上代码看不懂也没事,我只是证明一下源码中的写法,并且提供学习源码的一些思路,以下才是真正的开讲实现!平行四边形的实现实现这个特性前,我们需要知道
2021年2月6日
其他

AVIF - 你不得不了解的图像格式

我还意识到,手动调整每个图像的编解码器设置不能批量化处理。如果需要自动执行图像压缩,可以从一些具有代表性的图像中挑选出一些重要参数,这些参数设置成最优比。设置好之后,把它应用在自动化工具中。
2020年11月5日
其他

谈谈 React 5种最流行的状态管理库

https://dev.to/hectorleiva/how-writing-state-machines-made-me-feel-like-a-programmer-2ndc[13]React
2020年10月15日
自由知乎 自由微博
其他

【通俗易懂】前端需要掌握的设计模式

王君,微医云服务团队前端工程师,一个切菜比切图还快的码农。烹饪有菜谱,游戏有攻略,各个行业都存在一些快捷又高效的“套路”。而编程的“套路”就是设计模式。提到设计模式,相信知道的同学都会脱口而出,五大基本原则(SOLID)和
2020年9月25日
其他

React源码揭秘(三):Diff算法详解

)}他的返回值JSX对象的children属性不是单一元素,而是包含四个对象的数组这种情况下,reconcileChildFibers的newChild参数为Array,在函数内部对应如下情况:if
2020年9月21日
其他

从0实现React 系列(二):组件更新

🌰假设我们有2个更新,更新1的优先级是ImmediatePriority,对应ImmediatePriority的延迟时间是IMMEDIATE_PRIORITY_TIMEOUT,也就是
2020年9月18日
其他

从0实现React 系列(一):React的架构设计

所以我们可以在调度阶段就提前标记好他们,将他们组织成链表的形式。假设图中标红的Fiber代表本次调度该Fiber有effectTag,我们用链表的指针将他们链接起来形成一条单向链表,这条链表就是
2020年9月17日
其他

这就是你日思夜想的 React 原生动态加载

文件。如果去除动态引入改为一般静态引入:图片可以很直观的看到二者文件的数量以及大小的区别。图片以上是资源的动态加载过程,当资源加载完成之后,进入到组件的渲染阶段,下面我们再来看看,Suspense
2020年9月16日
其他

虚拟DOM到底是什么?

render(vdom)app.appendChild(ele)当然在现代化的框架中,一般会有一个组件文件专门用来构造虚拟
2020年9月15日
其他

简化React Hook的5种方法

调用,以防止不必要的重新渲染useEffect钩子非常有用,但是如果使用不当,可能会导致过度渲染。查看自定义钩子时,值得评估你的useEffect调用。我喜欢遵守以下经验法则:如果一个
2020年9月13日
其他

【React】深入理解虚拟dom和diff算法

Dom和diff的结合大大提高了渲染效率。diff算法由最初的O(n^3)复杂度变为了现在的O(n),那么在这其中都做了哪些事情,本篇文章为你揭晓答案~虚拟dom和diff虚拟dom是什么?
2020年9月11日
其他

【redux】从入门到手写实现redux

简单来说,异步的action就是在action中处理一个异步事件,下面我们来举一个例子:在上面todoList例子的基础上,写一下:在增加的时候,我们用定时器对action进行处理:export
2020年9月9日
其他

一文带你层层解锁「文件下载」的奥秘

大家好我是秋风,今天带来的主题是关于文件下载,在我之前曾经发过一篇文件上传的文章(一文了解文件上传全过程(1.8w字深度解析,进阶必备),反响还不错,时隔多日,由于最近有研究一些媒体相关的工作,因此打算对下载做一个整理,因此他的兄弟篇诞生了,带你领略文件下载的奥秘。本文会花费你较长的时间阅读,建议先收藏/点赞,然后查看你感兴趣的部分,平时也可以充当当做字典的效果来查询。:)
2020年9月1日
其他

React 条件渲染最佳实践(7 种方法)

(https://medium.com/@albertchu539/higher-order-components-in-a-react-hooks-world-69fe1f0b0791)。
2020年8月23日
其他

React Hooks中这样写HTTP请求可以避免内存泄漏

https://dev.to/somedood/best-practices-for-es2017-asynchronous-functions-async-await-39ji原作者
2020年8月12日
其他

仿照React源码流程打造90行代码的Hooks

你可能已经看过其他简易的Hooks实现。那么本文和其他实现有什么区别呢?本文的实现完全参照React源码的运行流程。学懂本文,去看React源码,你会发现流程基本一致。这是本实现的在线Demo,建议对照着代码来看本文。工作原理对于useState
2020年8月11日
其他

React Hooks 原理与最佳实践

hoc,中文翻译为高阶组件。从名字上就可以看出来,高阶组件肯定和高阶函数有什么千丝万缕的关系。高阶组件的本质是一个高阶函数,它接收一个组件,返回一个新的组件。在这个新的组件中的状态共享,通过
2020年7月30日
其他

React 中请求远程数据的四种方法

调用的呢?欢迎和我讨论~了解更多信息请戳:https://www.bitnative.com/2020/07/06/four-ways-to-fetch-data-in-react/❤️
2020年7月24日
其他

10 种跨域解决方案(附终极方案)

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessageotherWindow.postMessage(message,
2020年4月14日
其他

一文了解文件上传全过程(1.8w字深度解析,进阶必备)

Node看完formData,可能感觉这个封装还是太高层了,于是我打算对照规范手动来构造multipart/form-data请求方式来进行讲解。我们再来回顾一下规范。Content-type:
2020年3月30日
其他

《模块化系列》snowpack,提高10倍打包速度。

的依赖包,并且需要写很多行的webpack配置。3.ESM在浏览器中使用了大约5年的时间,现在在所有现代浏览器中都受支持(可追溯到2018年初)。使用ESM,不再需要打包工具。您可以在没有
2020年2月19日
其他

Node Napi 实现 C++ 扩展 - LRU 淘汰算法

以及Node原生模块来说,提升没有从更下层编写来的大。不过,这也不妨碍我们的学习,我们先来看看上层的实践,快速搭建应用,然后慢慢地去理解整个过程,也是一个非常好的方式。还有一点就是,N-API是一个
2019年12月23日
其他

函数式编程看React Hooks(二)事件绑定副作用深度剖析

[onMouseMove]);示例效果:https://codesandbox.io/s/friendly-bose-2kxet顿悟现在我们已经完美地解决了我们的问题,并且讲解了
2019年10月8日
其他

函数式编程看React Hooks(一)简单React Hooks实现

calculus)为该语言最重要的基础。而且,λ演算的函数可以接受函数当作输入(引数)和输出(传出值)。面向对象编程介绍(摘自基维百科)面向对象程序设计(英语:Object-oriented
2019年10月7日
其他

开发一个Node命令行小玩具全过程--高颜统计工具

背景命令行工具对于我们来说非常的熟悉,一些命令行的操作也极大的简化了我们的日常工作。本文就基于我写的一个Node命令行代码计数器来进行展开。相信熟悉linux系统的,对于一些ps,grep,cp,mv…等命令用起来应该爱不释手,这也是我想要开发一个便捷命令行的初衷,其次就是记录一个完整开源小玩具的全过程。命令行的特点:操作简便可视性强看了一下当前的一些命令行有以下问题种类少
2018年10月6日