1. 视口 viewport viewport 解释为中文就是‘视口’的意思，也就是浏览器中用于显示网页的区域。在 PC 端，其大小也就是浏览器可视区域的大小，所以我们也不会太关注此概念；而在移动端，绝大多数情况下 viewport 都大于浏览器可视区，保证 PC 页面在移动浏…

由于手机屏幕尺寸不一样，分辨率不一样，或者需要考虑横竖屏的问题，或者考虑到移动端兼容性。这时候你也就不得不解决在不同手机上，不同情况下的展示效果，所以就需要一个开箱即用并且行之有效的移的移动端适配方案

img标签会在html渲染解析到的时候，如果解析到img src值，则浏览器会立即开启一个线程去请求该资源。 2. img 同一张图重复 Opera 和Firefox对display:none的元素的背景，不会立即发生请求，只有当其display 不为none才会发起图片请求。…

position属性用于指定一个元素在文档中的定位方式。 top,right,bottom,left属性则决定了该元素的最终位置。 最初时，浮动只能用于图形（某些浏览器还支持表的浮动），目的就是为了允许其他内容（如文本）“围绕”该图像。后来，CSS才允许可以浮动任何元素； 元素…

在做多图大图页面的时候，经常需要先loading，等待image.onload 才放开loading，但是img.onload在图片从缓存/内存直接读取的时候，部分浏览器如safari/微信 不触发i

本基础系列文章，笔者整理一下自己的前端知识点，整理一下个人所学习过的基础，本意是提高自己，同时分享出来，希望对你也有帮助。 包含个人抒写，如有理解错误，或者遗漏的的重要知识点，希望指出。 该系列，本意是提高自己，同时分享出来，希望对你也有帮助。 前端的发展史中，我们逻辑语言，曾…

作为一名前端开发者，每个人都是从小白过来的。在我们最开始接触JavaScript的时候，相信大家听到最多的知识点之一就是DOM对象模型和BOM对象模型， 其中DOM就是我们的文档对象

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 文本主要介绍 **文档对象模型(DOM)**了解什么是DOM操作，以及如何使用砶 DOM API 与 JS 中的 Web 页面进行交互。 DOM(文档对象模型)是针对于xml但是扩展用于HTML的应用程序编程接…

当纯HTML被完全加载以及解析时，DOMContentLoaded 事件会被触发，而不必等待样式表，图片或者子框架完成加载。比下面其他几个方法都先执行