获得徽章 0
断点调试是一种常用的调试技术,它允许我们在代码的某个位置暂停执行,并检查变量的值和程序的状态。在Chrome开发者工具中,我们可以通过以下步骤设置断点:

打开开发者工具。

切换到“Sources”(源代码)面板。

在源代码中找到要设置断点的行,并点击行号旁边的空白区域。

设置好断点后,我们可以点击页面上的触发事件,比如按钮点击或链接跳转,程序会在断点处停止执行,然后我们可以逐步调试代码。 #挑战每日一条沸点#
展开
评论
<head>
<style>
p {
color: blue;
font-size: 16px;
}
</style>
</head>
<body>
<p>这是一个蓝色的段落。</p>
</ #挑战每日一条沸点# body>
外部样式表:将CSS样式写在外部的.css文件中,然后通过<link>标签将其引入到HTML文件中。例如:
html
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<p>这是一个外部样式表的段落。</p>
</body>
其中,styles.css为外部样式表
展开
评论
TypeScript是一种由微软开发的开源编程语言,它是JavaScript的超集,并添加了静态类型检查。通过引入类型注解和编译时类型检查,TypeScript提供了更好的代码可读性、可维护性和可靠性。本文将介绍TypeScript的基本概念、语法以及一些常用特性。
#挑战每日一条沸点#
展开
评论
在实际应用中,会遇到各种各样的需求,虽然前面的小节中已经给出了大部分场景需求的解决方案,但还是很难涵盖所有的可能性。 所以你自己需要有能力去分析遇到的问题,然后去寻找对应的解决方案,你可以按照以下思路去分析和解决问题:

对所面临的问题本身要了解。例如在用 Webpack 去构建 React 应用时你需要先掌握 React 的基础知识。
找出现实和目标之间的差异。例如在 React 应用的源码中用到了 JSX 语法和 ES6 语法,需要把源码转换成 ES5。
找出从现实到目标的可能路径。例如把新语法转换成 ES5 可以使用 Babel 去转换源码。
搜索社区中有没有现成的针对可能路径的 Webpack 集成方案。例如社区中已经有 babel-loader。
#挑战每日一条沸点#
展开
评论
模块化是指把一个复杂的系统分解到多个模块以方便编码。

很久以前,开发网页要通过命名空间的方式来组织代码,例如 jQuery 库把它的API都放在了 window.$ 下,在加载完 jQuery 后其他模块再通过 window.$ 去使用 jQuery。 这样做有很多问题,其中包括:

命名空间冲突,两个库可能会使用同一个名称,例如 Zepto 也被放在 window.$ 下;
无法合理地管理项目的依赖和版本;
无法方便地控制依赖的加载顺序。
当项目变大时这种方式将变得难以维护,需要用模块化的思想来组织代码。
#挑战每日一条沸点#
展开
评论
知道前端监控的意义与前世今生。
从用户的视角思考我们监控的性能指标与前端异常给用户带来的影响。
学会监听部分性能指标与前端异常,并封装成一个通用的监听器。
学会将监听器封装到 sdk 中,以及按需加载和链式调用的一些小技巧。
#挑战每日一条沸点#
展开
评论
在 Webpack 中,启动 Tree Shaking 功能必须同时满足三个条件:

使用 ESM 规范编写模块代码
配置 optimization.usedExports 为 true,启动标记功能
启动代码优化功能,可以通过如下方式实现:
配置 mode = production
配置 optimization.minimize = true
提供 optimization.minimizer 数组
#挑战每日一条沸点#
展开
评论
在 Webpack 中,启动 Tree Shaking 功能必须同时满足三个条件:

使用 ESM 规范编写模块代码
配置 optimization.usedExports 为 true,启动标记功能
启动代码优化功能,可以通过如下方式实现:
配置 mode = production
配置 optimization.minimize = true
提供 optimization.minimizer 数组
#挑战每日一条沸点#
展开
评论
The React blog is the official source for the updates from the React team. Anything important, including release notes or deprecation notices, will be posted there first.
You can also follow the @reactjs account on Twitter, but you won’t miss anything essential if you only read the blog.
Not every React release deserves its own blog post, but you can find a detailed changelog for every release in the CHANGELOG.md file in the React repository, as well as on the Releases page.
#挑战每日一条沸点#
展开
评论
本节课程主要分为四个方面:

React 的历史与应用 - 介绍 React 的发展历史以及应用场景。
React 的设计思路 - 介绍 React 的设计思想,为什么 React 要设计成这样。
React hooks 的写法 - 介绍基础的 React hooks 写法,以及常用的 hooks。

该课程需要这些前置知识:

HTML,JS,CSS 基础。
基础的数据结构/算法知识,如二叉树,深度遍历等。
会使用浏览器提供的 DOM API 来修改 DOM,更新 UI。 #挑战每日一条沸点#
展开
评论
今天内容:
设计模式不是银弹
总结出抽象的模式相对比较简单,但是想要将抽象的模式套用到场景中却非常困难
现代编程语言的多编程范式带来的更多可能性真正优秀的开源项目学习设计模式并不断实践
#挑战每日一条沸点#
展开
评论
今天内容:
设计模式不是银弹
总结出抽象的模式相对比较简单,但是想要将抽象的模式套用到场景中却非常困难
现代编程语言的多编程范式带来的更多可能性真正优秀的开源项目学习设计模式并不断实践
#挑战每日一条沸点#
展开
评论
下一页
个人成就
文章被点赞 1
文章被阅读 536
掘力值 73
收藏集
2
关注标签
14
加入于