ssssjherr

因为团队规模比较小，没有专门的设计师，就尝试使用Trae + figma + MCP来优化页面样式，没想到效果超级棒，真的惊艳到我了， 非常适合没有设计师提供设计稿的小团队...

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我...

我们都知道 AI 现在写代码越来越溜了，慢慢地替代了我们程序员写代码的部分工作；但其实，AI 的能力不止于此，利用 MCP，它甚至可以直接帮我们把网站部署上线！...

最近看到有小伙伴发了一个小米 SU7 的展示网页，那是相当的酷炫。花了几天功夫，我将上面的特效给还原了出来。...

作为前端，当你入职一家公司，拿到新发的电脑，你会对电脑干点啥，装开发环境？装软件？你是否铺天盖地到处找之前电脑备份的东西？又或者是想不起来有什么上一台电脑好用的软件叫什么名...

背景 base重庆，面试中高级，目标先检验一下自己的水平和能力顺便看看薪资，好直接开始把。 自我介绍 讲了一下自己的技术栈：掌握vue全家桶，底层及上层框架、掌握react...

今年杭州又开始办烟花大会了，那烟花真是漂亮。没有机会现场看的话，作为前端，可以自己实现一个烟花页面。 来跟着我一步一步的把页面实现。...

这两天接到一个项目，是有关全屏视频的，整个项目中分到我这儿最主要的部分就是结束页要求3d贺卡展示，正巧和前几天NingBo童鞋分享的一样，干脆点儿，这次搞个webGL版的。...

在WebGL中有一项很重要的技术 —— 纹理映射。说白了，所谓纹理映射就是将一张图片映射到一个几何图形的表面上去（就像孩童时喜欢在胳膊、手背上贴贴纸一样）😁将“贴纸”贴到...

最近写了一个 Prettier 插件，可以达到这样的效果： 同事每次保存代码的时候，import 语句的顺序都会随机变。 但是他去 prettier 配置文件里还啥也发现不...

向量的基本仿射变换分为平移、缩放和旋转。在学习如何使用 WebGL 绘制 3D 形体前，我们需要学习如何对物体进行仿射变换，比如要看到 3D 物体的不同侧面我们需要学习如何...

对于坐标系相信大家都不陌生，写css的时候大量使用的绝对定位就通过坐标系来描述一个dom的位置。而在WebGL中不仅大量使用了坐标系，还使用了各种各样的坐标系，有的用来描述...

在 Retina 屏下，设置 1px 边框，实际显示 2px，如何解决？总结了几种可行的方式，并一一列出了每种方式的优缺点。...

1. 打开你的Chrome浏览器的 更多工具>扩展程序页面 ， 或者直接在网址输入: chrome://extensions/ 2. 在扩展程序右上角打开开发者选项，然后在...

最近关于 Serverless 的讨论越来越多。看似与前端关系不大的 Serverless，其实早已和前端有了渊源，并且将对前端开发模式产生变革性的影响。本文主要就根据个人...

一个 Proxy 对象包装另一个对象并拦截诸如读取/写入属性和其他操作，可以选择自行处理它们，或者透明地允许该对象处理它们。 Proxy 用于许多库和某些浏览器框架。在本章...

前言 前几天面试的时候，面试官问到了这个问题，感觉自己答的不是特别好，在这里整理一下~ 文章篇幅会比较长，但是看完一定会收获满满~希望你坚持看下去呀~...

之前面试了几个开发者，他们确实做过不少项目，能力也是不错的，但是发现js基础不扎实, 于是决定写一下这篇javascrip数据类型相关的基础文章，其实也不仅仅是因为面试了他...

让人恐惧的夏天也许就过去了，没人知道你在这个夏天、这个今年发生什么，但是我知道。 知道你是努力的，也有可能是缓慢的。不过面对秋天，面对即将到来的国庆小假期，还请继续努力吧，...

this关键字是JavaScript中最复杂的机制之一，是一个特别的关键字，被自动定义在所有函数的作用域中，但是相信很多JvaScript开发者并不是非常清楚它究竟指向的是...