0%

移动端适配基本概念

参考

视口 viewport

一个虚拟的区域, 就是设备上用来显示网页的那一块区域

  • 浏览器承载 viewport , viewport 承载网页, viewport 默认会对网页进行缩放来呈现完整内容

flex 布局是什么?

Flex 是 Flexible Box 的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性

布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现

阅读全文 »

响应式 UI 框架

官网

  • 一套比较完整的用于前端页面构建的库
  • 可以叫它 前端 UI 框架, 不能说它是前端框架
  • Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目
阅读全文 »

什么是 less?

官网

Less 是一门 CSS 预处理语言, 它扩展了 CSS 语言, 增加了变量、Mixin、函数等特性, 使 CSS 更容易维护和扩展

Less 可以运行在 Node 或浏览器端

阅读全文 »

网站是什么

参考资料

网站是由一个一个网页构成的,要想理解网站是什么,首先要理解网页是什么

可以认为,网站就是放在服务器上的一个文件夹,该文件夹中可以包含子文件夹以及各种各样的文件,这些文件都可以通过域名来访问

阅读全文 »

前端到底是个啥?

针对 web 开发的前端而言

  • 针对浏览器的开发,浏览器呈现出来的页面就是前端
  • 它的实质是前端代码在浏览器端被编译、运行、渲染
  • 前端代码主要由三个部分构成:HTML + CSS + JavaScript
    阅读全文 »