FsAnna

网页加载后，浏览器会解析 html、执行 js、渲染 css，这些工作都是在 Event Loop 里完成的，理解了 Event Loop 就能理解网页的运行流程。 但很多...

完成后的效果图展示： 在线体验 GitHub 地址 一、搭建一个 Vite 项目 参照vite官网 通过附加的命令行选项直接指定项目名称和你想要使用的模板。例如，要构建一个...

前言： 早期UI库文档代码与渲染用的是 2 套代码，自然改文档时需要改 2 份代码。 md 转 vue 的目的就是为了能让渲染代码与文档代码共用一套代码。 整体思路 我们知...

JS主线程不断的循环往复的从任务队列中读取任务，执行任务，其中运行机制称为事件循环（event loop）。...

跨域方案 1. iframe 优点：跨域完毕之后DOM操作和互相之间的JavaScript调用都是没有问题的 缺点：1.若结果要以URL参数传递，这就意味着在结果数据量很大...

我在前端干工地，最后成果如下图。 从图中可以看到，整个画面由以下构成 地面 房子 天空 下面就能一步步的构建这个场景。 一、 准备工作 我这里的环境是vue3 + vite...

哈喽，很高兴你能点开这篇博客，本博客是针对 Vite 的体验系列文章之实战篇，认真看完后相信你也能如法炮制写一个属于自己的 vite 插件。...

这是TypeScript实战的第三篇文章。前面两篇笔者分别介绍了在Vuex和Pinia中怎么使用TypeScript以及Vuex和Pinia的区别。今天我们再用TypeSc...

本文为手把手指南，在vue3 + ts + vite项目中使用eslint + prettier + stylelint +husky，旨在通过这些工具提高项目代码质量和统...

简介 一、项目环境 1.1 node.js v16.0.0 及以上 （我 v16.14.1） 1.2 pnpm v8.0.0 及以上（我 v8.6.6） 二、创建项目 2....

渐进式图片加载...

如果一个网页中包含比较多的图片,在页面加载时,会严重拖慢整个页面的加载速度,这就是我们今天要解决的问题. 这篇文章聊一下如何去优化图片,提高页面的加载速度....

前言 我们在开发过程中，经常会遇到很大的图片（如banner图），当网络比较慢的时候，请求到很大的图片，白屏时间较长。所以，本文采用了一种方法缩减了白屏时间。主要策略是：先...

前端工程师必备：优化大体积图片加载的几种方案。让页面更加美观，用户体验更好................

对于几百M或上G的大图而言，不管对图片进行怎么优化或加速处理，要实现秒开也是不太可能的事情。而“图像分割切片”是最佳解决方案。图像切片是指将一张大图分割成若干个小图的过程，...

前端加载超大图片时，一般可以采取以下措施实现加速： 压缩图片：使用专业的图片处理工具，对图片进行压缩。可以使用无损压缩算法，如PNG格式，来减小文件大小，同时保持图片质量。...

最近好奇主流视频网站的播放器似乎不是我们习惯的video标签加上src属性上一个mp4的url，基本清一色的以blob:开头的一个纯前端的地址，鉴于此对前端的一些流媒体播放...

主要是为了学习后端的一些知识，比如 mysql ，redis 数据库，接口开发规范等，顺便把 vue3 和 ts 加强一下。...