超级实用的前端笔记

精彩片段

中间的 DIV 是 position relative，并且往上面移动了，但是没有留空白： https://liu.hn.cn/CSS/CSS%20relative%E4%B8%8D%E5%8D%A0%E7%94%A8%E7%A9%BA%E9%97%B4.%E6%95%88%E6%9E%9C.png

它的代码： https://liu.hn.cn/CSS/CSS%20relative%E4%B8%8D%E5%8D%A0%E7%94%A8%E7%A9%BA%E9%97%B4.%E4%BB%A3%E7%A0%81.txt

JS 轻松判断变量类型（区分对象、数组、等等）： https://liu.hn.cn/Javascript/JS%E5%88%A4%E6%96%AD%E5%8F%98%E9%87%8F%E7%B1%BB%E5%9E%8B.%E6%95%88%E6%9E%9C.png

它的代码： https://liu.hn.cn/Javascript/JS%E5%88%A4%E6%96%AD%E5%8F%98%E9%87%8F%E7%B1%BB%E5%9E%8B.%E4%BB%A3%E7%A0%81.txt

JS 容易出错的“ this ”处理……变量保存 this，给回调函数使用： https://liu.hn.cn/Javascript/JS%E4%BF%9D%E5%AD%98this%E7%84%B6%E5%90%8E%E5%9B%9E%E8%B0%83%E5%87%BD%E6%95%B0%E4%BD%BF%E7%94%A8.png

箭头函数作为回调函数，不需要保存 this： https://liu.hn.cn/Javascript/JS%E7%AE%AD%E5%A4%B4%E5%87%BD%E6%95%B0%E4%BD%9C%E4%B8%BA%E5%9B%9E%E8%B0%83%E5%87%BD%E6%95%B0%E5%8F%AF%E7%94%A8this.png

实用技巧：圆圈进度条…… https://liu.hn.cn/CSS/CSS%E5%9C%86%E5%9C%88%E8%BF%9B%E5%BA%A6%E6%9D%A1.%E6%95%88%E6%9E%9C.png

它的代码： https://liu.hn.cn/CSS/CSS%E5%9C%86%E5%9C%88%E8%BF%9B%E5%BA%A6%E6%9D%A1.%E4%BB%A3%E7%A0%81.txt

笔记特点

• 绝对实用都是做项目的过程中记录的。
• 严重碎片化每一个笔记项目非常简短，只解决一个问题。
• 非常可靠全部都亲自测试能用。

网址

• 在线 https://liu.hn.cn/
• 下载 https://github.com/liu-hn-cn/liu-hn-cn.github.io/releases
• 下载 https://gitee.com/liu-hn-cn/liu-hn-cn/releases

欢迎 Star 点赞 :-)