阿里云最近在做活动，低至2折，有兴趣可以看看：[链接] 为了保证的可读性，本文采用意译而非直译。 这是 Web 性能优化的第 4 篇，上一篇在下面看点击查看： Web 性能优化：使用 Webpack 分离数据的正确方法 Web 性能优化：图片优化让网站大小减少 62% Web 性能优化：...

右边那张图中，大红色方框框起来的是浏览器窗口，而网页文档就是左边这张图。先不用去管scrollHeight这些东西，后面再解释。先明确浏览器窗口和网页文档是不同的！！不用去纠结它们什么时候高度相等，明白这两个代表的含义才是最重要的。

过去零零星星地了解和使用:link、::after和content等伪类、伪元素选择器，最近看书时发现这方面有所欠缺，于是决定稍微深入学习一下，以下为伪类部分的整理。

说了你可能不信，我经常怀疑自己 不！适！合！写！代！码！ 写代码的时候，我经常脑壳一晕，或者去群里摸一下鱼，然后就突然搞不清上一段代码写来干嘛的！！ 刚才那段代码，真的是我写的？ 直到，我发现了思维导图的妙用。 思维导图，本是用来记知识点的。 然而某一...

做过移动端开发的同学，对底部DOM定位出现的各种奇葩情况已经深恶痛绝了吧，底部DOM设置不同的position，在Android和ios上表现都不一样。

简单地说，断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。

Git是一款免费、开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。学习前端，离不开Git的使用，面试时也是一个常考的话题，在日常开发中，也困扰我们许久，下面就让我们一起走进它~

手机网页兼容性与ie相比，有过之无不及，调试的时候，我们会使用console.log，但是手机上看不到打印出来的信息。所以只好各种alert，但alert总显得不那么优雅。

其实是两款截图工具，可能你会说这东西还用推荐么，QQ有、微信用，不用下载了吧，别急，往下看。 Screenpresso 大家都知道，要想做一个高逼格的截图，不在于截，而在于截图后的那几下编辑，看看 Screenpresso 表现。 更好看的箭头和文字 重点突出功能 半透明的黄色蒙...

你应该贴个Demo上来，只发图片的话大家都没法给你说明白。

在创建 HTML 代码前，你首先应该想象它的结构。当你有一个好的模型时，应该第一时间把你想象的页面结构或者你的 CSS 模块及时地在纸上罗列出来。一个设计合理、结构良好的 HTML 页面会让你在接下来的工作过程中变的一异常轻松。

你就说你是不是把文字内容包含到了< a >标签了吧 ？