超级实用的前端笔记

[liuzhiyong]

精彩片段

中间的 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 点赞 :-)

[www12222]

有点意思👍

[liuzhiyong]

@www12222 多谢夸奖。

[hanmiao]

好评

[liuzhiyong]

@hanmiao 多谢 :-)

[yukminnie]

👍👍👍

[azh7138m]

做的好捉鸡，看上去不是个前端的水准。推荐一个认为做的很好的示例讲解模式 http://demo.doyoe.com/ 。

不过现在 9102 年了，完全可以用 jsbin 或者 codesandbox 做展示嘛。

[ahonn]

村通网么..

[liuzhiyong]

@azh7138m 啊，您可能误会了：这个笔记的首页是“ dirhtml ”工具生成的（不是我做的）。设计要求很简单：想不起来代码了，就进去复制粘贴 :-) 我不要求它好看（也没有时间去做好看），唯一的要求就是“条理清晰、快速 Copy ”。

（你提到的这些平台，真的可以说消失就消失）

[liuzhiyong]

@ahonn 请您分享自己的笔记。

[liuzhiyong]

@yukminnie 多谢支持 :-)

[iMusic]

刚入门的前端吧，真是事无巨细啊。

[liuzhiyong]

@iMusic 老外资料有个特点：照着搞就 OK 了，久而久之我也养成了“事无巨细”的习惯。

然后回答问题：我是 IE5 就开始搞浏览器了（这不是自夸，很多知识都过时了）。

[Pi7bo1]

纯路人 楼主可以记一些不那么细的

[azh7138m]

@liuzhiyong 你被降权了（

codesandbox 说消失就消失可真是章口就莱，建议看一下这期融资和主要使用者。

[liuzhiyong]

@azh7138m 哥们，bing 都可以变成 127.0.0.1
http://tech.ifeng.com/a/20190123/45297819_0.shtml

（“你被降权了”是什么意思？）

[liuzhiyong]

@Pi7bo1 老大，这个就是“复制粘贴集中营”呀。我三十多岁了，记忆力不行了。

[azh7138m]

@liuzhiyong 我以为大家说的是互联网，9102 年，这问题都解决不了的，不建议再写代码了。

被降权的一个特征是，你回复我，是没有提醒的。

[liuzhiyong]

@azh7138m 哎，也许是我过于谨慎了（个人觉得自己的 U 盘比任何云服务都更可靠）。