流莉呀

1.Flex布局是什么？ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 行...

手写简化版Promise 手写 Promise.all 要点： 知道要在 Promise 上写而不是在原型上写 知道 all 的参数（Promise 数组）和返回值（新 P...

我们在编辑页面的时候，通常都会用到水平居中和垂直居中，水平居中很好处理，就是设定margin：0 auto;；或者是 text-align: center;，就可以轻松的解...

之前都是将文件全部部署到一个远程仓库，今天将页面和代码分别部署到两个仓库，也就是说一个仓库专门放代码，一个仓库专门放页面 部署到github的Page 首先，创建两个远程仓...

大屏可视化项目部署bug 今天在部署之前做的项目大屏可视化的时候，出现了bug，上传到github仓库后，项目的预览链接打开是白页面，控制台显示404（main.ts也显示...

如何适配屏幕 屏幕适配公式 Wp为页面有效宽度，Hp为页面有效高度； 页面左右居中，上下居中，四周留白即可； 然后在 head 里用 js 设置 1rem=Wp/100 假...

axios 本篇参考以下两篇文档 执行 GET 请求 POST 请求 执行多个并发请求 创建实例 可以使用自定义配置新建一个axios实例 Response config ...

前端的性能优化 前端的性能优化包括四个阶段开发构建阶段、资源加载阶段、页面渲染阶段、操作体验阶段。 开发构建阶段（然后让Webpack打包更快） 并发：使用多进程打包 缓存...

Pinia Vue3 官方推荐的状态管理库 Vue React （数据通信方案）通用思路 props + 事件 Vue： 使用provide，inject 两个API Re...

想要页面展示的网址栏显示项目的 icon 及 title 例如： 更新title 更新title，只需要在index.html里面修改 title标签。 修改 favico...

JWT JWT 文档 阅读文章 前置知识 解决用户登录的方案是：Cookie + Session Cookie 什么是 Cookie ？ 是属于HTTP协议的东西， 由服务...

封装 time.tsx 封装一个和时间有关的库 参考文档 day.js time.tsx Vant 具体使用 参考 Vant 文档 安装 Vant 安装插件 配置插件 如果...

自制 vite SVG Sprites 插件 由于直接使用<img src={logo} class={s.logo} />加载 svg 时，是在页面渲染后再请求 svg ...

由于现在的90%的用户都来自手机，所以在做页面的时候，要在一开始进行移动端的调试，确保手机端访问无问题 手机如何访问 localhost:3000 确保手机和电脑在同一个网...

ref 属性是 Vue2 和 Vue3 中都有的，但是使用方式却不大一样，这也导致了很多从 Vue2 转到 Vue3 的小伙伴感到有些困惑，在此将Vue3中dom操作常见的...

svg 设置的宽高被覆盖 在做页面时，发现设置的svg的宽高被覆盖，svg特别的小 此时，由于提前设置了Icon.module.scss StartPage.module....

解决 display: block; 不生效 在制作button组件时，css的样式如下 发现display：block没有生效，两个button也没有冲突。 查询资料可知...

《大屏可视化项目》是我在学习前端可视化与 echarts 时，仿照方应杭的开源项目制作而成的。以下是我对该项目做的几点总结，点击这里可以预览此项目（更改屏幕尺寸后请刷新页面...

先放一个预览地址：点击查看效果 gif预览： 适配屏幕 算法 Wp为页面有效宽度，Hp为页面有效高度。 页面左右居中，上下居中。 若页面宽/高＞16/9，就左右留白。若页面...

有一段时间没有做积累和学习了，近期学习的内容会陆陆续续更新进来。 Webpack 应该会写一个系列吧，从 初探 => 深入 => 实战。 现在就将相对路径的根目录改成了 s...