编程风格这个东西，说实在的对于刚加入团队的新成员来说还是很难让人完全适应的。因为每人的编程风格都不同，完全是各有千秋的既视感啊 放眼望去，在前端，但凡有个项目，无论大小，都会看到它的身影。并非为了提高比格，让别人暗赞专业，而是它确确实实帮我们检测出不易察觉的错误，避免N多个线上…

1. 前言 grid 布局是 css 中的一种新的布局方式，对盒子和盒子内容的位置及尺寸有很强的控制能力。与 flex 不同，flex 着重于单轴，而 grid 适应于多轴，下面就来做个简单的介绍。 2. 基本概念 设置 display: grid; 的元素称为容器，它的直接子…

圣杯布局和双飞翼布局一直是前端面试的高频考点，圣杯布局的出现是来自由 Matthew Levine 在 2006 年写的一篇文章 《In Search of the Holy Grail》。 比起双飞翼布局，它的起源不是源于对页面的形象表达。在西方，圣杯是表达“渴求之物”的意思…

其实HeyUI组件库已经发布一年半了，而我一直都没有补充Layout组件。 至于一直不开发的原因，主要是因为我觉得系统的布局都会因为定制化而发生变化，也会跟随着设计的变化而变化，而Layout固定的组合方式无法满足实际的需求。 其实，我发现，有很多人的想法和我一模一样，觉得la…

本文篇幅较短，用时约为5分钟，偏向实用性，不讲分析。 有个小项目中有一个上传功能，因为小，所以本次后端是没有做任何校验的。校验全交给前端，测试有个case是：改了后缀名的的文件是否能绕过上传。本着对Antd的信任，我对QA拍胸口表示可以。结果后面发现其实不行，为了不被diss，…

对于一个中小型企业的小项目或者个人项目来说，使用第三方的存储服务也许昂贵了点，且如果上传的文件涉及到隐私的话也是不安全的（各种方案都是因项目而异的）。本文主要讲解在不使用WebUploader，plupload等库的情况下，使用html5的File API来解决大文件上传的问题…

想要成为一名合格的前端工程师，掌握相关浏览器的工作原理是必备的，这样子才会有一个完整知识体系，要是「能参透浏览器的工作原理，你就能解决80%的前端难题」。 这篇梳理的话，更多的是对浏览器工作原理篇的查缺补漏，对于一些没有涉及到的知识点，准备梳理梳理，也正好回顾之前梳理的内容。 …

Parcel相比前面介绍的webpack最大的区别就是：不需要维护配置文件，举个例子来说明：如果你想转换less的语法，在webpack你需要配置less-loader来完成，而Parcel不需要安装 less, 当检测到 less 文件时 Parcel 将会自动转换。换句话说…

你好呀，我是掘金酱。 随着技术征文活动进入中期，我们的征文展第二期也上线了，这一次也依旧延续上一期“【新鲜面经】 四月面试不用慌，掘友攻略来帮忙|掘金技术征文展（第一弹 ）”风格，和“分享面经为掘友”的精神。本次征文展涵盖了面试全程记录、面试官分享、面试题详解、知识体系梳理等方…