前端性能和加载体验优化实践（附：PWA、离线包、内存优化、预渲染）
探讨了页面加载卡顿的原因并提出了多种优化方法。主要原因包括项目包或第三方脚本过大、JavaScript 执行阻塞页面加载、图片体积大且多等。优化策略包括构建缩包按需加载、减少图片体积等。文章还详细介绍了如何通过 Webpack 插件分析项目中用到的 npm 包及大小，以及如何通过调整图片尺寸、格式转换、压缩等方式减小图片体积。
标签： IE
读书笔记:《高性能JavaScript》 - Nicholas C.Zakas 著 / 丁琛 译 / 赵泽欣 审校
出版时间：2010 年 11 月
1 加载和执行
- 当浏览器在执行 JavaScript 代码时，不能同时做其他任何事情。事实上，多数浏览器使用单一进程来处理用户界面（UI）刷新和 JavaScript 脚本执行，所以同一时刻只能做一件事。
defer属性仅当src属性声明时才生效。- 通常来讲，把新创建的
<script>标签添加到<head>标签里比添加到<body>里更保险，尤其是在页面加载过程中执行代码时更是如此。当<body>中的内容没有全部加载完成时，IE 可能会抛出一个“操作已中止”的错误信息。
"读书笔记:《高性能JavaScript》 - Nicholas C.Zakas 著 / 丁琛 译 / 赵泽欣 审校"继续阅读
Bootstrap实战 - 瀑布流布局
讲 Bootstrap 基础的教程网上已经很多了，实际上 Bootstrap 中文网（bootcss.com）里的文档已经写的很详细了，但实战的案例却不多。这里用一些当前流行的网页布局为导向，使用 Bootstrap 中的样式来完成它。每次只讲与案例相关的知识点，边学边练，加强理解。练习本案例需有 HTML/CSS 基础。
一、案例介绍
瀑布流是近几年流行起来的一种网页布局，视觉表现为参差不齐的多栏布局，本案例便是使用 Bootstrap 实现一个瀑布流布局。
"Bootstrap实战 - 瀑布流布局"继续阅读
解决 IE 模式下背景图片不显示
初衷是想给这个提交按钮 <input type="submit" value=" /> 加上背景图片，用了以下 CSS 样式：
.subtn input {
background-attachment: scroll;
background-image: url(images/btn.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 20px;
width: 60px;
border-style: none;
}"解决 IE 模式下背景图片不显示"继续阅读
解决 Ajax 在火狐，谷歌都能正常运行，而 IE 不行的问题
揭示了在 IE 中 Ajax 无法正常运行的原因，即 IE 不支持 `console.log()`。尽管在火狐和谷歌浏览器中 `console.log()` 可以正常工作，但在 IE（包括 IE11）中不行，从而导致了 Ajax 函数被阻塞。
JavaScript 获取网站 StatusCode，若存在写入文件
提供了一种使用 JavaScript 获取网站状态码的方法。如果网站存在（即状态码为 200），则将其写入 TXT 文件。这个过程主要通过 ActiveXObject 和 XMLHttpRequest 实现，适用于 IE 浏览器。同时，该脚本对多个域名进行了遍历检查，如果域名能够成功访问，就将其写入指定的 TXT 文件中。
Bootstrap 学习 - 环境安装
提供了 Bootstrap 开发环境的安装指南，包括如何设置 IE 的渲染模式，初始化移动浏览显示，处理低于 IE9 的版本支持问题，以及如何正确引入 jQuery 和 Bootstrap 的基础 CSS 和 JS 插件。这些步骤对于确保 Bootstrap 的正确运行和兼容性至关重要。