Freed_fy

接触前端以来，都是在掘金社区学习大佬们的精华，一篇短短的文章可能是别人总结了很久的产出，作为一名阅读者，我们可以更快速更全面的学习到一些新的知识点，感谢掘金，感谢默默贡献自己力量的掘金人。从这篇文章开始，我也要在掘金社区写博客，记录自己的学习总结，以严谨的态度开启我的掘金之旅。…

Emmet使用类似CSS选择器的语法来描述元素在DOM树节点的位置和属性。在前端开发中，Emmet 使用缩写语法快速编写 HTML、CSS 以及实现其他的功能，极大的提高前端开发效率。

添加或删除尾部斜杠.尾斜杠是放在URL末尾的正斜杠（“ /”），例如domain.com/或domain.com/page/。尾部斜杠通常用于区分具有尾部斜杠的目录和没有尾部斜杠的文件。但是，这些只是指导原则，而不是要求。过去，文件夹将带有斜杠，而文件将不带有斜杠。文件夹将指示有...

早前在博客园发的几篇基础文，都是图解系列，总结了一些JavaScript容易混淆的知识点，现在拿来在掘金分享一下吧。 原文地址：一张图看懂encodeURI、encodeURIComponent、decodeURI、decodeURIComponent的区别 1、这四个方法的用…

本文主要解决两个问题： 什么是事件流 DOM事件流的三个阶段 起因 温故了一下我的《JavaScript高级程序设计》的时候，翻到DOM事件那一章，（说实话，现在无论是什么框架你都离不开操作DOM啊，

浏览器在解析 HTML 的时候，如果遇到一个没有任何属性的 script 标签，就会暂停解析，先发送网络请求获取该 JS 脚本的代码内容，然后让 JS 引擎执行该代码，当代码执行完毕后恢复解析。整个过程如下图所示： 可以看到，script 阻塞了浏览器对 HTML 的解析，如果…

PC端web页面调试比较容易，这里主要说几种移动端调试的方法，从简单到复杂、从模拟调试到远程调试，大概分为几部分： 1、Chrome DevTools（谷歌浏览器）的模拟手机调试 2、weinre(web inspector remote)远程调试工具 3、微信的“web开发者…

找了一下原因，发现是由于UI设计稿中设计的文字大部分是font-size:24px;line-height:24px,代码实现时为了不至于每处都写一遍字体大小，故直接在根节点上统一设置字体与字体大小为24px，小部分不一致的地方再单独设置字体大小，从而忽略了设置line-hei…

这个问题很多人问起过我，实际上，当我对使用 Flexbox 还不太熟悉的时候，我谷歌过这个问题很多次。查看下我的谷歌搜索历史，上一年我曾四次搜索类似“flex-basis vs width vs min-width”的问题。废话少说！今天让我来回答这个问题，希望大家以后不用再搜…