重学前端
程劭非(winter)
前手机淘宝前端负责人
105348 人已学习
新⼈⾸单¥59
登录后,你可以任选4讲全文学习
课程目录
已完结/共 57 讲
开篇词+学习路线+架构图 (3讲)
重学前端
15
15
1.0x
00:00/00:00
登录|注册

期末答疑(一):前端代码单元测试怎么做?

基础薄弱,建议重新学起
第二种写法一般用于给resolve传参数
底层库,避免篡改
单独写一份CSS
eval代码
函数代码
全局代码
eval执行上下文
函数执行上下文
全局执行上下文
实时掌握最新的标签
提供更好的可读性和可维护性
最大程度被缓存,减少重新渲染
不会把子元素绘制到渲染的位图上
适用于复杂选择器
优势
大写的是类,小写的是对象
缓存
实际加载时间
域名
请求数
图片
Node.js写的是服务端代码,与前端性能监控无关
Null不会被篡改,Undefined可以被篡改
Undefined是全局变量,Null是关键字
在基础库和框架开发中引入单元测试
出一套好的单元测试方案
成本不高
选择好的单元测试框架
重新学起
区别
场景
解决办法
分类
分类
标签新推出
作用
渲染过程
从右往左匹配
从左往右匹配
区别
页面加载优化
性能监控
区别
关键点
单元测试成本
单元测试框架
JavaScript学习
Promise中的setTimeout
冻结对象
Flex兼容IE9以下
JavaScript的可执行代码
执行上下文分类
语义化标签
浏览器渲染过程
CSS规则匹配
大小写属性的区别
前端性能监控和页面加载优化
Undefined 和 Null
前端代码单元测试怎么做

该思维导图由 AI 生成,仅供参考

你好,我是 winter。
我们专栏课程的知识部分已经告一段落了。今天,我来集中解决一下大家在学习中遇到的问题,我争取用快问快答的形式,咱们多回答一些问题。
1. 前端代码单元测试还是非常有必要的,不知道老师这一块是怎么做的,能否分享一下?
答:关于单元测试这件事,虽然在业务代码我没做成功过,但是它在框架和基础库开发中起到了非常积极的作用。
我们平时写代码也肯定写一部分就要运行一下试试,其实这种行为就是单元测试,只是我们把很多自动化的内容,用人肉执行了,并且没有保存和管理 case,也没有统计 code coverage。
只要选择一个好的单元测试框架,单元测试成本其实不高,尤其是比较复杂的底层库,引入单元测试不但不会消耗时间,还会提高效率。
所以我认为单元测试要实行,有两个关键点你要格外注意:一是出一套好的单元测试方案,二是在基础库和框架开发中引入单元测试。
2. 关于 Undefined ,如果一个变量没有赋值后面又赋值,这个过程就是“变量会被篡改”的意思么?而 null 为什么又不会被篡改?一个变量开始定义为 null 然后赋值其他数据这个过程不算篡改吗?
答:undefined 是个全局变量,null 是个关键字,在一些版本比较旧的浏览器上,你可以试试:
确认放弃笔记?
放弃后所记笔记将不保留。
新功能上线,你的历史笔记已初始化为私密笔记,是否一键批量公开?
批量公开的笔记不会为你同步至部落
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线
笔记
复制
AI
  • 深入了解
  • 翻译
    • 英语
    • 中文简体
    • 中文繁体
    • 法语
    • 德语
    • 日语
    • 韩语
    • 俄语
    • 西班牙语
    • 阿拉伯语
  • 解释
  • 总结

Winter老师在本文中回答了关于前端代码单元测试、JavaScript变量赋值、Node.js性能监控、CSS选择器匹配、浏览器源码研究等多个问题。他强调了单元测试在框架和基础库开发中的重要性,提出了前端性能打分的几个部分,解释了CSS对DOM构建和属性计算的影响,以及对浏览器内核源码研究的建议。此外,Winter老师还涉及了JavaScript中的this规则、let和const声明数组的区别等问题。总体而言,本文涵盖了前端开发中的多个技术问题,为读者提供了丰富的知识和实用的建议。文章内容涉及的问题广泛,涵盖了前端开发的多个方面,对于想要深入了解前端技术的读者来说,是一篇值得阅读的文章。

仅可试看部分内容,如需阅读全部内容,请付费购买文章所属专栏
《重学前端》
新⼈⾸单¥59
立即购买
登录 后留言

全部留言(7)

  • 最新
  • 精选
  • 渴望做梦
    老师,您在第五条回复的里面引用的那个[视频](https://v.youku.com/v_show/id_XMjMzMzU2NDc2.html?spm=a2h0k.11417342.soresults.dtitle)有前面的那期吗,我想看看

    作者回复: 我自己也遗失了

    2019-06-24
  • 有铭
    对于一个后端开发者来说,前端最困难的东西永远是CSS布局而不是JS,我们对CSS有很大畏惧和恐慌在于: CSS没有很好的调试工具能解决问题,即使chrome dev这样的顶级debug工具,有时候也很难解释诸如“为什么页面上的这个盒子在这个地方”这样的问题。 感觉CSS完全不符合编程的思路,老师有没有办法缓解一下这个问题?
    2019-05-21
    5
    21
  • bai
    只想给大大点个赞
    2019-05-21
    2
  • 王峰
    根据你的描述,你的leader不一定对,耦合指的是模块之间的相互依赖,同一个模块内部,对重复使用的代码做适度抽象是合理的。
    2019-07-02
    1
  • 晴天
    老师,第19题你说“渲染不但发生在 DOM 构建之前,甚至可能发生在你下载网页完成之前”。 如果DOM都没解析,那显示的内容是从哪来的呢?这是不是说不通,有相关的资料推荐阅读吗?
    2020-01-03
    1
  • felix
    老师,能不能说下typescript的发展趋势。个人很讨厌前端用json的格式来定义变量,感觉typescript很友好,但是前端是不是还是以简单为方向?
    2019-05-21
  • 小伙儿爱裸睡
    老师 请教一个问题 js在创建执行上下文的时候是先创建活动对象还是变量对象 两者转换的时机又是什么时候 课程学了大半 其中获益很难用语言表达 别的不多说 以后出课就买 还望老师不吝赐教
    2019-05-21
收起评论
显示
设置
留言
7
收藏
沉浸
阅读
分享
手机端
快捷键
回顶部