重学前端
程劭非(winter)
前手机淘宝前端负责人
立即订阅
32956 人已学习
课程目录
已完结 58 讲
0/4登录后,你可以任选4讲全文学习。
开篇词+学习路线+架构图 (3讲)
开篇词 | 从今天起,重新理解前端
免费
明确你的前端学习路线与方法
列一份前端知识架构图
模块一:JavaScript (15讲)
JavaScript类型:关于类型,有哪些你不知道的细节?
JavaScript对象:面向对象还是基于对象?
JavaScript对象:我们真的需要模拟类吗?
JavaScript对象:你知道全部的对象分类吗?
JavaScript执行(一):Promise里的代码为什么比setTimeout先执行?
JavaScript执行(二):闭包和执行上下文到底是怎么回事?
JavaScript执行(三):你知道现在有多少种函数吗?
JavaScript执行(四):try里面放return,finally还会执行吗?
JavaScript词法:为什么12.toString会报错?
(小实验)理解编译原理:一个四则运算的解释器
JavaScript语法(预备篇):到底要不要写分号呢?
JavaScript语法(一):在script标签写export为什么会抛错?
JavaScript语法(二):你知道哪些JavaScript语句?
JavaScript语法(三):什么是表达式语句?
JavaScript语法(四):新加入的**运算符,哪里有些不一样呢?
模块二:HTML和CSS (16讲)
HTML语义:div和span不是够用了吗?
HTML语义:如何运用语义类标签来呈现Wiki网页?
CSS语法:除了属性和选择器,你还需要知道这些带@的规则
HTML元信息类标签:你知道head里一共能写哪几种标签吗?
CSS 选择器:如何选中svg里的a元素?
CSS选择器:伪元素是怎么回事儿?
HTML链接:除了a标签,还有哪些标签叫链接?
CSS排版:从毕升开始,我们就开始用正常流了
HTML替换型元素:为什么link一个CSS要用href,而引入js要用src呢?
HTML小实验:用代码分析HTML标准
CSS Flex排版:为什么垂直居中这么难?
CSS动画与交互:为什么动画要用贝塞尔曲线这么奇怪的东西?
HTML语言:DTD到底是什么?
CSS渲染:CSS是如何绘制颜色的?
CSS小实验:动手做,用代码挖掘CSS属性
HTML·ARIA:可访问性是只给盲人用的特性么?
模块三:浏览器实现原理与API (9讲)
浏览器:一个浏览器是如何工作的?(阶段一)
浏览器:一个浏览器是如何工作的?(阶段二)
浏览器:一个浏览器是如何工作的(阶段三)
浏览器:一个浏览器是如何工作的?(阶段四)
浏览器:一个浏览器是如何工作的?(阶段五)
浏览器DOM:你知道HTML的节点有哪几种吗?
浏览器CSSOM:如何获取一个元素的准确位置
浏览器事件:为什么会有捕获过程和冒泡过程?
浏览器API(小实验):动手整理全部API
模块四:前端综合应用 (5讲)
性能:前端的性能到底对业务数据有多大的影响?
工具链:什么样的工具链才能提升团队效率?
持续集成:几十个前端一起工作,如何保证工作质量?
搭建系统:大量的低价值需求应该如何应对?
前端架构:前端架构有哪些核心问题?
特别加餐 (9讲)
新年彩蛋 | 2019,有哪些前端技术值得关注?
用户故事 | 那些你与“重学前端”的不解之缘
期中答疑 | name(){}与name: function() {},两种写法有什么区别吗?
答疑加餐 | 学了这么多前端的“小众”知识,到底对我有什么帮助?
加餐 | 前端与图形学
加餐 | 前端交互基础设施的建设
期末答疑(一):前端代码单元测试怎么做?
期末答疑(二):前端架构中,每个逻辑页面如何可以做到独立发布呢?
加餐 | 一个前端工程师到底需要掌握哪些技能?
尾声 (1讲)
尾声 | 长风破浪会有时,直挂云帆济沧海
重学前端
登录|注册

期中答疑 | name(){}与name: function() {},两种写法有什么区别吗?

winter 2019-03-30
你好,我是 winter。
随着专栏进度过半,我们专栏的评论区留言量也日渐上涨。除了大家的小作业和学习心得,我还看见很多同学们在学习过程中提出了不少问题。
这其实是一种很好的学习方式,通过问题,我们可以对这部分知识记得更为牢固。
所以,我鼓励你在阅读文章之外,多思考,多提问,把自己不懂的地方暴露出来,及时查缺补漏,这样可以更好地吸收知识。同时,你也可以通过回答别人的问题来检验自己对知识的掌握情况。
我们一起来看看,大家都提出什么问题。
1. 老师你好!我语义化标签用得很少,多数用到的是 header、footer、 nav 等语义化标签,想问老师 section 和 div 混合使用,会不会效果不好呢?
答:不会效果不好的,因为本来就是这么用的。遇到不确定的情况,请千万不要乱用标签,用 div 和 span 就好。
2. 我一直看见闭包这个词,但是一直也没有弄清楚它是什么东西,老师可以简单概括一下什么是闭包吗?
答:你可以这样理解,闭包其实就是函数,还是能访问外面变量的函数。
3.“事实上,JavaScript 中的“类”仅仅是运行时对象的一个私有属性,而 JavaScript 中是无法自定义类型的。”
文中说“类”是私有属性,可以具体表现是什么,不是很能理解具体含义?
取消
完成
0/1000字
划线
笔记
复制
© 版权归极客邦科技所有,未经许可不得传播售卖。 页面已增加防盗追踪,如有侵权极客邦将依法追究其法律责任。
该试读文章来自付费专栏《重学前端》,如需阅读全部文章,
请订阅文章所属专栏。
立即订阅
登录 后留言

