HTML

  •       之前通过深入学习DOM的相关知识,看了慕课网DOM探索之基础详解篇这个视频(在最近看第三遍的时候,准备记录一点东西,算是对自己学习的一点总结),对DOM的理解又具体了一步,因为DOM本来就是一个抽象和概念性的东西,每深入一步了解,在脑中就会稍微具体一点,通过这次的对DOM的系统学习,对DOM有一个比较深刻的理解,明白了DOM在JavaScript这门语言中举足轻重的地位,了解了DOm的发展历史,也让我明白了存在浏览器浏览器兼容性的历史原因,对DOM的结构有了进一步的认知,对DOM的一些API也更加熟悉,对比较抽象和概念性的DOM认知稍微具体了一些。下面就是自己深入学习DOM这门课程

  • 最近做的一个项目涉及到评分和展示分数的模块,UI设计师也给了几个切好的图片,实现五角星评分方式很多,本质爱折腾的精神和对性能追求以及便于维护的考虑,搜集和尝试了很多方式,最终采用了纯css驱动的实现方式完成评分和展示分数的功能,没有js,也就意味着没判断逻辑,代码出错的几率更少,也更便于维护,在此,把这个功能的实现的过程记录和分享一下,一起学习交流。

    原文收录在我的 GitHub博客 (https://github.com/jawil/blog) ,喜欢的可以关注最新动态,大家一起多交流学习,共同进步。

    五角星的实现

    1.图片或者字体图标

    不极致追求性能的话,直接利用设计师给的png或者jpg

  • API (Web 或 XML 页面) = DOM + JavaScript(脚本语言)

    问题

    问题从一个异常开始。

    有网友写了如下代码:

    function download() {
          console.log(1);
    }
    <a onclick="download()">下载</a>

    当点击按钮的时候,却报错了:

    Uncaught TypeError: download is not a function

    报错信息很奇怪:download 不是一个函数。如果我们在 devtools console 执行 $0.download 会得到 "",一个空字符串。