明天也要努力的最近发布

Vue3中状态管理器 ( Pinia ) 详解及使用

Pinia 对比 VuexPinia 同时支持 Vue2 以及 Vue3 ，这让同时使用两个版本的小伙伴更容易上手；Pinia 中只存在 State，getter，action

前端

vue.js

Pinia

ios

Vue

原创 2024-02-26 10:51:58 1531 阅读

Electron中主进程（Main Process）与渲染进程 (Renderer Process) 通信的方式

在 renderer 文件夹下新増 app.js 文件，此处的文件表示渲染进程的 js 文件，可以操作渲染进程（浏览器）中的dom。

electron

前端

API

预加载

回调函数

原创 2024-02-26 10:42:21 877 阅读

Electron中打包应用程序及相关报错解决

要创建可分发文件，请使用项目中的 make 脚本，该脚本最终运行了 electron-forge make 命令。在脚本运行后，可以看到一个 out 文件夹，其中包括可分发文件

electron

前端

应用程序

json

新版本

原创精选 2024-02-26 10:42:13 693 阅读

解决 JavaScript中添加 if 判断，require 始终执行的问题

项目中需要根据不同的版本添加不一样的 css 样式，于是在 main.js 中添加 if 条件判断，发现即使没有进入判断里，require 始终会引入。查阅 requ所以添加 if 限制无效。

javascript

ecmascript

css

解决方法

条件判断

原创 2023-12-21 11:04:43 117 阅读

CSS中通过自定义属性（变量）动态修改元素样式（以 el-input 为例）

需求：通常我们动态修改 div 元素的样式，使用 :style 和 :class 即可；但想要动态修改如：Element-ui 中输入框（input）组件的字体

css

前端

Math

CSS

原创 2023-10-29 12:29:52 515 阅读

解决 Element-ui中表格（Table）使用 v-if 条件控制列显隐时数据展示错乱的问题

在 el-table-column 上需根据不同 v-if 条件来控制列显隐时，就会出现列数据展示错乱的情况（要么 A 列的数据显示在 B 列上

vue.js

elementui

Vue

解决方法

复用

原创 2023-10-29 12:29:44 1580 阅读 1收藏 1评论

JavaScript中判断网络状态的几种方法

为了判断是否离线，在页面加载后，可先通过 navigator.onLine 取得初始的状态，然后通过ononline、onoffline 事件来确定网络连接状态是否变化

javascript

网络连接

离线

safari

原创 2023-10-29 12:29:33 296 阅读

Vue中使用 Scss 实现配置、切换主题

本项目中的公共样式文件均位于 src/assets/css 目录下，其中 index.scss是总的样式文件的汇总入口，common.scss 是供全局使用的一

vue.js

scss

ico

css

App

原创推荐 2023-10-22 20:59:37 5573 阅读

JavaScript中判断网络状态的几种方法

1. 使用 Navigator onLine 属性 Navigator onLine 属性判断浏览器是否在线，在线返回 true，离线返回 false； Navigator onLine 是只读属性，所有主流浏览器都支持 onLine 属性； if (window.navigator.onLine) { console.log('网络正常！'); } else { console.log

网络连接

javascript

原创 2023-10-22 11:43:27 223 阅读

解决 Element-ui中表格（Table）使用 v-if 条件控制列显隐时数据展示错乱的问题

本文 Element-ui 版本 2.x 问题在 el-table-column 上需根据不同 v-if 条件来控制列显隐时，就会出现列数据展示错乱的情况（要么 A 列的数据显示在 B 列上，或者后端返回有数据的但是显示的为空），如下所示。 <template> <div> <el-table :data="tableData&qu

解决方法

Element-ui

原创 2023-10-22 11:30:32 893 阅读

CSS中通过自定义属性（变量）动态修改元素样式（以 el-input 为例）

传送门：CSS中自定义属性（变量）详解 1. 需求及解决方案需求：通常我们动态修改 div 元素的样式，使用 :style 和 :class 即可；但想要动态修改如：Element-ui 中输入框（input）组件的字体颜色时，由于 el-input 的样式嵌套很深，需要修改的实际是 .el-input__inner 这个样式类的 color，但我们在 HTML 中没法直接拿到这个类名。解

CSS

原创 2023-10-22 01:04:37 443 阅读 1点赞

Vue中使用 Scss 实现配置、切换主题

1. 样式文件目录介绍本项目中的公共样式文件均位于 src/assets/css 目录下，其中 index.scss是总的样式文件的汇总入口，common.scss 是供全局使用的一些基本样式(常量）， _theme.scss、_handle.scss 两个文件是进行主题颜色配置的文件。如下图，将 index.scss 在 main.js 文件中引入即可全局使用。. 2. 主题 sc

Vue

Scss

原创 2023-10-20 22:04:50 573 阅读

Vue中全局限制输入特殊字符

2.1 自定义限制输入特殊字符指令// 禁止输入特殊字符 Vue . directive('emoji' , {// 正则规则可根据需求自定义 const regRule = / [`~

vue.js

javascript

特殊字符

Vue

自定义

原创 2023-08-07 11:19:38 656 阅读

JavaScript 监听移动端横竖屏状态的几种方式

rientationchange 事件定义和用法：在用户水平或者垂直翻转设备（即方向发生变化）时

前端

JavaScript

javascript

竖屏

横屏

原创 2023-06-18 17:32:28 902 阅读

TypeScript中类型详解（数组、联合类型、类型别名、对象、函数、void 、Null 和 Undefined、Never、接口 interface ）

1. 数组类型TypeScript 像 JavaScript 一样可以操作数组元素。有两种方式可以定义数组。第一种，可以在元素类型后面接上 [ ]，表示由此类型元素组成的一个数组：let list: number[] = [1, 2, 3]; let objList: object[] = [{ name: '张三', age: 18 }];第二种方式是使用数组泛型，Array<元素类型

typescript

开发语言

数组

ci

赋值

原创 2023-06-03 01:51:02 312 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

明天也要努力

Vue3中状态管理器 ( Pinia ) 详解及使用

Electron中主进程（Main Process）与渲染进程 (Renderer Process) 通信的方式

Electron中打包应用程序及相关报错解决

解决 JavaScript中添加 if 判断，require 始终执行的问题

CSS中通过自定义属性（变量）动态修改元素样式（以 el-input 为例）

解决 Element-ui中表格（Table）使用 v-if 条件控制列显隐时数据展示错乱的问题

JavaScript中判断网络状态的几种方法

Vue中使用 Scss 实现配置、切换主题

JavaScript中判断网络状态的几种方法

解决 Element-ui中表格（Table）使用 v-if 条件控制列显隐时数据展示错乱的问题

CSS中通过自定义属性（变量）动态修改元素样式（以 el-input 为例）

Vue中使用 Scss 实现配置、切换主题

Vue中全局限制输入特殊字符

JavaScript 监听移动端横竖屏状态的几种方式

TypeScript中类型详解（数组、联合类型、类型别名、对象、函数、void 、Null 和 Undefined、Never、接口 interface ）

欢迎