记录－交流－Web开发知识分享
本文翻译自 typescript-5-2-new-keyword-using，版权归原作者所有。
TypeScript 5.2 将引入一个新的关键字 —— 「using」，它的作用是：当离开作用域时，你可以使用 Symbol.dispose 释放掉任何内容。
{
const getResource = () => {
return {
[Symbol.dispose]: () => {
console.log('Hooray!')
}
}
}Bootstrap v5.3.0 的稳定版本正式发布，新版本带来的变化包括：
Bootstrap 的核心已被重写，为黑暗模式提供了支持。此外，Bootstrap 现在支持任何数量的颜色模式，允许你建立自己的自定义主题或更细微的颜色模式。
为 Bootstrap 添加黑暗模式支持时，Bootstrap 团队并不想只是添加一个黑暗模式，而是想为一个颜色模式系统打下基础，这个系统可以用来创建任何数量的主题和颜色模式。
要添加一个自定义的颜色模式，需要创建你自己的 data-bs-theme 选择器，用一个自定义值作为你的颜色模式的名称，然后根据需要修改任何 Sass 和 CSS 变量。
新版本修改了调色板，包括新的 Sass 变量、CSS 变量和用于设置 color 、 background-color 和 border-color 的实用程序。
在 v5.3.0 版本中，链接的风格设计有了很大的改善，有了一系列全新的链接帮助器和工具。首先，新版本增加了一些样式，用新的图标链接助手将图标（如 Bootstrap Icons）与链接放在一起。
将 .nav-underline 添加到
前言：
看了上篇文章对 webAssembly 的介绍，本文开始进行代码实践，看看webAssembly是如何工作的。
一、快速体验
首先，想快速体验webAssembly，我们可以打开任意一个支持它的浏览器，在控制台里输入以下代码并运行：…
如今，我们不得不使用许多辅助工具来促进、加速和优化我们的 Web 开发工作流程。但是，此类工具通常会在堆栈中增加一层额外的复杂性。因此，我们需要花费额外的时间和精力来学习、理解和正确使用这些工具。webpack也是如此。…
在某个时候，可能很多年后，像这样的针对初学者的 webpack 教程将是完全没有必要的。但是目前需要webpack这样的工具来实现良好的代码维护和高性能。
在此站点上的先前教程中，我介绍了 Parcel，它是 JavaScript 打包程序场景中最近添加的一个。然而，在本文中，我将介绍许多人认为前端捆绑的行业标准：webpack（通常用小写字母“w”书写）。
这里介绍webpack的基本使用。
在一个单独的目录中新建配置文件00_webpackhello/package.json：
{
"name": "00_webpackhello",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build"1：FileReader : 读取文件内容
readAsText() 读取文本文件，(可以使用Txt打开的文件)
readAsBinaryString(): 读取任意类型的文件，返回二进制字符串
readAsDataURL: 方法可以将读取到的文件编码成DataURL ，可以将资料(例如图片、excel文件)内嵌在网页之中，不用放到外部文件…
现在是 2020 年，浏览器可以做出惊人的事情。
这个 repo 包含一个非详尽的列表，列出了当今浏览器中实现的鲜为人知的功能。
此列表不适合技术人员；相反，它想成为“我不知道我们可以在浏览器中做到这一点！” 列表。
在许多情况下，列出的功能还不是标准的一部分，可能只在某些浏览器或配置上可用。…
注意点：webpack 4 以上的，都需要安装webpack-cli
安装 webpack-cli 后面我们需要使用webpack打包我们需要打包的文件
npm i webpack-cli -S 当前项目安装
npm i webpack-cli -g 全局安装 在项目中新建一个
webpack.config.js
用来存放配置代码
// 初始化版本
module.exports = {
mode: 'development', // 当前的开发模式
entry: __dirname "/js/test.js",// 入口文件 需要打包的js文件
output: {
path: __dirname "/dist",// 打包后的文件存放的地方
近期评论