乐胖代购免代理版

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

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

前端

vue.js

Pinia

ios

Vue

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

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

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

electron

前端

API

预加载

回调函数

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

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

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

electron

前端

应用程序

json

新版本

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

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

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

javascript

ecmascript

css

解决方法

条件判断

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

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

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

css

前端

Math

CSS

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

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

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

vue.js

elementui

Vue

解决方法

复用

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

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

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

javascript

网络连接

离线

safari

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

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

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

vue.js

scss

ico

css

App

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

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 162 阅读

解决 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 751 阅读

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 361 阅读 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 469 阅读

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

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

vue.js

javascript

特殊字符

Vue

自定义

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

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

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

前端

JavaScript

javascript

竖屏

横屏

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

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 270 阅读

Vue中引入使用 patch-package 为依赖打补丁（以修改 vue-pdf 打包后 [hash].worker.js 路径问题为例）

patch-package npm地址patch-package github文档如果不需要在生产中运行 npm (如：正在制作 web 前端，则可使用 --save dev）

vue.js

pdf

根目录

json

自动升级

原创 2023-05-06 09:25:05 980 阅读

Vue中渲染函数（render）的介绍和应用

1. 什么是render函数简单的说，在vue中我们使用模板HTML语法组建页面的，使用re

vue.js

前端

Vue

字符串

ci

原创 2023-04-17 14:27:44 3769 阅读

Vue中使用 moment.js 获取相关时间

mm:ss’定义了返回日期的格式。详情请看下图：1 获取当前时间var moment = require('moment');let seekTime = moment().format("YYYY-MM-DD HH:mm:ss");console.log...

前端

es6

javascript

npm

获取当前时间

原创 2023-04-17 14:26:46 460 阅读

Vue中使用 moment.js 进行日期时间格式化

安装插件:moment.jsnpm install moment1. UTC(世界标准时间) 转指定日期格式2020-0

前端

javascript

iOS

日期格式

Vue

原创 2023-04-17 14:26:20 566 阅读

JavaScript中浅拷贝与深拷贝的理解及实现

es6

前端

javascript

深拷贝

数组

原创精选 2023-04-17 14:25:37 345 阅读

Element-ui中表格 (Table)组件中滚动条样式修改

1. 修改单个滚动条样式在对应组件的样式中使用穿透<style lang="scss" scoped>.e

css

vue.js

前端

chrome

滑块

原创 2023-04-17 14:24:12 989 阅读

Vue中 $attrs、$listeners 详解及使用

1. 前言多级组件嵌套需要传递数据时，通常使用的方法是通过 vuex。如果仅仅是传递数据

前端

vue.js

Vue

d3

嵌套

原创推荐 2023-04-17 09:56:34 990 阅读

Vue3中响应式 API ( reactive、ref、toRef、toRefs ) 详解

我们在写项目中，总会遇到变量的定义，在 Vue2 里面，我们只需要直接定义变量就行，但

前端

vue.js

响应式

ci

原创精选 2023-04-17 09:56:13 817 阅读

Vue中引入使用 babel-polyfill 兼容低版本浏览器

Babel 中文官方文档Babel 是一个工具链，主要用于将采用 ECMAScript 2015+ 语法

vue.js

前端

Babel

ci

ES6

原创 2023-04-17 09:55:56 1482 阅读

Vue中引入使用 localforage 改进本地离线存储（突破5M限制）

说到本地存储数据，首先想到的是 localStorage，应该很多小伙伴都用过，使用很简单。

vue.js

前端

离线

List

ci

原创 2023-04-17 09:55:33 423 阅读

JavaScript中处理异步的几种方法

......

javascript

es6

前端

异步操作

回调函数

原创推荐 2023-04-16 09:48:42 1144 阅读

Vue中引入使用 element-resize-detector 监听 Dom 元素宽度、高度变化

缩的过程中右边的页面的宽度就会随之改变。我上网查了查，也动手试了试 window.onresize = ()=>{}。却不尽人意，因为它只能检测浏览器大小的变化，完全跟我们的需求不沾边。为解决类似此问题，我们可使用 element-resize-detector。

vue.js

前端

初始化

侧边栏

加载

原创 2023-04-16 09:47:08 2008 阅读

JavaScript中对象取值 . 和 [ ] 的区别

1. 相同点都可以获取到obj的属性值2. 区别2.1 [ ]运算符可以使用字符串变量的内容作为属性名，点运算符不能；var data = { name: 'haha', age: 18, 3: '男'}var key = 'name'console.log(data.key) // undefinedconsole.log(data[key]) // haha2.2 [...

javascript

运算符

字符串

键值对

原创 2023-04-15 06:20:02 127 阅读

JavaScript中判断数组的几种方法详解

1. instanceof 操作符判断用法：arr instanceof Arrayinstanceof 主要是用来判断某个实例是否属于某个对象let arr = [];console.log(arr instanceof Array); // true2.对象构造函数的 constructor判断用法：arr.constructor === ArrayObject的每个实例都有构...

javascript

构造函数

引用类型

原型链

原创 2023-04-15 06:19:58 212 阅读

JavaScript中 sessionStorage 、localStorage 和 cookie 之间的异同点

1. 共同点：都是保存在浏览器端、且同源的2. 区别：1、cookie数据始终在同源的http请求中携带（即使不需要）即cookie在浏览器和服务器间来回传递，cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下. ； sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存。2、存储大小限制也不同；cookie数据不能...

javascript

前端

数据

服务器

首部

原创 2023-04-15 06:19:54 215 阅读

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

鸿蒙开发者社区	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 ）

Vue中引入使用 patch-package 为依赖打补丁（以修改 vue-pdf 打包后 [hash].worker.js 路径问题为例）

Vue中渲染函数（render）的介绍和应用

Vue中使用 moment.js 获取相关时间

Vue中使用 moment.js 进行日期时间格式化

JavaScript中浅拷贝与深拷贝的理解及实现

Element-ui中表格 (Table)组件中滚动条样式修改

Vue中 $attrs、$listeners 详解及使用

Vue3中响应式 API ( reactive、ref、toRef、toRefs ) 详解

Vue中引入使用 babel-polyfill 兼容低版本浏览器

Vue中引入使用 localforage 改进本地离线存储（突破5M限制）

JavaScript中处理异步的几种方法

Vue中引入使用 element-resize-detector 监听 Dom 元素宽度、高度变化

JavaScript中对象取值 . 和 [ ] 的区别

JavaScript中判断数组的几种方法详解

JavaScript中 sessionStorage 、localStorage 和 cookie 之间的异同点

欢迎