AnnaHuangPro Blog

一生想做极客女郎

事件循环

什么是事件循环 Event Loop 是一个很重要的概念，指的是计算机系统的一种运行机制。 JavaScript语言就采用这种机制，来解决单线程运行带来的一些问题。 想要理解Event Loop，就要从程序的运行模式讲起。运行以后的程序叫做“进程”（process），一般情况下，一个进程一次只能执行一个任务。 如果有很多任务需要执行，这个时候就有三种解决方案： 排队。因为一个...

Posted by AnnaHuang on June 20, 2018

css清除浮动float的七种常用方法总结

在清除浮动前我们要了解两个重要的定义： 浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。 高度塌陷：浮动元素父元素高度自适应（父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷） 知道浮动和为什么要清除浮动之后我们可以开始学习如何清除浮动了，这时候我们就需要用到清除浮动的属性clear, clear:left | right | bot...

Posted by AnnaHuang on June 20, 2018

html5图片上传与预览实现

最近做项目需要用到图片上传与预览功能，由于是用于手机端，所以研究了下H5的实现方式。 图片预览 首先，解决图片预览问题。在html5中，提供了FileReader来读取本地文件，使我们可以实现图片预览功能。 FileReader 属性，所有属性都是只读的： FileReader.error，读取文件时，出现的DOMError。 FileReader...

Posted by AnnaHuang on June 18, 2018

16种方法实现水平居中垂直居中

熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题. 水平居中 1.若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2.若是块级元素, 该元素设置 margin:0 auto即可. 3.若子元素包含 float:left 属性, 为了让子元素水平居中, 则可让父元素宽度设置为fit-content,...

Posted by AnnaHuang on June 18, 2018

CSS网页中导入特殊字体@font-face属性详解

@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中。 语法规则 首先我们一起来看看@font-face的语法规则： @font-face { font-family: <YourWebFontName>; src: <source> [<format>][,<source>...

Posted by AnnaHuang on June 18, 2018

有点想法

(在室友看剧哈哈大笑的环境下写下) 一直不太明白学校开的课，很多同学都没接触过项目，却要上项目管理，基础没打牢却要上这些基于开发过项目的前提下才能听懂的课，不觉得是浪费时间吗？ 虽然我在实验室做过项目，但也能深刻感受到他们的绝望，没做过项目却要听项目管理这样枯燥、听不懂的课，真的听起来是一脸懵比。 学校的课只管上，学生的掌握情况全凭考试体现(偶尔会检查点小程序，在检查前，那几...

Posted by AnnaHuang on June 4, 2018

FEATURED TAGS
前端开发 JavaScript css 编码中学习
ABOUT ME

写写代码，
厚积而薄发，
在造轮子中成长