精选留言(14)

  • Geeker1992
    我知道答案了。在 promise 出现之前,javascript 并没有异步,有异步的是宿主环境。

    作者回复: 对的

    2019-04-04
    18
  • 阿成
    /**
     * @param {string} str
     */
    function str2num (str) {
      const [m, e = ''] = str.split('e')
      const [i, f = ''] = m.split('.')
      let result = 0
      // handle int
      let sign = 1
      for (let x of i) {
        if (x === '+') {
          continue
        } else if (x === '-') {
          sign *= -1
          continue
        } else {
          result *= 10
          result += c2n(x)
        }
      }

      // handle fraction
      if (f) {
        result += str2num(f) / (10 ** f.length)
      }

      // handle exponent
      if (e) {
        let exponent
        let sign = 1
        if (e[0] === '-') {
          sign = -1
          exponent = str2num(e.slice(1))
        } else if (e[0] === '+') {
          exponent = str2num(e.slice(1))
        } else {
          exponent = str2num(e)
        }
        if (sign === -1) {
          result /= 10 ** exponent
        } else {
          result *= 10 ** exponent
        }
      }

      // handle sign
      result *= sign
      return result
    }

    function c2n (char) {
      const n = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9][char]
      if (n == null) throw new Error(`unknown char: "${char}"`)
      return n
    }

    function assert (input) {
      let output = str2num(input)
      let expect = Number(input)
      if (output !== expect) {
        throw new Error(`input ${input}, got ${output}, while expect ${expect}`)
      }
    }

    void function test () {
      assert('13.4e-7')
      assert('.4e+7')
      assert('-.2e+1')
      assert('+.6e+0')
      assert('0')
      assert('-0e-0')
      assert('0e0')
      assert('123')
      assert('2e1')
      assert('2e-0')
      assert('.1')
      console.log('All right.')
    }()
    2019-03-30
    6
  • Geeker1992
    老师,为什么说没有了微任务就没有了异步?不是还有 setTimeout 的吗?

    作者回复: 因为那是宿主的东西呀,不在JS引擎里

    2019-04-03
    2
  • 自由之翼
    一般都是缓存 数据 吧 ,个人感觉 缓存 js css 纯属没事儿找事儿.
    2019-04-03
    1
  • Geek_c43534
    老师,jquery ajax 同步请求的原理是?目前用axios库,不支持同步请求,如果希望执行同步请求有什么解决办法?
    2019-04-01
    1
  • sprinty
    老师您好,把JS代码缓存在 localStorage 中,从 localStorage 取出后怎么执行? 如果缓存的是 css 呢?
    2019-03-30
    1
  • 阿成
    写的过程中遇到了个精度问题:
    比如13.4e-7,一开始我的结果是0.0000013399999999999999,然后我把乘法改成了对应的除法,就可以了。这说明JS引擎对除法的处理不是简单的乘以相应的倒数,具体的机制不知道 winter 老师能不能给个解释。
    2019-03-30
    1
  • 洛小贼
    请问第4个问题产生这种差异是否是因为o1用了闭包所以可以访问自己,o2没有用闭包所以不能访问它自身?
    2019-06-16
  • 哈哈
    function foo(a) {
        var a;
        return a;
    }
    function bar(a) {
        var a = 'bye';
        return a;
    }
    [foo('hello'), bar('hello')]//输出结果为:hello,bye
    两个函数内部的 return a; 根据作用域链寻找都是返回函数作用域的 a 吧。
    第二个输出我可以理解,可是第一个的输出结果是 hello ,
    第一个函数的a 不是undefined 吗?

    作者回复: 你自己传参数了啊亲……参数和变量在同一环境里面的

    2019-05-27
  • veath
    请问下,link preload 解析执行时机和构建 CSSOM一样吗---html从上往下解析到link preload才会解析执行?还是说并行解析html 和preload
    2019-04-16
  • xiaolu289
    js如果取出来是字符串,目前我想到一个方案是用eval去执行,不过感觉直接用localstrage存储js代码这种操作可能会有安全问题,毕竟locastrage在浏览器是随便我怎么改都行的....
    css的话,直接插一个style不就好了嘛....js其实也可以插一个script....所以具体什么场景采用什么方案,还得根据业务场景来决定

    不知道我理解得是否正确..
    2019-04-01
  • Daniel
    老师您好,请教你个问题。 link与script都可以引用js代码,这两者的区别是什么呢?
    2019-04-01
  • 杨学茂
    请问:var,let 和 const 在 babel 中都会被编译为 var, 那怎么区分 const 是常量呢?
    2019-03-30
  • Jy
    name()和name: function,本质上前面的是Method,后面是函数属性。
    具体的差异不大,有个小栗子: 在name: function中使用super会报错,而name()不会。
    2019-03-30
收起评论
14
返回
顶部