你好，Web 朋友 👋

【前端】面试题挑战 Day3 ES6 有哪些新特性？ - 编程导航 (code-nav.cn) 本文用示例来展现一些新特性的方便用法 1. 模板字符串（Template Literals） const data = [1,2,3,4,5] const result = ` { code: 200, data: [${data}] } ` 模板字符串中所以类似于"${}"的字符串都将视为可执行的js语句。并且也会被语句中的实际值给替换。 像上面的示例，若没有模板化字符串这个特性，就得手动用一堆加号来拼接了。 2. 解构赋值（Destructuring） 假设示例1是后…

【前端】面试题挑战 Day2 JavaScript 中如何中止网络请求？ - 编程导航 (code-nav.cn) const controller = new AbortController(); const signal = controller.signal; fetch(url, { signal }).then(response => { // Handle the response }).catch(error => { if (error.name === 'AbortError') { console.log('Request was cancelled'); } else { …

【前端】打卡挑战 Day 1 CSS 选择器有哪些？优先级分别是什么？ - 编程导航 (code-nav.cn) 选择器 CSS主要有五大基本选择器 元素选择器：用于选择指定html元素 类选择器：用于选择指定了class的html元素 id选择器：用于选择指定了id的html元素 伪类选择器：用于选择匹配特殊状态的html选择器，比如悬浮态hover，点击后的链接active，元素前before，元素后after 通用选择器：用于选择所有元素 语法 有了基本选择器，CSS可以通过语法来组合基本选择器，从而进一步指定要选择的元素 div button 空格间隔开的…

创作背景 简单介绍介绍写作背景吧，这本是一个我梦境的真实改编，所以小说内虚幻的部分也是有现实基础的。比如我时不时会做一些非常荒诞的梦，这是真的。这篇小说写的也只是我荒诞梦境里的其中之一。我平常也会有记录梦境的习惯，恰巧看到我的世界中文论坛的活动，就想着要不改编成小说试试？于是就有了这篇小说。因为是我的世界中文论坛给了我这次创作意图，所以首发我发在了论坛上。再次感谢论坛给的思路。最后，我是新人作者，所以有瑕疵的地方还请大佬不吝赐教。 论坛活动链接指路👉【周边创作每月活动】|一月活动|游离怪诞|投稿阶段|奖励升级★ - 周边创作 - Minecraft(我的世界)中文论坛 - (mcbbs.net) 论坛帖子指路�…

🥹前言 大家都知道一星期前皮哥在频道内召唤前端助手的请求吧。作为星球的资深潜水员，自然不能错过这样的消息。 然而我之前开发项目都基于Vue3，在挑战考核任务之前从未接触过React。 可是在当了解到考核任务要用一个我完全没用过的框架后，我还是没法克制住这该死的少年的挑战欲。于是我接下了这次挑战。。。这应该也算是零基础挑战任务吧。 可惜本人由于某些不可抗力，即使通过考核也暂无精力抽手帮助皮哥做前端开发助手。算是遗憾错过这次宝贵机会吧。 所以这个项目从立项之初就是为了体会另一种编程思想，以及学到更多。所以即使时间有限，也还是有很认真的在抽出时间（摸鱼的时间）不断学习不断实践的，期间也遇到了大大小小的坑。这篇文章…

开发前端项目时，经常会使用一些前端工具来帮助规范代码，eslint和 prettier就是两个非常好用的工具，两个一起用时可以让 eslint 负责检查代码，prettier负责格式化代码。 其次，git commit 时，也希望 commit message 能好看些，以及规范些，更希望能在 commit 之前通过 eslint检查并用 prettier格式化代码，来防止 commit的代码不合规范，导致后期维护困难。那么如何初始化一个这样的项目呢？阅读本篇文章，将带你实战了解整个过程。 项目初始化 首先新建一个文件夹 Test(改成项目名称)，用作项目根目录。然后在VSCode中打开这个文件夹。 在Vscode…

前言 今天在写组件，使用flex属性来定位元素时，遇到了怎么改align-content都无法实现内容居中的效果，于是参考了W3C的有关文档，理解了为何要设置align-items和align-content两个属性来实现对子元素的定位。 以下是为了区分这两个属性而做的简单应用场景示例笔记。 align-items 与 align-content 的应用场景 简单区分 两个属性都不作用于定义了该属性的元素本身，一般将其定义为容器属性，即父元素的属性。同样的，他们都作用于父元素下的子元素，只不过align-item会根据父元素的空间去为父元素下的每一行元素定位。而align-content则是将父元素下的所有…

17年通过远程桌面打开MC的截图 20年用Fiddle替换钉钉直播页面，强制刷赞的截图 在钉钉里愉快地为老师点赞 – 九仞之行 (styunlen.cn) 还有好多好多文件，除了我的记忆以外，能代表我当时生活的一部分的文件。时光荏苒啊 ，且行且珍惜。 数据无价， 别忘了备份你的数据。

Brief An English note formatted by python using Youdao translation API. Unfamiliar words The infestation will be eradicated 单词释义 infestation 释义 英英释义 n. the state of being invaded or overrun by parasites a swarm of insects that attack plants similar word: plague eradicated 释义 柯林斯 eradicate ⭐ [V-T] To e…

版本限定符 版本控制中比较普遍的格式:为 Major.Minor.Revision Major表示大版本，Minor表示小版本，Revision表示修正版本号 比如1.7.5中，1就是大版本，7就是小版本，5就是修正版本号 Ref:版本号百度百科 而在package.json文件里，包管理器有以下版本限定符 ^1.0.0 ~1.0.0 >=1.0.0 <1.0.0 * 1.0.x ^这个符号表示兼容某个版本版本号中最左边的非0数字将被锁定，其后的版本号为任意值或者缺少某个版本号的位置任意 ^1.7.5 等同于 1.x.x ^0.7.5 等同于 0.7.x ^1.7 等同于 …