wudipmd

摘要： 最近做移动端官网，发现字体的实际大小比设置的大，找到原因后，在此总结。 原因一：浏览器最小字体设置 ![此处输入图片的描述][1] 字体虽然设置成5px，但字体的实际大小为16px， 原因是浏览器设置了最小字体 ，这个可以手动设置。 ![此处输入图片的描述][2] 原因二：font boosting 阅读全文

摘要： 说到移动端适配，首先我们需要先搞清楚一些基础知识，所以本文路线是先了解像素，dpr，视口等基础知识，然后再整理出移动端适配方案。 基础知识 像素 像素其实分为两种，分别是物理像素和CSS像素 1. 物理像素（设备像素） 物理像素，顾名思义，显示屏是由一个个物理像素点组成的，通过控制每个像素点的颜色， 阅读全文

摘要： 前言 说到js的单线程（single threaded）和异步（asynchronous），很多同学不禁会想，这不是自相矛盾么？其实，单线程和异步确实不能同时成为一个语言的特性。js选择了成为单线程的语言，所以它本身不可能是异步的，但js的宿主环境（比如浏览器，Node）是多线程的，宿主环境通过某种 阅读全文

摘要： 1. 应用场景 在制作图片墙，相册这样的单页图片资源比较大的页面时，为了能让用户有流畅的使用体验，需要提前将图片缓存到本地，这就是图片预加载的用途。 2. 原理 提前将图片缓存到本地后，如果图片路径不变，页面在使用图片时，浏览器就可以直接使用缓存了。 具体方法如下： js有一个Image对象，页面中 阅读全文

摘要： 在一个BFC中，垂直方向上相邻的块级盒子产生外边距塌陷，本文要说一个特殊的外边距塌陷情况，即当垂直方向上，两个块级盒子之间有个浮动元素相隔时，这个时候会产生什么样的效果呢？ 效果图： 然后我把中间的div设置一下： 效果如图： 可知：浮动元素不会影响后续块级盒子与前面块级盒子的外边距塌陷。 但当我们 阅读全文

摘要： 一直以来都搞不懂vertical align，它适用于什么元素，它的对齐规则是什么样的。索性查了下w3c相关规范，发现行高和基线对齐的规范说明里有如下内容： This section is being rewritten. Refer to "section 10.8" of "[CSS2]" fo 阅读全文

摘要： 初学CSS时，我们学到很多有意思的CSS规则，比如外边距塌陷，还有浮动元素的一些特性等，其实这些规则背后都是BFC这个东西在控制，下面我们来看下BFC到底是什么。 什么是BFC BFC（Block formatting contexts），翻译过来就是块级格式化上下文，指的是一种上下文环境，我们暂且 阅读全文

摘要： 最近在学习js的Ajax方面的内容，发现自己对基础的计算机网络知识认识不足，所以大概了解了下。 URL组成格式 图中中括号是可选项 protocol 协议，常用的协议是http hostname 主机地址，可以是域名，也可以是IP地址 port 端口 http协议默认端口是：80端口，如果不写默认就 阅读全文

摘要： 奇怪的input 今天想做一个通过点击按钮，修改input值的控件，但是点击按钮后，input值变成修改的值后又变回了原来的值，百思不得其解，代码如下 效果如下： 问题在哪 后来查文档才知道，原来button的默认type是submit，如果不明确指定type，每次点击按钮都会自动刷新页面，所以in 阅读全文

摘要： 何为闭包 函数内部又定义了一个函数，这个子函数就可以称为闭包。 闭包的特点 闭包的一个特点就是闭包内部可以引用外部函数的变量。 原理 要理解闭包的原理，最重要的是要理解JavaScript的作用域链机制。 1. 作用域 js中作用域分为两种，全局作用域和函数作用域（局部作用域），此外js遵循的是静态 阅读全文