Ayasa

在公司干了几年，带个小团队，零零总总也面试了上百个前端候选人了。说实话，有时候面完一天，感觉人都是麻的。 最让我头疼的是什么？就是“算法题”这个环节。 我经常遇到两种候选人...

为什么需要心跳检测？ 正常的情况客户端断开连接会向服务端发送一个fin包，服务端收到fin包后得知客户端连接断开，则立刻触发onClose事件回调。 心跳包格式：WebSo...

WebRTC + Electron + Vue + Canvas 同屏涂鸦功能。具体来说，就是 B 将电脑的屏幕分享出来，然后 A 在平板的页面上进行涂鸦，涂鸦内容实时显示...

背景 Web页面白屏表示用户无法正常使用页面，可能会导致用户不耐烦并流失。作为开发者，应该在白屏出现后及时感知，迅速排查并修复问题。...

前言 最近在协助小伙伴解决问题时，在项目中都会遇到一些 “砍树型” 的写法，这些写法容易让后续 简单 的需求变得 复杂，都说 "前人栽树后人乘凉"，但项目中有些写法是真的让...

介绍了前端性能分析工具，也介绍了包分析工具，还进行了项目优化实战，对第三方库进行按需引入，开启gzip压缩配置，进行代码分割等等，尽量减少构建包的大小，提升页面渲染速度。...

前言 每次用vite创建项目秒建好，前几天用vue-cli创建了一个项目，足足等了我一分钟，那为什么用 vite 比 webpack 要快呢，这篇文章带你梳理清楚它们的原理...

1.为什么JS是单线程的js是运行于浏览器的脚本语言，因其经常涉及操作dom，如果是多线程的，如果一个线程修改dom，另一个线程删除dom，那么浏览器就不知道该先执行哪个操...

什么是跨域 跨域全称为Cross-Origin Resource Sharing，意为跨域资源共享，是一种允许当前域（domain）的资源被其他域（domain）的脚本请求...

在 6 月更文中零零散散讲了 JS 的对象创建和对象继承，有工友对此还是表示疑惑，要注意：这是两个不同但又相关的东西，千万别搞混了！...

在使用Vue3时，我们需要使用createApp来创建一个应用实例，然后使用mount方法将应用挂载到某个DOM节点上。 那么在调用createApp时，Vue再背后做了些...

不知道大家有没有这样的疑惑，“ref、rective 都能创建一个响应式对象，我该如何选择？”，“为什么响应式对象解构之后就失去了响应式？” 今天咱们就来全面盘点一下 re...

图片是一个网站的重要组成部分，图片影响这页面的美观和品质。简单来说图片对于网站建设的作用就是吸引用户、彰显网站风格、美化网站、简化网站页面，但是图片的不合理使用可能会影响页...

前言 在项目开发过程中，我们有时候遇到需要更换站点主题色的需求。乃至于 APP 底部的 banner 中的 icon、文案和背景图都是运营线上可配置的。还有的功能比如更换系...

前端文件下载我相信很多小伙伴并不陌生，下载文件的形式也有很多.。单个件下载的解决方法有很多，但是当我们需要批量下载文件的时候，我们该怎么去做呢？...

本文整理了 Vue3 的8种组件通信和 Vue2 的12种组件通信写法，希望对你有一点点帮助，奥力给...

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react...

本文是个短篇，需要解释一下，这里的前端，指较狭义的与开发页面较紧密的工作。至于独立开发 npm，服务端等场景另当别论，后面会有论述。...