注册登录
产品
社群
使用“Bing”搜本站
使用“Google”搜本站
使用“百度”搜本站
✓
站内搜索
注册登录
问答
博客
资讯
标签
用户
活动
极客观点
项目管理
HarmonyOS
开发者社区
热门标签
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
ONES 研发管理
思否企业问答
问答
博客
资讯
标签
用户
活动
极客观点
项目管理
HarmonyOS
开发者社区
热门标签
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
ONES 研发管理
思否企业问答
kyriewen
104
获赞数
0
关注数
47
粉丝数
关注他
发私信
广州
广州大学 | 计算机
github.com
IP 属地上海
2020-07-26 加入
浏览 9.2k
举报
屏蔽
主页
回答
提问
文章
57
更多
Your future depends on your dream.
307 声望
|
学徒
全站排名超越 95% 用户
前端
205
css
156
javascript
125
html
10
html5
10
黄金勋章
暂未获得该勋章
如何获得
1
白银勋章
狂热博主
4
青铜勋章
长文达人
博客新秀
支持者
个人动态
发布了文章
4 月 8 日
你的JS代码总在半夜崩溃?TypeScript来“上保险”了
kyriewen
你有没有经历过:凌晨三点,线上报“Cannot read property 'name' of undefined”,你爬起来一看,原来是后端返回的数据少了一层。如果JS有“类型检查”,这种悲剧根本不会发生。今天我们就来认识TypeScript——给JavaScript买了一份“意外险”。
发布了文章
4 月 7 日
Vite:比Webpack快100倍的“闪电侠”,原理竟然这么简单?
kyriewen
听说Vite很快?快得像你点下保存,浏览器立马刷新。今天我们就来拆解这个“前端新宠”,看看它到底用了什么黑魔法。看完你会发现:哦,原来不是魔法,是“降维打击”!
发布了文章
4 月 6 日
别再 console.log 走天下了!Console 家族全员出道,最后一个你肯定没用过
kyriewen
引言“这个变量打印出来是啥?我看看……哦,是 [object Object]。”“数组怎么展开这么麻烦?每次都要点一下。”“我想知道这段代码执行了多久,难道要自己 Date.now() 减一下?”如果你也有过这些灵魂拷问,那么恭喜你——你正在经历“前端菜鸟阶段”的标志性症状:console.log...
发布了文章
4 月 6 日
从“龟速打包”到“秒开体验”:Webpack优化你只需要这6招
kyriewen
项目越写越大,打包一次喝杯咖啡回来还没好?产出的bundle.js比电影还大?今天我们就来一场Webpack“减肥+提速”双修课。不用焦虑,6招下来,你的打包速度会像换了跑车引擎,产物体积瘦成一道闪电。
发布了文章
4 月 5 日
Webpack的Loader和Plugin:你以为只是配置?其实是“流水线工人”和“包工头”
kyriewen
你配置过Webpack吗?是不是照着文档写了几行rules和plugins,然后它就神奇地把代码打包好了?今天我们不背配置,直接钻进Webpack的肚子里,看看Loader和Plugin到底在干什么。看完你就能自己写一个Loader和一个Plugin,再也不用怕面试官问“Webpack原理”了。
发布了文章
4 月 4 日
你点的“刷新”是假刷新?前端路由的瞒天过海术
kyriewen
为什么单页应用切换页面时,浏览器没有真正刷新?地址栏变了,页面却没白一下?今天我们来拆穿前端路由的“魔术”——它根本没去服务器要新页面,而是自己偷偷换了内容。看完这篇,你也能实现一个自己的前端路由。
发布了文章
4 月 3 日
本地存储全家桶:从localStorage到IndexedDB,把数据塞进用户浏览器
kyriewen
你有没有想过,为什么刷新页面后,有些网站还能记住你的登录状态?为什么购物车里的商品关掉浏览器再打开还在?今天我们就来聊聊浏览器里的“记忆术”——本地存储。从简单的钥匙串localStorage,到能装下整个图书馆的IndexedDB,总有一款适合你。
发布了文章
4 月 2 日
MutationObserver:DOM界的“卧底”,暗中观察每个风吹草动
kyriewen
你想知道页面上的某个元素什么时候被偷偷改了吗?比如有个熊孩子脚本悄悄改了你的广告位,或者某个懒加载图片终于加载完了?今天我们就来请一位“卧底”——MutationObserver,让它24小时盯着DOM树,任何变化都逃不过它的眼睛。
发布了文章
4 月 1 日
自定义事件:让代码之间也能“悄悄对话”
kyriewen
你有没有想过,除了浏览器自带的click、mouseover这些事件,我们能不能自己创造事件?比如“用户通关了”、“购物车满了”、“天气变热了”?今天我们就来学学自定义事件,让你能在代码的各个角落“放信号弹”,让其他模块“听到”后自动响应。
发布了文章
3 月 30 日
事件流与事件委托:当点击按钮时,浏览器里发生了什么?
kyriewen
你点了一个按钮,但它可能不是“它”自己响应的。今天我们就来扒一扒浏览器里那场“谁该负责”的点击风波——事件流。从捕获到冒泡,从目标阶段到事件委托,让你彻底弄懂点一下按钮,背后的整个江湖。
发布了文章
3 月 29 日
DOM树与节点操作:用JS给网页“动手术”
kyriewen
你写的HTML页面,在浏览器眼里其实是一棵树。今天我们就来当一回“外科医生”,用JS给这棵树做手术——增、删、改、查,想怎么动就怎么动。看完这篇,你就能理解为什么说“JS能控制网页的一切”。
发布了文章
3 月 28 日
为什么我的代码在测试环境跑得好好的,一到用户电脑就崩?原来凶手躲在地址栏旁边
kyriewen
这是我上周在一个 issue 下面看到的回复。发 issue 的用户是个忠实用户,他说我们网站的某个按钮点完后页面就白屏了,但我们在测试环境、预发环境、甚至他的电脑上用无痕模式都试了一遍,愣是没复现。
发布了文章
3 月 28 日
for...of 的秘密:迭代器与可迭代对象,你也能创造“可循环”的东西
kyriewen
为什么数组可以用for...of循环?为什么对象不行?今天我们来揭开JS里“可循环”的秘密——迭代器(Iterator)和可迭代对象(Iterable)。弄懂它们,你就能让自己的对象也支持for...of,甚至还能写出像Python生成器那样优雅的代码。
发布了文章
3 月 27 日
你还在给每个图片父元素加类名?CSS :has() 让选择器“逆天改命”
kyriewen
“产品经理说,所有包含图片的卡片,要在卡片上加一个‘带图标识’的边框。但是这些卡片是动态渲染的,图片可有可无,我总不能每个卡片都写个条件判断吧?”
发布了文章
3 月 27 日
Generator 函数:那个能“暂停”的函数,到底有什么用?
kyriewen
你有没有想过,如果函数可以“暂停”,等你想好了再继续,会是什么样?今天我们就来认识JavaScript里的“时间管理大师”——Generator函数。它能让你在执行到一半的时候停下来,等你喊“继续”再往下走。这听起来有点科幻,但它却是async/await的祖师爷。
发布了文章
3 月 26 日
手写 Promise:从“我会用”到“我会造”
kyriewen
用了这么久Promise,你知道它内部是怎么工作的吗?今天我们就来手写一个符合Promise/A+规范的Promise,从零开始造轮子。别怕,这不是为了炫技,而是为了让你真正理解异步编程的底层逻辑。造完这个轮子,你会发现:原来Promise也就这么回事!
发布了文章
3 月 25 日
事件循环:JS 的“外卖调度系统”大揭秘
kyriewen
为什么setTimeout明明是0毫秒,却不是立即执行?为什么Promise.then比setTimeout先执行?今天我们来揭开JS异步执行的底层秘密——事件循环。看完这篇,你就能像背口诀一样记住各种异步任务的执行顺序,面试再也不怕被问“输出顺序”了。
发布了文章
3 月 24 日
清空缓存?你永远不知道浏览器在背后干了什么
kyriewen
凌晨两点,运维小哥打电话给我的时候,声音里带着一丝绝望。就在十分钟前,我们刚修复了一个线上紧急 Bug,紧急上线,紧急通知所有用户强制刷新。然而,群里依然有人截图反馈:“这个 Bug 还在啊!”
发布了文章
3 月 24 日
异步编程:从“回调地狱”到“async/await”的救赎之路
kyriewen
JavaScript是单线程的,但它却能同时处理很多事情。这是怎么做到的?今天我们就来聊聊异步编程,看看JS是怎么一边听歌一边刷网页的。从最原始的回调函数,到Promise,再到优雅的async/await,这不仅是技术的演进,更是一场“程序员不熬夜”的运动。
发布了文章
3 月 23 日
JavaScript 继承的七种姿势:从“原型链”到“class”的进化史
kyriewen
昨天我们聊了原型链,知道了JS对象之间是怎么“攀亲戚”的。今天咱们来聊聊继承——也就是怎么让一个对象“认祖归宗”,继承另一个对象的属性和方法。从最原始的手动操作,到ES6优雅的class语法,这中间有好几种姿势,每种都有自己的脾气。今天一次性给你盘清楚。
标签得分
暂无数据
获得勋章
暂无数据
声望记录
暂无数据