摘要:ES6包含了一个性能领域的特殊要求。这与一个涉及函数调用的特定优化形式相关:即尾调用优化(Tail Call Optimization,TCO)。简单地说,尾调用就是一个出现在另一个函数“结尾”处的函数调用。这个调用结束之后就没有其余事情要做了(除了可能要返回结果值) 什么尾调用 举个例子,下面是一 阅读全文
posted @ 2020-09-11 10:31 Jafeney 阅读(51) 评论(0) 推荐(0) 编辑
摘要:本章介绍一下CSS的知识点,CSS的东西很多,下面这些是比较高频的考点,希望对你有所帮助: 2.1 常用选择器 面试官:请介绍一下常用的选择器及其优先级吧(基础题) 在CSS中,选择器是一种模式,用于选择需要添加样式的元素。常用的选择器按优先级从高往低分别是: ID选择器(优先级最高,一般用于定义容 阅读全文
posted @ 2020-09-07 13:11 Jafeney 阅读(55) 评论(0) 推荐(0) 编辑
摘要:前端开发过程中针对复杂的动画,往往调整起来比较无力,这个时候如果借助devTools的Animations工具,就会把复杂的动画变得"有迹可循"。 注意:动画检查器支持 CSS 动画、CSS 过渡和网络动画,但暂不支持 requestAnimationFrame 动画 面板介绍 打开Chrome的d 阅读全文
posted @ 2020-09-07 12:48 Jafeney 阅读(79) 评论(0) 推荐(0) 编辑
摘要:本章先介绍一些HTML最基础的考点,很多大长面试官喜欢由浅入深地考察知识。而对于一些基础问题的回答,很多同学反而因组织不好语言而给面试官留下不好的印象。本章节我们就带大家一一整理和回顾。 1.1 DOCTYPE的作用 面试官:我们现在写HTML代码第一行通常是 !<DOCTYPE HTML>,请介绍 阅读全文
posted @ 2020-09-07 12:46 Jafeney 阅读(34) 评论(0) 推荐(0) 编辑
摘要:在设计架构的时候,要考虑由下而上的模式,底层的实践最终会影响整个系统的架构。再好的架构,如果没有辅以有效的工程实践,那么最终我们得到的只是一只空有其表的架构方案。能自下而上影响软件架构的,就只有代码了。 代码本身是一种难以衡量的实践。同一个业务功能有不同的代码实现。想象一个场景,我们对外提供了一个 阅读全文
posted @ 2020-08-16 22:04 Jafeney 阅读(43) 评论(0) 推荐(0) 编辑
摘要:正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript 中,正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法, 以及 String 的 match、matchAll、replace、search 和 split 方法。正则表达式的掌握程度能粗略地看出程 阅读全文
posted @ 2020-08-15 17:14 Jafeney 阅读(53) 评论(0) 推荐(0) 编辑
摘要:在开发大型Web应用或复杂交互的网站,不免会遇到一些页面性能瓶颈的问题。本篇介绍一下如何利用Chrome的性能面板分析网站的性能瓶颈,应该对你有所帮助。 注意,为了减少一些Chrome插件对性能评估产生噪音,最好打开隐身模式访问页面进行测试。 将Chrome切换到隐身模式,然后打开该页面进行测试: 阅读全文
posted @ 2020-08-02 23:59 Jafeney 阅读(102) 评论(0) 推荐(0) 编辑
摘要:最初,前端是没有架构的,因为功能简单的代码毫无架构可言。通过一个简单的jQuery库操作DOM就能完成的工作,无需复杂的设计模式和代码管理机制,也就不需要架构来支持起应用。 前端开发的发展历史分为以下几个阶段: 古典时代:由后端渲染出前端HTML,用Table布局,用CSS进行简单的辅助 动效时代: 阅读全文
posted @ 2020-08-02 22:14 Jafeney 阅读(65) 评论(0) 推荐(0) 编辑
摘要:React16.8开始内置了10个Hook,核心是2个: 状态管理:useState 副作用管理:useEffect 有状态的函数 useState 有状态组件写法: class Example extends React.Component { constructor(props) { super 阅读全文
posted @ 2020-05-26 00:30 Jafeney 阅读(143) 评论(0) 推荐(0) 编辑
摘要:在开发大型Web应用或复杂交互的网站,不免会遇到一些页面性能瓶颈的问题。本篇介绍一下如何利用Chrome的性能面板分析网站的性能瓶颈,应该对你有所帮助。 注意,为了减少一些Chrome插件对性能评估产生噪音,最好打开隐身模式访问页面进行测试。 将Chrome切换到隐身模式,然后打开该页面进行测试: 阅读全文
posted @ 2020-05-25 10:31 Jafeney 阅读(185) 评论(0) 推荐(0) 编辑