几天前，我阅读了一篇关于CSS网格系统的文章。但作为开发人员，你真的不知道在你真正尝试之前有什么用处。所以让我们来尝试一下。我将创建两个基本设计。一个使用Flexbox，另一个使用网格系统。

CSS居中是前端工程师经常要面对的问题，也是基本技能之一。今天有时间把CSS居中的方案汇编整理了一下，目前包括水平居中，垂直居中及水平垂直居中方案共15种。如有漏掉的，还会陆续的补充进来，算做是一个备忘录吧。 利用 text-align: center 可以实现在块级元素内部的…

SVG 是优秀且令人难以置信的强大图像格式。本教程通过简单地解释所有需要了解的知识，为您提供 SVG 的概述。 尽管在 21 世纪初被标准化了，SVG（Scalable Vector Graphics 的缩写）是近年来的一个热门话题。 SVG 已经被糟糕的浏览器支持（尤其是 I…

在腾讯前端面试篇（一）中，我主要讲了笔者面试腾讯一面和二面的经历，文章得到了不错的反响，笔者一激动大晚上把女朋友晾在一边，写下了第二篇，现在耳朵和膝盖都还有点痛。第二篇会讲述笔者面试腾讯的第三面，第四面会在后续的文章更新。大家看我辛苦的份上，关注一下呗！ 1. 从输入URL到页…

近期要给外包培训，需要准备一些内容，稍微梳理了一下，发现前端技术名词的确多啊，不过很多新概念都是换汤不换药的纸老虎，本文尝试浅入浅出的梳理一下。 老司机可跳过本段直接下一题。 大家学前端应该都是从 HTML 开始的吧，1991年的时候出现了世界上第一个网页，你可以在这里访问它，…

基础笔记的github地址：https://github.com/qiqihaobenben/Front-End-Basics ,可以watch,也可以star。 最近在写一个内部平台系统，相信大家都知道，其中会有很多自定义的滚动区域，就比如说现在有一个列表需要滚动，第一个念头…

主要内容: 不调用app的bridge，JS判断用户设备是否在线、所用网络类型， 该API的特点就是功能虽简单，但对用户却意义重大； 用法简单，一用就会，一看就记住了。：） 望重拍

好，我们聊聊vertical-align。这个属性主要目的用于将相邻的文本与元素对齐。而实际上，verticle-algin可以在不同上下文中灵活地对齐元素，以及进行细粒度的控制，不必知道元素的大小。元素仍然在文档流中，因而其他元素可以根据它们大小的变化进行相应的调整。一个有用…