北冥有鱼其名为坤

大家好!😁。 Code Review 的时候，我最怕看到什么？ 不是复杂的算法，也不是什么正则。而是明明一个 HTML 标签就能搞定的事，有人非要写几百行 JS + CS...

今天带大家盘点一下前端的一些冷知识。 一、浏览器地址栏的妙用 1.1 可以执行javascript代码 在地址栏中输入javascript:alert('hello wor...

CSS从2.1到CSS3（Selectors Level3），再到最新的CSS Selectors Level4，已经迭代出了超多实用特性。这些选择器能帮你少写N行冗余代码...

今天给大家介绍 **CSS 路径动画** —— 这玩意儿简直是网页 “气氛组天花板”！能让云朵沿着曲线飘，让小车顺着赛道跑，甚至能让文字绕着圈跳舞，瞬间让静态页面活过来！...

大家好，我是双越老师。很多前端同学想做 AI 开发但是不会 Nodejs ，本文就是非常详细的 Nodejs 入门资料，帮助前端同学快速入门 Nodejs 并开启 AI 开...

油猴（Tampermonkey）是一款浏览器插件，允许用户在网页加载时注入自定义的 JavaScript 脚本，来增强、修改或自动化网页行为（你可以理解为轻量版谷歌扩展插件...

本文以图文并茂的方式讲解了css steps逐帧动画的逻辑。并实现了几个小demo帮助大家理解逐帧动画的使用，包括css实现坤坤跳舞，打字机效果“只因你太美”等，欢迎阅读点...

一、什么是 AI 提示词？ AI 提示词（Prompt）  是用户与人工智能模型（如 ChatGPT、豆包、DeepSeek、文心一言等）交互时输入的指令、描述或问题，用于...

大家好。 算起来，今年是我写前端代码的第八个年头了。 我刚入行的时候，是个纯粹的“技术宅”。我坚信一个道理：只要我把最新的框架玩得最熟，把最难的API研究得最透，把代码写得...

async/await 是 ES2017 引入的新语法，它基于 Promise 实现，使异步代码的编写和阅读更加直观。简单来说： async 函数是一种特殊的函数，它的返回...

脉络探索 作为超出JS语言本身知识范围的包管理工具，本不该被规划到这次JS高级系列中，而应该归属于Node生态链中的内容，但由于在实际项目中占比越来越高了，高到不用不行的程...

GSAP 全称为 GreenSock Animation Platform，是 GreenSock 提供的一个制作动画的成熟的JavaScript库。 TweenLite：...

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

fabric.js 实现商品定制预览效果的四种思路，简单的对产品进行颜色、图片的修改后，直接下单，获得自己独一无二的商品。...

说到css-doodle，那要追回到第五届CSS大会，那是袁川大佬在css大会首秀，属实惊艳。袁川大佬当时演讲的PPT：https://yuanchuan.dev/talk...

面试的时候经常会问到手机端应用 App 怎么跟 h5 通信的问题，什么是 JSBridge？说实话，之前没有认真研究过，最近入职了新公司正好是 App 和 h5 混合开发模...

靓仔，听说你想有学习 Jenkins 的打算，欢迎看我的这篇 Jenkins 入门教程后，看完还不会 Jenkins，那你可以顺着网线过来打我。...

本文并不是介绍如何将一个网页配置成离线应用并支持安装下载的。研究PWA的目的仅仅是为了保证用户的资源可以直接从本地加载，来忽略全国或者全球网络质量对页面加载速度造成影响。当...

今天我们来继续了解在泡泡龙游戏中，泡泡是如何发射，移动，反弹和停靠的。这一节里会涉及到比较多的数学运算，不过完全不用担心，试着找一张纸和一支笔，画一画，很容易理解的。...

在 23 年的 CSS 新特性中，有一个非常重要的功能更新 -- 相对颜色。 简单而言，相对颜色的功能，让我们在 CSS 中，对颜色有了更为强大的掌控能力。 其核心功能就是...