ES6特性介绍
一、变量声明与作用域 🌟在 ES6 中,变量声明的方式得到了重大改进,让我们对作用域的控制更加精准。let 和 const 的引入,解决了 var 的一些历史遗留问题,比如变量提升和作用域模糊。
1234567891011// var 存在变量提升(声明提升但值不提升)console.log(a); // undefinedvar a = 1;// let/const 具有块级作用域和暂时性死区(TDZ){ console.log(b); // ReferenceError let b = 2;}// 建议:默认使用 const,需修改时用 let,避免使用 var
为什么选择 let 和 const?let 和 const 的块级作用域特性,让我们可以更清晰地管理变量的生命周期,避免意外的变量污染。TDZ(暂时性死区)则进一步限制了对未初始化变量的访问,帮助我们写出更安全的代码。
二、解构赋值 🛠️解构赋值是 ES6 中一个极具表现力的特性,它让我们可以从数组和对象中快速提取值,极大地简化了代码。
123456789101112// 数组解构const ...
🌈 HTML5+CSS3现代化最佳实践
HTML5语义化标签🧠 什么是语义化?HTML 标签不再只是 “盒子”,而是自带含义的 “说明书”!语义化标签让浏览器、屏幕阅读器、搜索引擎轻松理解页面结构。
举个栗子🌰:用 <nav> 装导航栏,比 <div class="nav"> 更直白,类似于鞋盒与一个普通盒子(贴了一个标签上面写着我是鞋盒)的区别
🏗️ 经典页面结构1234567891011<!-- 像搭积木一样构建页面 --><body> <header>👑网站标题和搜索框等</header> <nav>🗺️导航菜单</nav> <main> <article>📰独立文章</article> <section>📦内容部分(章节 / 主题分区)</section> </main> <aside>🎁侧边栏(广告 / 推荐等 "小彩蛋")</aside> & ...
wsl迁移教程
在使用wsl2的过程中,由于开发的相关项目越来越多,而wsl默认安装在C盘下,导致空间占用太大,思考能否将wsl子系统迁移到其它盘符下.经过一番尝试,完成了迁移,在此总结一下,供有需要的开发者参考.
一、迁移前的准备工作
停止 WSL2 运行
在 Windows PowerShell 或 CMD 中执行以下命令,确保 WSL 实例已关闭: 1wsl --shutdown
验证状态(显示为 Stopped): 1wsl -l -v
此处可以记录下自己的 wsl -l -v 输出的 发行版名称name ,以便后续导出使用。
创建目标目录
在 D 盘新建一个文件夹用于存放迁移后的 WSL 文件(如 D:\WSL_Ubuntu)。
二、导出 WSL2 系统镜像
导出现有系统为压缩包
替换 <发行版名称> 为你的 WSL 名称(如 Ubuntu-22.04): 1wsl --export <发行版名称> D:\WSL_Ubuntu\ubuntu.tar
此过程需等待较长时间,文件大小取决于原系统数据量 。
三、注销原有 WSL 实 ...
wsl参考的对象类型不支持尝试的操作
情景描述在Windows环境下启动Ubuntu子系统时,遇到了如下错误提示:“参考的对象类型不支持尝试的操作”。
永久解决方案下载并配置NoLsp.exe为了解决上述问题,您可以下载NoLsp.exe程序,并按照以下步骤操作:
下载链接:
原始链接(可能需要代理): NoLsp.exe
国内CDN链接: NoLsp.exe
下载完成后,请将NoLsp.exe放置于 C:\windows\system32 目录下。
管理员权限执行命令接下来,以管理员身份运行命令提示符(CMD),然后输入下列命令来执行:
1NoLsp.exe C:\windows\system32\wsl.exe
请确保NoLsp.exe和wsl.exe的路径正确无误。
错误原因分析根据Proxifier开发人员的解释,当Winsock LSP (Layered Service Provider) DLL被加载进wsl.exe进程时,就会出现该错误。解决这一问题最直接的方法是使用WSCSetApplicationCategory WinAPI调用对wsl.exe进行设置,以此阻止LSP DLL的加载。
具体来说 ...
鸡尾酒指南
Spirit
琴酒 (Gin)
原料:琴酒主要以谷物 为基底,如小麦或大麦,经过蒸馏后加入杜松子 (juniper berries)和其他香料调味。
最大特点:琴酒的标志性风味来自于杜松子,它赋予了琴酒清新而略带苦味 的特点。此外,不同的琴酒品牌还会加入其他草本植物和香料,如柑橘皮、芫荽籽、肉桂等,以增加层次感和复杂性。
伏特加 (Vodka)
原料:伏特加通常以谷物 (如小麦、大麦或玉米)或马铃薯 为原料,经过多次蒸馏制成。
最大特点:伏特加以其纯净无色、无味和无臭 的特点而闻名,这使得它成为许多鸡尾酒的理想基酒,因为它不会掩盖其他成分的味道 。
朗姆酒 (Rum)
原料:朗姆酒是以甘蔗 糖蜜或新鲜甘蔗汁为原料,经过发酵和蒸馏制成。
最大特点:朗姆酒的风味因其产地和生产工艺的不同而有很大差异。它可以是清淡的、中等的或是浓郁的,有的带有果香,有的则更偏向于焦糖和香草的味道。
威士忌 (Whiskey)
原料:威士忌通常以谷物(如大麦、玉米、黑麦、小麦等)为原料,经过发酵、蒸馏并在橡木桶中陈酿 。
最大特点:威士忌的风味因产地、谷物种类和陈酿时间的不同而有所区别。比如苏格兰 ...
Hexo搭建个人博客教程(基础篇)
简介目的
本教程主要介绍在windows系统下如何配置wsl,并在其中配置Node.js环境,使用Hexo框架搭建简单的个人博客,最后使用Markdown进行博客文章的编写并部署到github-pages上。
概念理清
在正式开始之前,我们先简单了解一下我们搭建博客过程中需要使用到的重要概念,以下是比较形象的理解,非准确定义,供参考:
WSL (Windows Subsystem for Linux): WSL让 Windows 用户无需虚拟机或双系统,就能直接在 Windows 中运行原生的 Linux 命令行工具和应用程序。
node.js:JavaScript的服务端运行环境, 让JavaScript跳出浏览器的束缚,在服务器上构建高效、可扩展的应用程序(可以简单理解为给hexo框架的运行提供了必须的环境)。
npm (Node Package Manager):npm 就像是 Node.js 的仓库管理员,负责维护着数以百万计的 JavaScript 库和工具包,使得开发者能够方便地查找、安装并管理这些工具。
Markdown: 一种简洁的文字格式化语法,将纯文本转 ...
Git多人协作开发流程(Feature-branch)
Git多人协作开发流程1. 克隆远程仓库首先,每个开发者需要从远程仓库克隆项目到本地。
1git clone <远程仓库URL>
具体的步骤可以参考GitHub帮助文档-Cloning a repository。
注意事项从GitHub克隆仓库,配置SSH公钥通常是一个很好的实践。具体可以参考GitHub SSH公钥配置。
远程分支在本地,通常是以origin/branch-name的形式表示。它的作用只是指示远程分支的开发进度,并不会干扰本地分支。实际上只有在远程仓库上创建了分支,或者将本地分支push到了远程仓库,才会有远程分支。
2. 创建并切换分支为避免直接在主分支上工作,每个开发者应创建自己的特性分支。
1git checkout -b feature-branch
上述命令会创建一个名为feature-branch的新分支,并立即切换到该分支。如果只是创建一个新分支,不切换到该分支,可使用git branch feature-branch。
3. 开发与提交在特性分支上进行开发,定期提交代码。
12git add .git commit -m "提 ...