zhw204

作为一个前端开发相信，大家对于vscode非常熟悉。vscode是微软开源的一款基于 Electron 开发的代码编辑器。...

什么是行内代码生成？ 通过一组快捷键（一般为cmd + k)在选中代码块或者光标处唤起 Prompt 命令弹窗，并且快速的应用生成的代码。 提示词系统 首先是完成一个简易的...

流式 Markdown 不再难：Monaco 增量、Mermaid 渐进、KaTeX 极速渲染，Vue 3 开箱即用。在线 Demo 看流畅度，仓库已开放源码，欢迎 Sta...

在这个不为人知的CSS Overflow教程中，你将学到如何处理元素溢出的内容，以及如何利用它们来创建出色的用户体验。此外，还包括如何处理内联元素和块级元素的溢出内容，以及...

浏览器渲染的原理是前端的必修课，今天我们就来聊聊浏览器渲染中合成层的概念，本文将介绍什么是合成层，以及它的一些特性和平常开发中的注意点...

本文介绍 TS 模板字符串类型，它是编译时字符串类型工具（区别于 JS 运行时拼接），可批量处理联合类型、构建复杂类型，实战用于 API 建模、Zustand 状态管理等，...

1. 前置说明 这次再说明下自己对状态图的看法。状态图虽然有非常多的优势（参考上篇文章），如果你想使用，关于是否对整个旧项目进行全量状态图化，这里给一个适应范围是：项目中复...

我...我就是想求求你😭别再手动配路由了，行吗？我写了三年，重复性的手动路由，我写了三年。时间写没了，工作被我写没了。现在好不容易有了约定式路由，你们非说不学。那约定式路...

一、布局类（Layout） 1. flex 将元素设置为弹性容器，使子元素可以根据空间进行弹性布局。 2. grid 创建网格布局，用于复杂页面排版。 3. contain...

SVG 路径动画的实现原理 svg 路径动画的实现，主要依赖于两个 svg 属性(同样适用CSS)，它们分别是： stroke-dasharray : 定义用于绘制形状轮廓...

这个液态玻璃有人觉得好看也有人觉得难看，毕竟一百个读者就有哈姆雷特嘛！我们公司的产品经理觉得好看，它就想让我们也学苹果搞个这样的主题……...

记录Path motion 的实现方式的评价。 1. CSS 首先，第一种是 CSS 实现方式。 采用 offset-path，使用 animation 让 offset-...

一、前言 Webpack热更新是我们开发环境中人人皆知的基本能力，同时也是面试中比较频繁会问到的话题，那里你有没有想过整个过程是怎么实现的？ 本文将从概念 -> 手写实现彻...

还记得小时候在诺基亚上玩得不亦乐乎的贪吃蛇吗？那个简单却又魔性的游戏，一不小心就撞墙或者咬到自己。现在，我将用 10 分钟时间让你学会 AI 自学习玩贪吃蛇代码，而且越玩越...

阅读本文，你将学会：WebWorker + 离屏Canvas 实现多线程并发渲染优化、Canvas画板开发、图像边缘算法、图像粒子化......

一、前言 最近AI在线生成前端代码特别火，很多公司的PD都学会使用这类平台开始生成原型图了。例如blot.new、1D等一系列P2C、D2C的场景。 但这些应用都有一个特性...