云中仙

文章首发于 Vue2.7 setup 中使用vue-router、vuex 。 Vue 2.7，中文版可产看 Vue 2.7 正式发布，代号为 Naruto 。 使用 Vue CLI 创建的新项目项目

BFC（Block Formatting Context）块格式化上下文， BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。

一、文档流 文档流，即块级元素从上至下，行内元素从左至右的排列显示 🍂块级：独立一行，可以自动换行，可以设置宽高、margin等 🍂行内：不自动换行，设置宽高无效，margin左右方向有效paddin

临近春节，产品突然给我搞了个H5专题活动页，这需求也是弄得我猝不及防。没办法，时间不多，就简简单单的搭了个脚手架项目。在开发项目的过程中我逐渐意识到了事情似乎没有那么简单，于是我想起了许多年前的事情。

本文会探索深度遍历思想在实际业务中的应用，使用栈管理数据，并一步步图解深度遍历中二叉树和栈的变化，相比于递归实现，代码复杂度和空间复杂度要低而且易于理解，减少栈溢出风险。

在使用vue开发项目的时候，我们经常会利用vuex来进行全局的状态管理从而达到实现数据全局共享的目的，但是使用vuex有一个缺点就是在页面刷新之后数据会消失从而使页面展示异常或者请求接口报错，比如用户在登录成功后，我们会从后台拿到用户的token，或者uid等信息，因为大部分的…

一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目。 久而久之，这差距就越来越大，因此总会有开源信息的不对称，有哪些优秀的前端开源项目值得学习的也不知道。 初步前端与高级前端之间，最大的差距可能就是信息差造成的。 …

你可以完全使用console.warn来代替console.log方法，但前提是该条打印信息是属于警告级别而不是普通信息级别，因此浏览器遇到一条警告级别的信息会区别对待，最明显的是它的左侧会有一个警告图标，并且背景色和文字颜色也会不一样。 相比于普通信息，警告信息会出现在上图左…

在传统IT企业，项目的物理结构是什么样的呢？无论项目内部的如何复杂，都可分为“前台”和“后台”这两部分。 首先，这里所说的“前台”和“前端”并不是一回事。所谓前台即包括各种和用户直接交互的界面，比如web页面，手机app；也包括服务端各种实时响应用户请求的业务逻辑，比如商品查询…