超级实用的前端笔记

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 2022 天前的主题，其中的信息可能已经有所发展或是发生改变。

精彩片段

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

函数

this

笔记

代码

18 条回复 • 2019-05-24 15:24:04 +08:00

www12222

2019-05-22 14:02:28 +08:00

有点意思👍

liuzhiyong

2019-05-22 14:30:18 +08:00

@www12222 多谢夸奖。

hanmiao

2019-05-22 14:50:41 +08:00

好评

liuzhiyong

2019-05-22 15:21:20 +08:00

@hanmiao 多谢 :-)

yukminnie

2019-05-23 10:54:47 +08:00 via Android

👍👍👍

azh7138m

2019-05-23 11:13:28 +08:00

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

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

ahonn

2019-05-23 13:14:38 +08:00

村通网么..

liuzhiyong

2019-05-23 13:32:38 +08:00

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

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

liuzhiyong

2019-05-23 13:36:25 +08:00

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

liuzhiyong

2019-05-23 13:40:32 +08:00

@yukminnie 多谢支持 :-)

iMusic

2019-05-23 22:23:30 +08:00

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

liuzhiyong

2019-05-23 22:29:35 +08:00

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

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

Pi7bo1

2019-05-24 09:17:56 +08:00

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

azh7138m

2019-05-24 09:45:09 +08:00 via Android

@liuzhiyong 你被降权了（

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

liuzhiyong

2019-05-24 11:14:53 +08:00

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

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

liuzhiyong

2019-05-24 11:17:08 +08:00

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

azh7138m

2019-05-24 11:58:37 +08:00

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

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

liuzhiyong

2019-05-24 15:24:04 +08:00

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