V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
liuzhiyong
V2EX  ›  分享创造

超级实用的前端笔记

  •  
  •   liuzhiyong · 2019-05-22 10:18:46 +08:00 · 5268 次点击
    这是一个创建于 1773 天前的主题,其中的信息可能已经有所发展或是发生改变。

    精彩片段

    中间的 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

    笔记特点

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

    网址

    欢迎 Star 点赞 :-)

    18 条回复    2019-05-24 15:24:04 +08:00
    www12222
        1
    www12222  
       2019-05-22 14:02:28 +08:00
    有点意思👍
    liuzhiyong
        2
    liuzhiyong  
    OP
       2019-05-22 14:30:18 +08:00
    @www12222 多谢夸奖。
    hanmiao
        3
    hanmiao  
       2019-05-22 14:50:41 +08:00
    好评
    liuzhiyong
        4
    liuzhiyong  
    OP
       2019-05-22 15:21:20 +08:00
    @hanmiao 多谢 :-)
    yukminnie
        5
    yukminnie  
       2019-05-23 10:54:47 +08:00 via Android
    👍👍👍
    azh7138m
        6
    azh7138m  
       2019-05-23 11:13:28 +08:00
    做的好捉鸡,看上去不是个前端的水准。推荐一个认为做的很好的示例讲解模式 http://demo.doyoe.com/

    不过现在 9102 年了,完全可以用 jsbin 或者 codesandbox 做展示嘛。
    ahonn
        7
    ahonn  
       2019-05-23 13:14:38 +08:00
    村通网么..
    liuzhiyong
        8
    liuzhiyong  
    OP
       2019-05-23 13:32:38 +08:00
    @azh7138m 啊,您可能误会了:这个笔记的首页是“ dirhtml ”工具生成的(不是我做的)。设计要求很简单:想不起来代码了,就进去复制粘贴 :-) 我不要求它好看(也没有时间去做好看),唯一的要求就是“条理清晰、快速 Copy ”。

    (你提到的这些平台,真的可以说消失就消失)
    liuzhiyong
        9
    liuzhiyong  
    OP
       2019-05-23 13:36:25 +08:00
    @ahonn 请您分享自己的笔记。
    liuzhiyong
        10
    liuzhiyong  
    OP
       2019-05-23 13:40:32 +08:00
    @yukminnie 多谢支持 :-)
    iMusic
        11
    iMusic  
       2019-05-23 22:23:30 +08:00
    刚入门的前端吧,真是事无巨细啊。
    liuzhiyong
        12
    liuzhiyong  
    OP
       2019-05-23 22:29:35 +08:00
    @iMusic 老外资料有个特点:照着搞就 OK 了,久而久之我也养成了“事无巨细”的习惯。

    然后回答问题:我是 IE5 就开始搞浏览器了(这不是自夸,很多知识都过时了)。
    Pi7bo1
        13
    Pi7bo1  
       2019-05-24 09:17:56 +08:00
    纯路人 楼主可以记一些不那么细的
    azh7138m
        14
    azh7138m  
       2019-05-24 09:45:09 +08:00 via Android
    @liuzhiyong 你被降权了(

    codesandbox 说消失就消失可真是章口就莱,建议看一下这期融资和主要使用者。
    liuzhiyong
        15
    liuzhiyong  
    OP
       2019-05-24 11:14:53 +08:00
    @azh7138m 哥们,bing 都可以变成 127.0.0.1
    http://tech.ifeng.com/a/20190123/45297819_0.shtml

    (“你被降权了”是什么意思?)
    liuzhiyong
        16
    liuzhiyong  
    OP
       2019-05-24 11:17:08 +08:00
    @Pi7bo1 老大,这个就是“复制粘贴集中营”呀。我三十多岁了,记忆力不行了。
    azh7138m
        17
    azh7138m  
       2019-05-24 11:58:37 +08:00
    @liuzhiyong 我以为大家说的是互联网,9102 年,这问题都解决不了的,不建议再写代码了。

    被降权的一个特征是,你回复我,是没有提醒的。
    liuzhiyong
        18
    liuzhiyong  
    OP
       2019-05-24 15:24:04 +08:00
    @azh7138m 哎,也许是我过于谨慎了(个人觉得自己的 U 盘比任何云服务都更可靠)。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3242 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 10:51 · PVG 18:51 · LAX 03:51 · JFK 06:51
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.