目录 一.屏幕相关 1.1屏幕大小 1.2屏幕分辨率 1.3常见手机分辨率 二.像素相关 2.1 物理像素 2.2 css 像素 2.3 设备独立像素 2.4 像素比 三.视口 3.1 视口分类 3.2 PC端视口 3.2.1PC端视口的概念： 3.2.2PC端视口获取方法: 3. 3移动端视口 3.3.1 布局…

我们介绍Web网站工作流程的时候提到，前端开发，主要的职责就是将数据以好看的样式呈现出来。说白了，就是开发网页程序，如下图所示： 那在讲解web前端开发之前，我们先需要对web前端开发有一个整体的认知。主要…

本文总结了一些常见前端面试（多数源于网络），希望阅后也要用心钻研其中的原理，重要知识需要系统学习，透彻学习，形成自己的知识链。 万不可投机取巧。只求当时过关，非长久之计也！ 面…

沟通问题！！ 没别的就是沟通问题！！！ 总之现在要记住！！ 1、一定要问清楚！！ 2、想好思路和解决方法再动手！！写容易改不容易啊！&#…

一、了解前端技术栈 1. react：前端开发语言（着重学习） React是用于构建用户界面的JavaScript框架，用于构建高效、快速的用户界面。React 中一切都是组件。虚拟dom 2. webpack：前端打包工具 一个开源的前端打包工具&…

一. viewport 什么是viewport 简单来讲，viewport就是浏览器上，用来显示网页的那一部分区域了，也就是说，浏览器的实际宽度，是和我们手机的宽度不一样的，无论你的手机宽度是320px，还是640px，在手机浏览器内部的宽度，始终会是浏览器本身的viewport。如今的浏览器，都会给…

近几年随着 jQuery、Ext 以及 CSS3 的发展，以 Bootstrap 为代表的前端开发框架如雨后春笋般挤入视野，可谓应接不暇。不论是桌面浏览器端还是移动端都涌现出很多优秀的框架，极大丰富了开发素材，也方便了大家的开发。这些框架各有特…

Web开发介绍 1 什么是web开发 Web：全球广域网，也称为万维网(www World Wide Web)，能够通过浏览器访问的网站。 所以Web开发说白了，就是开发网站的，例如下图所示的网站：淘宝，京东等等 那么我们知…