本文已经授权掘金开发者社区公众号独家使用，包括但不限于编辑、标注原创等权益。 有一些问题不限于 Vue，还适应于其他类型的 SPA 项目。 1. 页面权限控制和登陆验证 就是一个网站有不同的角色，比如管理员和普通用户，要求不同的角色能访问的页面是不一样的。如果一个页面，有角色越…

源码阅读：究竟怎样才算是读懂了？ 市面上有很多源码分析的文章，就我看到的而言，基本的套路就是梳理流程，讲一讲每个模块的功能，整篇文章有一大半都是直接挂源码。我不禁怀疑，作者真的看懂了吗？为什么我看完后还是什么都不懂呢？ 事实上一个经过无数次版本迭代的框架源码并不适合初学者直接阅…

这是《CSS设计指南》的读书笔记，用于加深学习效果。 前一篇CSS入门指南-2：盒子模型、浮动和清除介绍了css盒子模型、浮动和清除，这一篇介绍 css元素的定位。 定位（position） CSS 布局的核心是 position 属性，对元素盒子应用这个属性，可以相对于它在常…

首先我们要先获取元素的位置信息，这里我们采用getBoundingClientRect方法，MDN上对于该方法的介绍。然后我们只要与可视区域做个比较，就OK了。 接下来我们需要监听'scroll'事件，判断元素是否出现在可视区域内。对于scroll事件的优化之一，我们需要使用函…

本文依旧是饿了么大前端知乎专栏出品 Chrome 和 Firefox 都在最近的一个版本（Chrome 57 和 Firefox 52）正式对 grid layout 进行了支持，前端布局再次到达了一个新的里程碑。本文带大家回顾一下网页开发的布局方案发展历史，以及对 Grid Layout 的介绍和探索。

CSS 布局经典问题初步整理