个人技术分享

导言： Edge浏览器是微软推出的一款现代化、高效的网络浏览器。它不仅提供了基本的浏览功能，还具备了许多强大的特性和技巧，可以帮助用户更好地利用浏览器进行工作和娱乐。本文将介绍一些Edge浏览器的使用技巧，帮助读者更好地掌握这款浏览器。

在HTML5中创建一个带有爱心动画的表白页面，可以通过结合CSS3动画和JavaScript来实现。这个示例创建了一个简单的表白页面，其中包含一个动态的爱心和文字。你可以根据自己的需求调整样式和动画效果，以创建一个更加个性化的表白页面。的动画，它会使爱心按照一定的时间间隔进行缩放，产生跳动的效果。类定义了表白文字的样式，包括它的位置、颜色和字体大小。类定义了爱心的样式，包括它的形状和大小。伪元素用于创建爱心的两个部分，并使用。在这个示例中，我们使用了CSS3的。属性来旋转它们，形成爱心的形状。

网页的外观是否美观，很大程度上取决于其排版。在页面中出现大段的文字，通常采用分段进行规划，对换行也有极其严格的划分。本节从段落的细节设置入手，利用段落与排版标记自如地处理大段的文字。

在这个例子中，`person.sayHi()`是一个普通的函数，它的`this`指向`person`对象本身，因此输出结果为`Hi, my name is John`。而`person.sayHiArrow()`是一个箭头函数，它的`this`指向的是定义该函数时所在的作用域，也就是全局作用域。在这个例子中，getName方法返回一个箭头函数，而这个箭头函数中的this指向的是它定义时所在的作用域obj的this，也就是指向对象obj。在全局环境下定义箭头函数，它的this指向的是全局对象 window。

手写JS Promise函数

1.html5新特性。

vue3中在elementplus多行表格中渲染多图数组中首图的显示问题，作用域插槽写法问题在vue3中使用elementplus的el-table组件的时候，此时我在vue生命周期中挂载时获取了到服务器了数据，这个数据是一个多个对象的数组，各个对象又包括了图片数组，此时我想在表格上的每一行渲染图片的首图，也就是下标为0的图片，但是出现图片无法正常显示。出现Property "scope" was accessed during render but is not defined on instance.

手写JS Promise函数

Vue学习穿梭框Transfer组件

el-input 自动获取焦点

还有DOM，本质上DOM将web页面和脚本（编程）语言连接起来了，成为了网页编程的接口，还有DOM的节点树，以及document的常用方法及属性。这些知识用了三四天左右学完，因为是JavaWeb，并不是前端，所以只是够用，不是深入，但是这确实是学校一个学期交的东西（JavaWeb课程）。HTML：这部分并没有什么难点，两种表单提交的方法需要搞清楚（默认为GET和POST）。JS：因为有Java基础，JS的逻辑层面比较清晰，以及定义函数的两种方式（静态和动态），CSS：这部分更是流水账，根据W3C查找即可。

本文主要介绍如何在N1盒子原系统刷入OpenWRT软路由系统，并结合cpolar内网穿透工具轻松实现公网访问管理本地刷好OpenWRT软路由系统的N1盒子。喜欢折腾小主机的朋友应该都知道N1盒子，它有着不错的硬件配置，能刷安卓电视盒子，游戏机系统，或是小钢炮下载器，也有很多人会刷今天要介绍的OpenWRT软路由系统，现在大概百十来块的价位也很适合新手小白入手来做一个低成本的旁路由。

Next.js 是一个基于 React 的开源框架，它使得构建用户界面变得更加简单而高效。Next.js 特别适合用于构建服务器端渲染（Server-Side Rendering,）和静态导出的网站和应用程序。它提供了自动的代码分割、服务器端渲染、客户端渲染、静态网站生成（Static Site Generation,通过掌握上述知识和技术，你可以有效地使用 Next.js 和 React 构建高质量的网页应用。

所以，在前面的博客中，我们初始化了一个空的项目，当执行webpack打包时，需要先手动在src目录下创建一个index.js文件，这样在执行npm run build后，在dist的目录下生成了一个main.js文件，这个也验证了上面零配置打包规则的第1点和第2点。上述配置，指定了入口文件，同时指定了dist文件夹下输出的文件名为bundle.js，执行npm run build，会看到在dist文件下多了一个bundle.js文件。

pnpm（Package Manager）是一个快速、节省磁盘空间的 JavaScript 包管理器，它是 Node.js 生态系统中npm的一个替代品。pnpm解决了传统包管理工具在处理依赖时的一些痛点，特别是关于存储空间使用和依赖地狱的问题。以下是pnpmpnpm引入了“内容寻址存储”（Content-Addressable Storage, CAS）的概念，它只在本地存储每个依赖的一个实例。这意味着，即使多个项目或同一项目中的不同依赖共享同一个依赖包，它们也不会被重复下载和存储。

带Google字样的，右键全部禁用掉，刚安装的谷歌浏览器，可能没有，需要过一段时间才会出现，后面多次查看一下。桌面谷歌浏览器快捷方式----右键---打开文件所在位置。禁用掉自动更新还不行，还得往下执行。我的电脑----右键----管理。找到这个update目录。

这些命令可以帮助用户更高效地管理浏览器设置、调试网页问题、优化性能或了解Chrome的内部工作原理。只需在地址栏输入这些命令并回车即可访问相应的页面。开头，可以快速访问浏览器的各种内部页面和功能。Chrome浏览器内置了许多实用的命令，这些命令以。

利用element-plus中的el-menu实现简单右键。

手写javascript部分原生库实现

【React】useEffect传入依赖数组时，如何阻止首次渲染加载