前端结构体系
30篇文章 · 1订阅
  • 一劳永逸的搞定 flex 布局
    寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存…
    CSS flexbox
    一劳永逸的搞定 flex 布局
  • gulp入门
    在Javascript的开发过程中，经常会遇到一些重复性的任务，比如合并文件、压缩代码、检查语法错误、将Sass代码转成CSS代码等等。通常，我们需要使用不同的工具，来完成不同的任务，既重复劳动又非常耗时。grunt，gulp都是为了解决这个问题而发明的工具，可以帮助我们自动管…
    前端 Gulp
    gulp入门
  • 前端 Web 开发资源整理
    作者整理的一系列前端干货：1）想开发项目，哪里找教程；2）关于前端的有趣网站；3）分享一些前端文章合集；
    前端 Web 开发资源整理
  • JavaScript 事件委托详解 | 掘金技术征文
    基本概念 事件委托，通俗地来讲，就是把一个元素响应事件（click、keydown......）的函数委托到另一个元素； 一般来讲，会把一个或者一组元素的事件委托到它的父层或者更外层元素上，真正绑定事件的是外层元素，当事件响应到需要绑定的元素上时，会通过事件冒泡机制从而触发它的…
    HTML DOM JavaScript
    JavaScript 事件委托详解 | 掘金技术征文
  • JavaScript深入之继承的多种方式和优缺点
    写在前面 本文讲解JavaScript各种继承方式和优缺点。 但是注意： 这篇文章更像是笔记，哎，再让我感叹一句：《JavaScript高级程序设计》写得真是太好了！ 1.原型链继承 问题： 1.引用
    JavaScript 前端 面试
    JavaScript深入之继承的多种方式和优缺点
  • 小科普：到底什么是 BFC、IFC、GFC 和 FFC
    FC 的全称是：Formatting Contexts，是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。
    HTML CSS
    小科普：到底什么是 BFC、IFC、GFC 和 FFC
  • Vuex 框架原理与源码分析
    Vuex 是一个专为 Vue 服务，用于管理页面数据状态、提供统一数据操作的生态系统。
    前端 Vue.js Vuex
  • WebSocket 教程 | 阮一峰
    WebSocket 教程 | 阮一峰
    前端 WebSocket
  • 了解真实的『REM』手机屏幕适配
    rem 的官方定义『The font size of the root element.』，即以根节点的字体大小作为基准值进行长度计算。一般认为网页中的根节点是 html 元素，所以采用的方式也是通过设置 html 元素的 font-size 来做屏幕适配，但实际情况真有这么简单吗？
    前端 响应式设计
    了解真实的『REM』手机屏幕适配