Egushan-优快云博客

原创如何在js中使用 scss 定义的变量

SCSS文件定义变量定义变量文件variables.scss // sidebar $menuText: #bfcbd9; $menuActiveText: #ffffff; $subMenuActiveText: #f4f4f5; $menuBg: #304156; $menuHover: #263445; $subMenuBg: #1f2d3d; $subMenuHover: #001528; $sideBarWidth: 210px; // JS 与 scss 共享变量，在 scss 中

2022-03-02 13:36:58 4974 4

原创 Vue3 + TS项目，升级vite配置

下载依赖 npm i vite @vitejs/plugin-vue --save-dev 创建vite.config.ts文件 import { defineConfig } from "vite"; import vue from "@vitejs/plugin-vue"; import { resolve } from "path"; // https://vitejs.dev/config/ export default defineConfig({ base: './', css:

2022-02-23 14:37:22 1963

原创 VUE3+TS项目中配置SvgIcon

创建components/SvgIcon/index.vue组件 <template> <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" :class="className" /> <svg v-else class="svg-icon" :class="className" aria-hidden="true"&g

2022-02-22 09:29:04 1548

原创代码格式配置规范 ESLint + Git Hooks

ESLint 与 Prettier 配合解决代码格式问题创建 .eslintrc.js文件 module.exports = { // 表示当前目录即为根目录，ESLint 规则将被限制到该目录下 root: true, // env 表示启用 ESLint 检测的环境 env: { // 在 node 环境下启动 ESLint 检测 node: true }, // ESLint 中基础配置需要继承的配置 extends: [ "plugin:vu

2022-02-18 17:01:08 434

原创 vue3 + ts 项目中，如何使用echarts

下载echarts依赖 npm install echarts @types/echarts --save template 中定义dom元素 <template> <div id="char" style="width: 600px; height: 600px"></div> </template> script标签中 <script lang='ts' setup> import {onMounted} from 'vue'; //

2022-01-10 16:30:24 4592 2

原创小程序二维码海报生成

准备 canvas 元素 <canvas type="2d" id="canvas" style="witdh: 630rpx; height: 920rpx"></canvas> 生成方法 (注调用的时候需要通过定时器) async createBgImg() { const _this = this; // 创建 SelectorQuery 实例 const query = wx.createSelectorQuery().in(_t

2021-11-13 11:34:57 973

原创 Koa2 项目配置 es6

安装依赖 npm i babel-cli babel-preset-es2015 @babel/core @babel/node @babel/preset-env babel-cli --save-dev 根目录下创建 .babelrc 文件 { "presets": [ [ "@babel/preset-env", { "targets": { "node": "current" } } ]

2021-09-27 09:13:49 484

原创 JavaScript中的数据类型

JavaScript 中有 6 种数据类型： JavaScript不支持任何创建自定义类型的机制，而所有值最终都将是 6 种数据类型之一，JavaScript数据类型具有动态性,因此没有再定义其他数据类型的必要。简单数据类型：Undefined、Null、Boolean、Number和 String。复杂数据类型：Object，Object 本质上是由一组无序的键值对组成的。 typeof操作符 &n

2020-08-05 14:09:04 789

原创 JavaScript中的变量声明

JavaScript中的变量声明 JavaScript中的变量是松散类型的,所谓松散类型就是可以用来保存任何类型的数据。换句话来说，每个变量仅仅是一个用于保存值的占位符而已，定义变量时要使用var操作符（注意var为一个关键字），后跟变量名（即一个标识符），如下所示 var message; 这行代码定义了一个名为 message 的变量，该变量可以用来保存任何值。像这样未经过初始化的变量，会保存一个特殊的值——undefined。 JavaScript也支持直接初始化变量，因此在定义变量的同时

2020-08-05 09:52:56 324

原创＜script＞与＜noscript＞详解

script元素向HTML页面中插入JavaScript的主要方法,就是使用script元素，这个元素由Netscape创造并在Netscape Navigator中首先实现。后来这个元素被加入到正式的HTML规范中 HTML 4.01为script定义了6个属性 async：可选。表示应该立刻下载脚本，但不应妨碍页面中的其他操作，比如下载资源或等待加载其他脚本。只对外部脚本有效； charset ：可选。表示通过src属性指定代码的字符集； defer：可选。表示脚本可以延迟到文达完全被解

2020-08-04 10:59:26 1978

qq_39260233的博客