本文深入解析CSS盒模型四大组成部分——内容、内边距、边框与外边距，详解box-sizing在标准模型与怪异模型中的计算差异，帮助开发者掌握元素尺寸控制核心原理，提升页面构建的精确性与可维护性。

部分小节提供了非常详细的实战教程，让大家动手实践。 另外我还写了一个前端工程化 demo 放在 github 上。这个 demo 包含了 js、css、git 验证，其中 js、css 验证需要安装 VSCode，具体教程在下文中会有提及。 对于前端来说，技术选型挺简单的。就是…

在前端开发中，CSS布局始终是核心技能之一。无论是新手还是资深开发者，都会遇到诸如浮动元素导致的父容器高度塌陷、外边距重叠、元素重叠等问题。而解决这些问题的核心概念之一，就是BFC（Block For

一、基本原则 语义化 HTML/CSS 使用语义化标签和类名（如 <header> 而非 <div class="top">） 模块化 组件按功能拆分，遵循单一职责原则 性能优先 减少重绘、压缩资源、

前言 以前我在掘金上看到面试贴就直接刷掉的，从不会多看一眼，直到去年 9 月份我开始准备面试时，才发现很多面试经验贴特别有用，看这些帖子（我不敢称之为文章，怕被杠）的过程中对我的复习思维形成影响很大，

首先我事先声明，对于这篇文章，是我写给和我一样是非科班，但是又很想从事前端工作的对未来前途感到迷茫的同学们的。希望你们在看到我的这篇文章之后能够坚定自己的方向，做自己喜欢的事情。 写这篇文章之前先介绍一下我自己，我是来自中南林业科技大学的一名大三学生，我叫罗霁鑫，专业是地理信息…

自从Vue2.0发布后，Vue就成了前端领域的热门话题，github也突破了三万的star，那么对于新手来说，如何高效快速的学习Vue2.0呢。 对于没有接触过es6和webpack的童鞋来说，不建议直接用官方的脚手架vue-cli构件项目。 先按文档顺序最少学习完组件那一章。…

基于 Vue(2.5) + vuex + vue-router + vue-axios +better-scroll + Scss + ES6 等开发一款移动端音乐 WebApp，UI 界面参考了安卓版的网易云音乐、flex 布局适配常见移动端。 因为服务器的原因，所以可能多人…

Electron 可以让你使用开发 Web 的技术去开发跨平台的桌面端应用，由 Github 主导和开源，大家熟悉的 Atom 和 VSCode 编辑器就是使用 Electron 开发的。 Electron 是 Node.js 和 Chromium 浏览器的结合体，用 Chro…