Shinphy

回顾过往，前端面试官有三个年头了，《2023年我的前端面试准备》在小伙伴们的催促声中姗姗来迟。 2021年我的前端面试准备 2022年我的前端面试准备 本篇文章会持续更新，也会同步到公众号前端面试官

App往往有一个入口文件，相当于一棵树的主干，入口文件有很多依赖的模块，相当于树枝。实际情况中，虽然依赖了某个模块，但其实只使用其中的某些功能。通过Tree shaking，将没有使用的模块摇掉，这样来达到删除无用代码的目的。 关于Tree shaking的原理，在Tree S…

调整文章格式 调整文章格式 调整文章格式 调整文章格式 调整文章格式 调整文章格式 调整文章格式 调整文章格式

首先我们来看看为什么要使用这个技术 一切不是为了满足需求的技术都是耍流氓（脱离了业务和性能谈技术没有意义） 1、 先从文件大小的角度看 svg的大小是png的1/17（内容不一致比例肯定是不同的，这里

在笔者的公司前端项目中采用的是vue的前端框架，项目用的是vue-cli3搭建起来的脚手架，近期接到需求要在项目中多处展示图片，考虑到svg图标相比于图片的优势，于是在项目中决定引入svg图标。 但是在引入svg图标并配置的过程中，即使问度哥也是踩了不少坑。现把完整的配置和操作…

Vue3 中 引入 SVG 图标， iconfont ，阿里图标库，svg-icon 引言 通过之前一段时间 Express 和 Mysql 的学习 这里尝试搭建一个 *后台系统* 来巩固下学习技术

动态导入的 svg-sprite，意思是：既要是个雪碧图，用 <use> 标签复用；而且页面的 svg应该是动态按需加载的

Vue 在除了提供默认的十几个内置的指令外，还允许开发人员根据实际情况自定义指令，那我们在何时使用它呢？

本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢？很简单，既然它们都是同一时刻开始运动的，那么让它们不在同一时刻运动…