首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
HTML基础
ErpanOmer
创建于2024-12-31
订阅专栏
让你拥有最基础的HTML知识
等 27 人订阅
共60篇文章
创建于2024-12-31
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Canvas 粒子特效:带你写一个黑客帝国同款的代码雨(附源码)😆
大家好,来了来了😁。 如果你问我,电影史上有哪个镜头,让无数少年瞬间燃起了对计算机世界的无限向往? 我会毫不犹豫地回答: 《黑客帝国》(The Matrix)开场的那一幕数字雨。 无数绿色的字符,像瀑
检测开发者工具是否打开?这几种方法让黑客无处遁形🤣
大家好,我来了😁。 前端代码在浏览器里是裸奔的。——这几乎是所有开发者的共识。 只要用户按一下 F12,你的源码、你的接口、你的数据结构,全部一览无余。黑客可以修改你的变量,脚本小子可以刷你的接口,竞
为什么永远不要相信前端输入?绕过前端验证,只需一个 cURL 命令!
大家好😁。 上个月 Code Review,我拦下了一个新人的代码。 他写了一个转账功能,前端做了极其严密的校验: 金额必须是数字。 金额必须大于 0。 余额不足时,提交按钮是 disabled 的。
利用 link rel="prefetch":如何让用户的页面秒开?
大家好,我又来了😁。 我们做性能优化,通常盯着的是 首屏加载速度(FCP, LCP)。我们压缩图片、拆分代码(Code Splitting)、上CDN... 拼了老命把首屏时间从 2s 压到了 1s。
如何用隐形字符给公司内部文档加盲水印?(抓内鬼神器🤣)
大家好😁。 上个月,我们公司的内部敏感文档(PRD)截图,竟然出现在了竞品的群里。 老板大发雷霆,要求技术部彻查:到底是谁泄露出去的?😠 但问题是,文档是纯文本的,截图上也没有任何显式的水印(那种写着
这 5 个冷门的 HTML 标签,能让你少写 100 行 JS
大家好!😁。 Code Review 的时候,我最怕看到什么? 不是复杂的算法,也不是什么正则。而是明明一个 HTML 标签就能搞定的事,有人非要写几百行 JS + CSS 去重新发明轮子 。 前几天
npm scripts的高级玩法:pre、post和--,你真的会用吗?
我们每天的开发,可能都是从一个npm run dev开始的。npm scripts对我们来说,天天用它,但很少去思考它。 不信,你看看你项目里的package.json,是不是长这样👇: 这能用吗?当
重新思考CSS Reset:normalize.css vs reset.css vs remedy.css,在2025年该如何选?
我带团队Review一个新项目的启动代码时,有一个文件我一定会仔细看,那就是CSS Reset。 它虽然不起眼,但却像我们整个CSS架构的地基。地基打不好,上面的楼盖得再漂亮,也容易出问题,后期维护成
都2025年了,我们还有必要为了兼容性,去写那么多polyfill吗?
最近在Code Review里,我看到一个新同学在一个vite.config.js里,习惯性地加上了@vitejs/plugin-legacy,用来支持旧版浏览器。 我问他:“我们的目标用户里,真的还
Token已过期,我是如何实现无感刷新Token的?
我们来想象一个场景:你正在一个电商网站上,精心挑选了半小时的商品,填好了复杂的收货地址,满心欢喜地点击提交订单 Button。 突然,页面Duang🎈地一下,跳转到了登录页,并提示你:“登录状态已过期
我为什么认为 CSS-in-JS 是一个失败的技术?
在2025年的今天,我想说一句可能会被很多同行喷的话🤯: 我个人认为,以styled-components和Emotion为代表的、在运行时注入样式的CSS-in-JS技术,从长远来看,是一项失败的技
深入URL和URLSearchParams:别再用正则表达式去折磨URL了
我在Code Review里最怕看到的代码之一,就是手写正则去解析URL参数。 每次看到类似下面这样的代码,我的血压就忍不住要升高: 或者这种split链式调用: 这段代码,乍一看好像能用。但作为工程
我最近面试前端,发现一个很有意思的现象..
最近一个月,为了给团队补充新鲜血液,我密集面试了差不多20位前端候选人,从刚毕业的新人到有三五年经验的都有。 面试得多了,我发现一个很有意思,甚至有点反常识的现象:现在很多候选人的知识结构,好像是个倒
前端监控实战:从性能指标到用户行为,我是如何搭建监控体系的
还在当一线开发的时候,我最怕半夜接到电话,说:线上出问题了!!!。 那时候我们对线上环境几乎是两眼一抹黑。一个功能发布后,它在线上跑得快不快、有没有报错、用户到底喜不喜欢用,我们一概不知。出了问题,只
我给团队做分享:不聊学什么,而是聊可以不学什么
上周,我看到我们组一个很努力的新人,午休时间还在看一篇关于“Astro Island Architecture”的文章,眉头紧锁。 我走过去问他,最近在研究这个吗? 他说:“不是,就是看社区里大家都在
Cookie Store API:用Promise的方式,告别手写document.cookie
如果要评选一个前端最“反人类”的Web API,document.cookie绝对能排进前三。 干了这么多年,我每次在代码里看到需要手动拼接、用正则表达式去解析document.cookie的场景,都
原生<dialog>元素:别再自己手写Modal弹窗了!
Modal弹窗,可以说是我们前端UI界面里的“标配”了。但这个组件,恰恰是团队里代码质量的“重灾区”。 我见过太多用div手写的弹窗了:z-index满天飞、焦点管理一塌糊涂、背景页面还能滚动、Esc
别再手写i18n了!深入浏览器原生Intl对象(数字、日期、复数处理)
我们做前端,经常会遇到国际化(i18n)的需求。最常见的就是,如何根据用户的地区,显示不同格式的数字、货币和日期。 在不了解Intl对象之前,我们可能会写出这样的代码: 这段代码不仅繁琐、难以维护,而
AVIF vs. JPEG XL:2025年,我们该为网站选择哪种下一代图片格式?
大概从五六年前开始,WebP作为Google推出的图片格式,凭借其出色的压缩能力,逐渐取代了JPEG和PNG,成为我们前端性能优化的首选。 但技术总是在进步。当我们还在享受WebP带来的红利时,两个更
这几个CSS和JS新特性,将在2026年变流行
前端技术的发展速度,快得让人焦虑。我们每天都在学习新的框架、新的工具,但同样重要的,是关注语言本身——CSS和JavaScript——正在发生的变化。 这篇文章,不想聊那些你已经熟练掌握的技术。我们来
下一页