小沫

想做的事要立刻去做，想见的人要立刻去见，不要总是踌躇不前，我们生来自由，所以希望我们都有勇气选择自由。...

在最新的Chrome 115中，令人无比期待的CSS 滚动驱动动画(CSS scroll-driven animations)终于正式支持了~有了它，几乎以前任何需要JS监...

Pixi是一个非常快的2D sprite渲染引擎，帮助显示、动画和管理交互式图形，可以轻松地使用JavaScript和其他HTML5技术制作游戏和应用程序。...

每年的苹果新产品发布，其官网都会配套更新相应的单页滚动产品介绍页。其中的动画特效都非常有意思，今年 iPhone 14 Pro 的介绍页不例外。 最近，刚好有朋友问到，其对...

PixiJS是一个轻量级的2D渲染引擎，它能自动侦测使用WebGL还是Canvas来创建图形。这个库经常被用来制作HTML5游戏以及有复杂交互的H5活动页。 页面上就出现了...

总结electon开发过程遇到的一些问题，并给出相关的解决方案。例如打包构建相关问题，系统托盘问题等...

简介 近段时间来，你可能在不少地方都看到了非常多这样的好看的画。 比如这样的赛博朋克风 prompt: Cyberpunk, 8k resolution, castle, ...

在平时，我非常喜欢利用 CSS 去构建一些有意思的图形。 我们首先来看一个简单的例子。首先，假设我们实现一个 10x10 的格子： 此时，我们可以利用一些随机效果，优化这个...

由于现在开发中，前端可以负责的范围越来越大，早已不是仅限制于网页。像 App、小程序、甚至桌面应用，都可以使用前端技术来开发。 所以原来通过前端写 Demo，后端套数据的模...

tsc tsc tsc 命名默认会编译整个项目所有的ts文件,但是也可以自己指定文件名,例如tsc test.ts,但是编译的文件默认和源文件在同一文件夹下，这是因为tsc...

本文主要记录本人在使用 NPM 发布具有样式的 react组件 时的完整实践流程，在这过程中踩了许多坑，花在完善发布脚手架的时间远多于开发组件的时间，于是记录下整个过程，希...

本文旨在介绍 Form Render （FR）这个阿里开源表单解决方案。简述它想解决的问题，我们的理念和解法，这半年走过的路，以及 FR 的未来规划 所见即所得的表单设计器...

1、脚手架的简单雏形；2、脚手架工具体系；3、手写自己的脚手架；4、yeoman 的使用；5、plop 的使用...

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。具有简洁、可读性高、支持广泛的特点。 下面我们用JSON描述了一个商品的基本信...

语音识别是计算机科学和计算语言学的一个跨学科子领域。它可以识别口语并将其翻译成文本，它也被称为自动语音识别（ASR），计算机语音识别或语音转文本（STT）。 机器学习（ML...

前言 husky想必大家都不陌生。作为前端工程化中一个不可或缺的的工具，它可以向我们的项目中添加git hooks。同时配合lint-staged可以方便的在代码提交前进行...

1、所使用插件 规范commit格式：commitizen & cz-conventional-changelog commitizen/cz-cli：需要借助它提供的 g...

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当...