WEB～DEMO
29篇文章 · 0订阅
  • 一个前端工程师的年度作品：从零开发媲美商业级应用的后台管理系统！
    过去一年，我花了无数个夜晚，在一次次打磨与推翻中，完成了自己最满意的作品 —— Art Design Pro。 这不是一个普通的后台模板。 它是一场关于 「设计美学」与「工程化开发」 的融合实验
    前端 前端框架
    一个前端工程师的年度作品：从零开发媲美商业级应用的后台管理系统！
  • 🚀 acme.sh —— 免费 SSL 通配符证书 + 自动续期
    acme.sh 是一个使用 shell 实现的协议，通过简单的脚本就可以支持域名证书自动续期，而且支持免费的通配符证书。
    HTTPS Nginx 前端
  • 前端如何检测新版本，并提示用户去刷新
    前端如何检测新版本，并提示用户去刷新 先看效果 原理 通过轮询index.html文件的内容来计算文件的哈希值前后是否发生了变化.
    前端
    前端如何检测新版本，并提示用户去刷新
  • 前端铜九铁十面试必备八股文——性能优化
    图片懒加载原理 图片懒加载也叫延迟加载，只加载当前屏幕的图片，可视区域外的图片不会进行加载，只有当屏幕滚动的时候才加载。 特点： 提高网页加载速度 减少后台服务器压力 提升用户体验 原理 将图片地址存
    前端 面试 性能优化
    前端铜九铁十面试必备八股文——性能优化
  • 🤡什么鬼？两行代码就能适应任何屏幕？
    你可能想不到，只用两行 CSS，就能让你的卡片、图片、内容块自动适应各种屏幕宽度，彻底摆脱复杂的媒体查询！ 秘诀就是 CSS Grid 的 auto-fill 和 auto-fit。 马上教你用！✨
    前端
    🤡什么鬼？两行代码就能适应任何屏幕？
  • 来实现一下 element-plus 中的主题切换动画
    前言 前些天看到 element-plus 官网的主题切换动画做的特别炫酷，私下研究了一下，今天我们一起来看一下它的实现思路，废话不多说，先上图： 在这里我们看到，有一个圆形扩散的效果，非常的炫酷，这
    前端 JavaScript Vue.js
    来实现一下 element-plus 中的主题切换动画
  • 被面试官问懵后，才来搞懂Vite为什么比Webpack 启动快（血的教训）
    一、Vite是什么？ 首先，讲下Vite名字的由来，Vite实际上是法语中快的意思，所以顾名思义，这个工具就是为了给我们带来更快的开发体验，它是一个面向现代浏览器，基于ECMA标准的ES Module
    前端 JavaScript
    被面试官问懵后，才来搞懂Vite为什么比Webpack 启动快（血的教训）
  • 前端国际化全场景支持方案，不入侵代码，一键完成 (vue2/3、react)。
    一键翻译整个项目的超级神器！这个工具对于国际化场景的提效非常恐怖，因此有需求的朋友请务必尝试一下，有问题也可以及时私聊我去修复。
    前端 Babel JavaScript
    前端国际化全场景支持方案，不入侵代码，一键完成 (vue2/3、react)。
  • 写给中高级前端关于性能优化的9大策略和6大指标 | 网易四年实践
    所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标
    CSS JavaScript 前端
    写给中高级前端关于性能优化的9大策略和6大指标 | 网易四年实践
  • 25个你不得不知道的数组reduce高级用法
    reduce作为ES5新增的常规数组方法之一，对比forEach、filter和map，在实际使用上好像有些被忽略，发现身边的人极少使用它，导致这个如此强大的方法被逐渐埋没。 如果经常使用reduce，怎么可能放过如此好用的它呢！我还是得把他从尘土中取出来擦干净，奉上它的高级用…
    JavaScript ECMAScript 6
    25个你不得不知道的数组reduce高级用法