摘要： Python 与 TensorFLow 环境搭建 Python 语言简介 Python 是目前人工智能领域使用最广泛的语言 Python 语言是荷兰人 Guido van rossun 于 1989 年开始开发，并于 1991 年推出了第一个正式版本 Python 语言名字的由来据说是基于 Guid 阅读全文

摘要： 在白天，我常常需要浅色的 VSCode 主题；在夜间，我常常需要深色的 VSCode 主题。我不希望每天手动切换两次 VSCode 主题，所以我开发了这个可以自动切换主题的 VSCode 扩展 —— Dynamic Theme。 特性 🌄 根据时间点自动切换主题 🎨 自定义要切换的深色或浅色主题 阅读全文

摘要： 摘要 在单文件组件样式中支持使用组件状态驱动的 CSS 变量（ CSS 自定义属性）。 基础示例 <template> <div class="text">hello</div> </template> <script> export default { data() { return { colo 阅读全文

摘要： 概述 编辑器使用 vscode，不再安装 Android Studio。 安装 Git 点击这里 下载并安装 Git 配置 Java 环境 下载和安装 JDK 点击下载 Java SE Development Kit 8 我的安装路径是 “D:\Programs\Java\jdk1.8.0_291” 阅读全文

摘要： vue script setup 已经官宣定稿。本文主要翻译了来自 0040-script-setup 的内容。 摘要 在单文件组件（SFC）中引入一个新的 <script> 类型 setup。它向模板公开了所有的顶层绑定。 基础示例 <script setup> //imported compon 阅读全文

摘要： Meting.js 介绍 Meting.js 依赖 APlayer.js，扩展了 APlayer.js 的功能，能够使 APlayer.js 加载网易云音乐、QQ 音乐、虾米音乐中的歌单。 安装 <!-- require APlayer --> <link rel="stylesheet" href 阅读全文

摘要： 初始化 Vite 基于原生 ES 模块提供了丰富的内建功能，开箱即用。同时，插件足够简单，它不需要任何运行时依赖，只需要安装 vite （用于开发与构建）和 sass （用于开发环境编译 .scss 文件）。 npm i -D vite scss 项目配置 同时用 vite 开发插件和构建插件 de 阅读全文

摘要： 前置 Vite 是一种新型前端构建工具，能够显著提升前端开发体验。Vite 十分适合 awescnb 的架构，最近，我将 awescnb 重构完成，现在可以更加愉快地构建博客园皮肤了。 环境准备 Node.js 点击下载 Git 点击下载 推荐 vscode 点击下载 准备工作 将 awescnb 阅读全文

摘要： 在实际项目中，Rollup 通常会生成 “共用” chunk —— 被两个或以上的其他 chunk 共享的 chunk。与动态导入相结合，会很容易出现下面这种场景： 在无优化的情境下，当异步 chunk A 被导入时，浏览器将必须请求和解析 A，然后它才能弄清楚它首先需要那个共用 chunk C。这 阅读全文

摘要： function fileSelected(e: Event) { const target = e.target as HTMLInputElement const file: File = (target.files as FileList)[0] // ... } 阅读全文

摘要： 开启热更新 config.devServer { + hot: true, } config.plugins [ + new webpack.HotModuleReplacementPlugin(), ] 问题描述 开启热更新后，样式和 js 都无法热更新。 原因分析 项目根目录存在 .browse 阅读全文

摘要： 1. 升级 webpack 和 webpack-cli 1.1 升级 webpack 4 至最新的可用版本。 当使用 webpack >= 4 时，升级到最新的 webpack 5 版本无需额外的操作； 如果你使用的 webpack 版本小于 4，请查阅 webpack 4 迁移指南。 npm in 阅读全文

摘要： 效果 使用方法 如果您使用博客园的 Markdown 编辑器，借助 HTML5 的 detail 标签就可以轻松实现。 <details> <summary>标题</summary> </details> 在 summary 标签之间填写标题 在 summary 之后加入要折叠的内容 请注意：在要折 阅读全文

摘要： 前置 本文将探究 VSCode Prettier 扩展 和 eslint 扩展在 VSCode 中的配置以及这两者对应的在项目中的配置文件的关系， VSCode ESLint 扩展配置与 eslint-loader 的相互配合，在项目中如何将 Prettier 和 ESLint 配合使用，中间还提及 阅读全文

摘要： 为什么需要 Teleport？ 以 Dialog 组件为例，通常需要在一个组件中引入 Dialog 组件。然而，有时一部分逻辑属于 Dialog 所在的组件中，从技术角度来看，最好将这一部分移动到根节点之外的位置。 另外一个问题， 当 Dialog 组件使用 position: absolute 相 阅读全文

摘要： 🤷‍♂️ 这是一个实验性技术，正如你所见，它兼容性目前糟糕。但是 Chrome 是在不断支持它的。 介绍 @property CSS 是 CSS Houdini api 的一部分，它允许开发人员显式定义 CSS 自定义属性，允许属性类型检查，设置默认值，并定义属性是否可以继承值。该规则直接在样式表 阅读全文

摘要： 编辑排版 仅仅了解 Markdown 语法还不够，知道这些 排版技巧 增色您的文章内容。 空格和空行 留白，从艺术角度上说，留白就是以“空白”为载体进而渲染出美的意境的艺术。从应用角度上说，留白更多指一种简单、安闲的理念。在 Markdown 中善于使用空格和空行使文章阅读起来更加自然。 善用空格即 阅读全文

摘要： 前置内容 CSS 自定义属性 “自定义属性”（有时候也被称作 “CSS 变量” 或者 “级联变量”）是由 CSS 作者定义的。声明变量时，变量名前要加上 --，例如 --example: 20px 即是一个 CSS 自定义属性的声明语句。意思是将 20px 赋值给自定义变量 --example。在 阅读全文

摘要： 定义一个 map： $postMeaage: ( categoriesBackground: #ff6b6b, tagsBackground: #ff6b6b #fbc531 #22a6b3 #10ac84 #0097e6, ) !default; 加上 !default 代表这个 map 是默认的 阅读全文

摘要： 前置 在 react 中解决组件样式冲突的方案中，如果您喜欢将 css 与 js 分离，可能更习惯于 CSS-Modules；如果习惯了 Vue.js 那样的单文件组件，可能习惯于使用 styled-components 来解决这个问题。使用 CSS-Modules 从老项目迁移过来可能更容易。 安 阅读全文