哇偶web

七年之痒后，Web Component真的兑现了"一次编写，随处运行"的诺言吗？ 当React、Vue等框架掀起组件化革命时， 原生Web Components 标准曾被视...

提前说声：不是 Web Component 方式实现的！！！当你在为多框架支持苦恼时，不妨尝试这种「一次编译，处处运行」的新范式。这不仅是一个组件的实现方案，更是一种打破技...

实现这般动画（悬停时文字滑动且颜色渐变），诸君当如何下笔？ 且看诸君所思之法，代码可还有精进余地？或另有蹊径？又或所成效果可如丝帛般顺滑？甚或全然不知从何着手罢！ 今且示此...

为何实现交互效果，总教CSS打头阵，不教JS包揽全场？呜呼！技术革新之势，如大江东去。:has()之流，看似雕虫小技，实开样式逻辑之新章···...

你以为你很懂图？不，你不懂！ 图片优化之道，贵在四两拨千斤。择对格式，如卸重甲；尺寸合宜，似换轻履；懒加载法，好比行军省粮；CDN驿站，便是快马传书...

世有巧匠，不以蛮力争胜，善假于物也。今人所谓"提效增技开发者"，非谓疾书万行代码，实乃善择利器、通晓章法之辈。余且将平生所见良方，与诸君分说···...

在现在的时代发展中，从以前的手写签名，逐渐衍生出了电子签名。电子签名和纸质手写签名一样具有法律效应。...

这篇文章封装的axios已经满足如下功能： 无处不在的代码提示； 灵活的拦截器； 可以创建多个实例，灵活根据项目进行调整； 每个实例，或者说每个接口都可以灵活配置请求头、超...

代码简洁之道（译） 变量 使用有意义且表达清晰的变量 Bad: Good: 相同类型的变量使用相同的词 Bad: Good: 使用可搜索/定位的名称 Bad: Good: ...

🎉Svelte 作为最受欢迎的前端新宠，连尤大都重视的框架，居然“叛逆”到不使用带有网红属性的虚拟DOM ！！！...

1. 为什么用img的src做请求的发送，sendBeacon又是什么？ 2. 埋点监控系统负责处理哪些问题，需要怎么设计api？ 3. 在react、vue的错误边界中要...

前端组件设计之实践篇 前言 在前端组件设计之理论篇中已经对前端组件设计的原则进行了介绍，本文将在实际开发过程中使用这些原则，根据自己学习理解后总结出来的组件开发的步骤进行开...

ES Module使用详解 ES Module 系列： ES Module使用详解 ES Module原理详解 一、什么是ES Module Can I Use 截止本篇文...

最全前端性能优化总结 前端性能优化分两部分 1、加载性能优化 2、渲染性能优化 一、加载性能优化 本质： 1、减少请求次数； 2、减少请求资源的大小； 3、网络优化； 1、...

前端组件设计之理论篇 前言 什么是前端组件？对于一个前端开发人员来说再熟悉不过了。是的，“再熟悉不过”，但是当让你尝试具体描述下呢，我想大多数人脑袋中可能只有“组件化”这三...

「DNS」和「CDN」 DNS DNS（Domain Name System）服务器会首先进行域名的映射; 1、递归查询： a、递归-迭代查询 b、递归-递归查询 a.DN...

「浏览器缓存」就这一篇 强缓存 强缓存是在时效时间内，不走服务端，只走本地缓存 expires 时间节点，到达这个时间节点，缓存失效，再次请求该资源会从服务器获取； cac...

什么是Tree Shaking ？Tree-Shaking 是一种基于ES Module规范的 Dead Code Elimination（死代码优化）技术，它会在运行过程...

本文将从npm install 机制到npm run xxx的运行机制的深度解读； 读完本文将会对npm有一个更深层次了解...

失业期间闲来无事，看了本《网络是怎样连接的》与两本HTTP相关的专栏。 一方面补充专业知识，另一方面也是为了跳槽面试做准备。 1. 不止一种握手 在早期的网络传输中，也就存...