Esun_R

1. 自查服务器是否正在遭受攻击 我们将服务器的端口直接暴露在公网环境是比较危险的，服务器可能被人使用 fscan 等工具扫描端口、或者使用密码爆破来获取 mysql、ss...

Vue3 在 Vue2 的基础之上做了很大的变更，因此**编译后的 Vue2 组件**并不能适用到 Vue3 项目中，这对团队将来升级 Vue 框架会是一种极大的限制，同时...

前言 现在有如下的 HTML 结构： 如果我们想给页面一个最小高度，保证 Header 和 Footer 分别位于页面的顶部和底部，我们通常会这样写样式： 在浏览器中我们预...

作为前端开发，我们有必要关注我们各个客户端的性能指标，比如白屏时间，最早可交互时间等。 通过性能指标的监控，就能知道我们当前页面性能如何，与竞品相比有哪些差距。本文会介绍常...

概述 因为忙好久没有更新文章了，正好在公司内部做了技术分享，私底下写了篇文章。希望给有需要的小伙伴带来帮助，一起成长~💪 Webpack 配置中 Loader 的用法 W...

一、什么是Loader loader 用于对模块的"源代码"进行转换，在 import 或"加载"模块时预处理文件 webpack做的事情，仅仅是分析出各种模块的依赖关系，...

静态提升，就是指在编译器编译的过程中，将一些静态的节点或属性提升到渲染函数之外。它能够减少更新时创建虚拟 DOM 带来的性能开销和内存占用。...

webpack vue 异步引入失效，异步路由失效，代码分块没有生效，Element plus 代码按需引入没有生效的问题解决...

我们都知道 Vue 对于响应式属性的更新，只会精确更新依赖收集的当前组件，而不会递归的去更新子组件，这也是它性能强大的原因之一。 我们在触发 this.msg = 'Hel...

html2canvas 是一个用于将 DOM 结构转为 canvas 对象的一个库，但是利用其转换 DOM 中的图片时会遇到跨域问题，本文主要讲述如何解决该问题，以及具体原...

1. 前言 思源字体是 Adobe 提供的一套开源字体，包含了 思源黑体 source-han-snas，思源宋体 source-han-serif，思源等宽 source...

在vue组件中内data内函数返回的对象默认是响应式的，vue的observe函数会遍历此对象所有的属性和子孙属性并转化为getter/setter， 使Vue能够追踪依赖...

使用 Webpack 构建 Vue 开发环境 对应代码：https://github.com/EsunR/webpack-playground/tree/main/temp...

使用 Webpack 构建 TypeScript 开发环境 对应代码：https://github.com/EsunR/webpack-playground/tree/ma...

第一个 Webpack 应用 对应代码：https://github.com/EsunR/webpack-playground/tree/main/templates/ht...

本文介绍了在 webpack 中如何同时使用 ts-loader 与 babel-loader，并给出了兼容性问题的错误分析结论以及解决方案。...

装饰器使用 @log 的形式，称为注解型装饰器，其中 log 必须能够演算为在运行时调用的函数。 装饰器工厂就是一个简单的工厂函数，它返回一个装饰器函数，区别就在于调用装饰...

本文使用 Lambda@Edge 实现了对于存放在 AWS S3 中的图片进行处理，包括图片缩放、质量调整、自动 webp 等...

本文介绍了在 AWS S3 上创建存储桶并设置公共读权限，利用 CloudFront 分配分配加速域名，达到加速访问 S3 中的文件的目的。同时还提到了如何使用自定义域名以...

本文将教你实现如何让极米投影仪（其他电视设备同理）接入到苹果 HomeKit 生态，实现搭配 HomePod 使用 Siri 唤醒或关闭投影仪，并且可以直接使用 IOS 集...