本文思维导图，欢迎补充 本文首发于我的个人网站：http://cherryblog.site 前言 温馨提示：本文较长，图片较多，本来是想写一篇 CSS 布局方式的，但是奈何 CSS 布局方式种类太多并且实现方法太多，所以本文主要是介绍 flex 布局和 grid 布局，以及 C…

由返回上一页并刷新页面想到的，前几天有个需求，用到了返回上一页并刷新页面，看到是这么写 self.location=document.referrer，对这 2 个分别做下介绍和应用吧

普及：浏览器的兼容性问题，往往是个别浏览器（没错，就是那个与众不同的浏览器）对于一些标准的定义不一致导致的。俗话说：没有IE就没有伤害。 贴士：内容都是自己总结的，不免会出现错误或者bug，欢迎更正和补充，本帖也会不断更新。 Normalize.css 不同浏览器的默认样式存在差…

每位开发者都努力写出可维护的、易读的、可复用的代码。随着应用变得越来越大，代码的结构也越来越重要。设计模式验证了解决这个挑战的重点——在特定环境中，对同类事物提供相同的组织结构。 JavaScript web 开发者们在开发应用的时候经常会不知不觉的与设计模式打交道。 尽管在某些环境中使用了不同的设计模式列表，JavaScript 的开发者们通常比其他开发者更常用到一些设计模式。 在这篇文章里，我想通过讨论这些常见的设计模式来提升你的编程能力，并且深入到 JavaScript 的结构当中去。

注：文章最末尾有个人公众号二维码，会分享更多技术文章等，敬请关注 不管是在移动端开发还是在PC端开发，基本都会用到图片的懒加载，这其中最大的原因就是为了保证页面打开的速度（正常情况下3秒之内如果首页打不开，就已经算是死亡时间了）。 延迟加载的的基本做法一般是这样的： 首屏内容中…

主要讲 HTML 和 CSS 的开发接口，以及学习 HTML 和 CSS 的相关资源

熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文：16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素, 该元素设置 ma…

蚂蚁金服数据平台前端团队主要负责多个数据相关的PC Web单页面应用程序，业务复杂度类比Excel等桌面应用，业务前端代码量在几万行～几十万行，随着产品不断完善，破百万指日可待。管理好10万行级甚至百万行级代码的前端应用，是我们团队的核心挑战之一。 团队的架构方案是多个产品经历…