longlongyu
for me

Mr.Long's Blog

Welcome to my Blog!
hexo-theme-Cxo

Cxo

如果你喜欢这款主题,可以访问GITHUB地址:点这里

帮助

遇到任何使用上的问题,都可以向我留言。

感谢您的使用!


摘要图片测试

test


对line-height的一些理解

最近翻看了几篇文章,学到了不少东西,于是写了这篇文章来梳理自己对line-height的理解。

line-height 顾名思义就是 行高,是用来设置行间的距离,她确实是发挥这样着作用,但单单这样的去理解却也太过于粗浅了。

首先,具体先了解一下一些相关的概念。想一想在我们在刚开始学习英语课时,老师在黑板上画了四条线,这四条线是英文字母用来书写时的4根横向的平行线,而 vertical-align 中的 top , middle , baseline , bottom 就是基于这样的概念。

接下来我们看看 MDNline-height 的描述,他是这样的:

The line-height CSS property sets the amount of space used for
lines, such as in text. On block-level elements, it specifies
the minimum height of line boxes within the element. On non-
replaced inline elements, it specifies the height that is used
to calculate line box height.

line-height CSS 属性用于设置多行元素的空间量什么的,这些什么的先不考虑。在上面说明中,涉及到两个很重要的概念,line boxesinline boxes


关于HTML5语义化

HTML是W3C标准中结构化的标准语言,而语义化就是让页面的结构更加明确的,所以理解语义化至关重要。

作为一名前端 coder,或者正励志成为一名前端 coder,我们都知道 HTMLHTMLW3C 标准中结构化的标准语言,然而在 HTML5 出现以前,我们一般采用 DIV+CSS 来布局我们的页面。

div 是无语义化的标签,大量使用这种标签会使我们的文档结构不够明确,从引发了开发者会根据自身喜好来进行自定义标签导致的影响浏览器解析,不利于浏览器的爬虫和机器地解析等诸多问题。

为了解决这些问题,HTML5 中新增了很多新的语义化标签,并且定义了相关规范。


JavaScript的垃圾回收机制

了解 JavaScript 的垃圾回收机制,来做到性能优化。

JavaScript 是一门很容易上手的语言。

他有着自动垃圾回收机制 (GC:Garbage Collecation) ,使我们撰写代码不用去手动去释放内存来管理和分配内存。因为这些全由 JavaScriptGC 来帮我们完成了,我们只需要快乐的敲打代码就好了。

然而, JavaScriptGC 虽然很便利,却也埋下了诸多隐患。例如,内存泄漏就是一个我们常常遇见的问题,让很多新手程序员对此一头雾水。而如果你了解了 JavaScript 的垃圾回收机制,你就能更好的避免和解决此类的问题,从而达到性能的优化。


Hello-Hexo!

搭建了自己的博客,这应该算是一件非常酷的事!


使用Express来开发项目

用Express脚手架以及webpack等工具来搭建项目。

Express 是一个基于 Node.js 平台的 web 应用开发框架,它提供一系列强大的特性,可以帮助开发者创建各种 web 和移动设备应用。
Express 框架开发 web 项目可以直接构建整个项目框架并且将前端页面跟后台贯穿起来。

是一款高度包容、快速而极简的 Node.js Web 框架。

expressjs