图片规范
了解各种图片格式特性，根据特性制定图片规范，包括但不限于图片的质量约定、图片引入方式、图片合并处理等，旨在从图片层面优化页面性能。
HTML代码规范
基于 W3C、苹果开发者 等官方文档，并结合团队业务和开发过程中总结的规范约定，让页面HTML代码更具语义性。
BEM命名方式
BEM的意思就是块（block）、元素（element）、修饰符（modifier），是由Yandex团队提出的一种前端命名方法论。这种巧妙的命名方法让你的CSS类对其他开发者来说更加透明而且更有意义。BEM命名约定更加严格，而且包含更多的信息，它们用于一个团队开发一个耗时的大项目。
Cookie与LocalStorage和SessionStorage
Cookie
Cookie 是小甜饼的意思。顾名思义，cookie 确实非常小，它的大小限制为4KB左右，是网景公司的前雇员 Lou Montulli 在1993年3月的发明。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。
localStorage
localStorage 是 HTML5 标准中新加入的技术，它并不是什么划时代的新东西。早在 IE 6 时代，就有一个叫 userData 的东西用于本地存储，而当时考虑到浏览器兼容性，更通用的方案是使用 Flash。而如今，localStorage 被大多数浏览器所支持，如果你的网站需要支持 IE6+，那以 userData 作为你的 polyfill 的方案是种不错的选择。
sessionStorage
sessionStorage 与 localStorage 的接口类似，但保存数据的生命周期与 localStorage 不同。做过后端开发的同学应该知道 Session 这个词的意思，直译过来是“会话”。而 sessionStorage 是一个前端的概念，它只是可以将一部分数据在当前会话中保存下来，刷新页面数据依旧存在。但当页面关闭后，sessionStorage 中的数据就会被清空。
Typecho加一个打赏按钮
昨天试了试微信的赞赏二维码，还不错，放博客上面说不定就有大佬给俺打赏了呢……
HTML代码，自己找地方放就好
<div class="support-author">
<a class="support-btn" href="javascript:void(0)">打赏</a>
<div class="support-content">
<img src="图片地址" alt="微信打赏">
</div>
</div>SASS总结01
文件后缀名
Sass有两种后缀名文件：一种后缀名为sass，不使用大括号和分号；另一种就是我们这里使用的scss文件，这种和我们平时写的CSS文件格式差不多，使用大括号和分号。建议使用后缀名为scss的文件，以避免Sass后缀名的严格格式要求报错。
基于CodingPages免费搭建Typecho
前提：如果真的想折腾博客，还是买一个虚拟主机或者VPS去搞一个博客玩玩，如果想练练手，可以试试CodingPages搭建Typecho。如果再搭建的时候遇到问题，可以留言，不过按照教程一步一步来，应该不会出问题。
爱尔兰画眉
爱尔兰画眉共有两张专辑。
最出名的是Down by the Salley Gardens（漫步神秘园 又称爱尔兰画眉）。曲目包括华丽灿烂的歌谣、轻快的舞曲以及两部经典影片中的丰富管弦乐配乐。温婉的爱尔兰肘风笛凄美的低诉，纯正的音色拒绝夹带杂音，地道的奏鸣让你感受最朴素的音域，畅游自由无界限的想象国度，宛如站在高原的草地上呼吸饱含泥土气息的清新景致，耳边熏荤着与你细语的微风，那一霎那扬起的草絮飘然从手心滑落。
Vue.js动态路由间切换回到顶部
方案1
使用官方的滚动行为，但是必须开启HTML5 history 模式，开启HTML5 history 模式需要后端进行一些配置；
对于所有路由导航，简单地让页面滚动到顶部：
scrollBehavior (to, from, savedPosition) {
return { x: 0, y: 0 }
}像浏览器的原生表现那样：
scrollBehavior (to, from, savedPosition) {
if (savedPosition) {
return savedPosition
} else {
return { x: 0, y: 0 }
}
}方案2
没有使用HTML5 history 模式，需要使用官方的导航守卫中的router.beforeEach：
router.beforeEach((to, from, next) => {
window.scrollTo(0, 0)
next()
});Google Analytics代码更新
不知道从啥时候开始，Google Analytics代码更新了，换成了全局网站代码gtag.js。
代码换了之后，以前的添加的网页跟踪和事件跟踪都失效了，需要统一的替换（如果没有必要还是别折腾了）！