又要到金九银十的跳槽季了，为了让更多的小伙伴可以在面试的时候取的更好的offer,所以自上月起我每天都会在自己的公众号【前端有的玩】里面推送一到两道面试题，俗称每日一题（每日一坑）。方便找工作的小伙伴每日都会有新的收获。本文就是小编将前期的一些比较经典的每日一题进行了梳理，欢迎…

webpack是一个模块打包工具，可以使用它管理项目中的模块依赖，并编译输出模块所需的静态文件。它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript和静态文件（图片，字体）等，让开发更高效。对于不同类型的依赖，webpack有对应的模块加载器，而且会分析模…

0. 背景 随着构建体系不断完善、构建体验不断优化，webpack 已经逐渐成为了前端构建体系的一大霸主，对于工作中的真正意义上的前端工程项目，webpack 已经成为了我们前端构建技术选型的不二选择，包括 create-react-app 以及 vue-cli 等等业内常见的…

实现效果：移动端导航条，若干个子项，均匀排列，超出容器宽度的部分拖动滚动条显示。 如果只是普通的flex布局，子项的li 设置为flex：1 width：88px 所有子项均匀排列，但是不能实现滚动效果。需要加上flex-basis: 88px; flex-shrink: 0;…

使用 Vue 做项目也有两年时间了，对 Vue 的 api也用的比较得心应手了，虽然对 Vue 的一些实现原理也耳有所闻，例如 虚拟DOM、flow、数据驱动、路由原理等等，但是自己并没有特意去探究这些原理的基础以及 Vue 源码是如何利用这些原理进行框架实现的，所以利用空闲时…

1. 介绍 浏览器的 Javascript 具有自动垃圾回收机制(GC:Garbage Collecation)，也就是说，执行环境会负责管理代码执行过程中使用的内存。其原理是：垃圾收集器会定期（周期性）找出那些不在继续使用的变量，然后释放其内存。但是这个过程不是实时的，因为其…

最近在工作之余一直学习Vue3.0相关知识，虽然Vue3.0至今还是rc版，但这并不影响我们去学习。今天这篇文章是我关于Vue3.0的第四篇文章。在前文中我们讲解了如何通过vite和vuecli搭建Vue3.0开发环境，然后介绍了Vue3.0中的setup,reactive,r…

在开发的过程中我们会处理大量的数据，在日常开发中我们喜欢把数据存放在对象里面，不管是参数，还是后台接口返回出来的数据绝大多数都是以json的形式存储。例如var obj=[{},{},{}],如果2个或者多个这样的数据交叉获取数据，势必就会用到循环。如果嵌套很多的for循环，数…

flex 布局 与 grid 布局。 实现 Vue SSR 。 从 SPA 使用最小成本迁移到 SSR 。 根据指定元素，在数组里面找出 ff 数组（ff 数组这个名字是我瞎说的）。比如数组 [2, 3, 6, 7] ，指定元素 7，则 ff 数组是 [2, 2, 3]（2+2…