- 博客(40)
- 收藏
- 关注
RSS订阅原创 Date 日期对象使用指南
日期方法创建 Date 对象时，可以使用许多方法对其进行操作。日期方法允许您使用本地时间或 UTC（通用或 GMT）时间来获取和设置日期对象的年、月、日、小时、分钟、秒和毫秒。
2025-03-27 09:30:00
535
原创 uniapp整合SQLite（Android）
最佳方案,是把代码封装到一个公共库,需要增删改查数据 直接调用指定方法即可。一. 在uni-app项目中, 链接SQLite。一. 在uni-app项目中, 链接SQLite。在项目中勾选此选项,确保相关权限。
2025-03-21 11:29:10
586
原创 adb 如何导出手机的文件
adb（Android Debug Bridge）是Android开发中常用的一个工具，它允许开发者通过电脑与Android设备进行通信。如果你想通过adb导出手机上的文件，你可以按照以下步骤业务需求: 前端通过使用uni-app 的sqlite(关系型数据库系统) ,存储了大量的机密数据在手机上, 直接通过代码读取,体验感不够直观, 于是就产生了可视化预览数据的需求1. 开启USB调试确保你的Android设备已经开启了USB调试模式。你可以在“设置” -> “开发者选项”中开启它。
2025-03-21 11:24:38
738
原创 搜索插入位置(力扣题）
（二分策略）给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。如果目标值不存在于数组中，返回它将会被按顺序插入的位置
2025-03-11 09:30:00
211
原创 Vue项目性能优化、提取公共库（Common Chunks）
项目打包： npm run build根目录下生成一个 dist 文件夹顾名思义chunk（块 / 包） -vendors（供应商），即为：不是自己写的模块包，也就是/node_modules项目目录的所有模块包，它们称为第三方模块或供应商模块。
2025-02-28 14:00:00
442
原创 Eslint 和 Prettier 工具的使用
在许多情况下，你可以使用 ESLint 附带的 [默认解析器] 来解析 JavaScript 代码。你可以选择使用parser属性覆盖默认解析器。parser属性必须是符合 解析器接口 的对象。例如，你可以使用包来允许 ESLint 解析实验性语法parser: babelParser, // 指定 ESLint 使用的解析器parserOptions: { // 解析器的附加配置选项。
2025-02-28 09:07:50
1467
原创 理解 Husky 和 lint-staged 的核心价值(Git Commit代码规范)
作用: 缩小范围, 只检查本次提交所修改(指 git 暂存区内)的代码块, 搭配Husky 可以达到很好的效果。不依赖其他工具时：仍可执行自定义任务（如运行测试、生成文档、发送通知等）。搭配 ESLint 等工具时：才能实现代码质量检查的自动化。ESLint/Prettier：实际执行代码检查和修复。，则必须依赖 ESLint、Prettier 等工具。Husky 能使你的提交变得更好 🐶。，本身不直接执行代码检查，但可以运行。提交消息格式校验（不涉及代码检查）。（包括代码检查、测试、构建等）。
2025-02-27 09:30:00
702
原创 优雅处理 ECharts 无数据场景的最佳实践
直接替换 DOM 会导致 ECharts 实例与 DOM 节点解绑，后续操作会抛出。：首次进入页面即刻渲染, 得放置于dom挂载后(mounted生命周期)通过 dispose() 方法销毁旧实例, 避免内存泄漏。直接隐藏图表容器会导致 ECharts 实例报错。后端接口返回空数据时图表区域留白。临时添加的占位符需要维护两套样式。频繁的 DOM 操作影响页面性能。：通过插槽支持自定义占位内容。：结构/样式/逻辑三层分离。：通过 CSS 控制显隐。在组件卸载时自动清理资源。
2025-02-21 15:00:00
755
原创 JavaScript 中，数据类型 有哪些？(复习/面试)
数值 Number， 字符串String，布尔值Boolean， undefined，null，Symbol，Bigint。数组，有序的数据集合 数组索引从零开始：数组中的第一个元素是 0，第二个元素是 1。slice（start, end）字符串截取，返回提取的部分，不会更改原始字符串。Object.values( ) 返回对象的所有值组成的数组。含义：表示独一无二的值，主要用于创建对象的私有属性和方法。：对数组中的每个元素执行指定的操作，并返回新的数组。对象， 无序的数据集合，由键值对组成。
2025-02-21 09:00:00
830
原创 ES6 Set 与 Map 数据结构（复习/面试）
特性：唯一，不重复，成员值不限Set的原理是：如果传入的数组，那么它会遍历数组， 传入的是字符串，字符串会被自动拆分为单个字符 ，并逐个添加到Array.from()方法 可以将Set 结构转为数组注意点： Set的遍历顺序是插入顺序思考： 使用Set 如何实现数据并集（通过扩展运算符）、交集（通过filter过滤，条件has方法）、差集 （通过filter过滤，条件has方法取反）
2025-02-20 22:45:32
691
原创 普通函数和箭头函数的区别
普通函数：使用function关键字来定义，可以是函数声明或者函数表达式。// 函数声明// 函数表达式箭头函数：使用箭头=>来定义，语法更加简洁。
2025-02-20 09:49:28
245
原创 本地mysql服务 账号长期未使用，忘记密码？
打开 root@localhost:后面即初始密码，ctrl+c 复制初始密码。(过程中data文件夹会自动生成配置文件）出现 Enter password。找到以.err结尾的文件。(输入复制的密码即可 )
2024-12-03 22:21:57
207
原创 Vue2 element-ui引入 及定制element-ui主题
Vue2 element-ui引入 及定制element-ui主题。生成的主题文件， 解压后 放置于的根目录。文件,并在main.js中引入。路径为自定义主题相对于。一起使用，只需要修改。
2024-08-13 01:12:19
1002
原创 Vue3 elementPlus引入 及定制elementPlus主题
基于vue3项目搭建好，项目内需应用elementPlus，按下列要求操作即可。
2024-08-13 00:02:43
592
原创 Vue3 组件通信
顶层组件向任意的底层组件传递数据和方法，实现跨层组件通信。顶层组件可以向底层组件传递方法，底层组件调用方法修改顶层组件的数据。概念：通过 ref标识 获取真实的 dom对象或者组件实例对象。在调用provide函数时，第二个参数设置为ref对象。子组件内部通过 emit 方法触发事件。通过ref标识绑定ref对象到标签。子组件内部通过props选项接收数据。父组件中给子组件标签通过@绑定事件。调用ref函数生成一个ref对象。父组件中给子组件绑定属性。
2024-08-08 09:54:42
648
原创 前端常见场景、JS计算精度丢失问题(Decimal.js 介绍)
官网: decimal.js提供十进制类型的任意精度数值Decimal.js 是一个小型库，用于解决浮点数计算的不精确问题安装 decimal.js在代码中引入 ,两种方式二选一require 是CommonJS模块系统的语法import 是ES6模块系统的语法。
2024-07-29 16:37:54
1346
原创 封装导出功能（export）
是一个用于在前端导出文件的JavaScript库，它允许开发者在浏览器环境中方便地保存文件。通过使用file-saver，开发者可以创建Blob对象，并利用FileSaver.saveAs方法将文件保存到用户的设备上。这种方法特别适用于Web应用中需要导出文件到客户端的情况，如Excel、CSV等。在Vue.js中使用file-saver导出文件的基本步骤包括：。
2024-07-29 12:05:25
1102
原创 Git如何将一个分支上的修改转移到另一个分支
未commit时，临时存储- 切分支- 释放临时存储，已commit时，回撤状态，继续执行未commit时操作使用来完全撤销到某个特定的提交，但会丢失之后的更改。使用git revert来撤销某个特定的提交，同时保留之后的更改，并生成一个新的提交。在修改了本地仓库的历史后，使用来强制推送更改到远程仓库，但请谨慎操作以避免不必要的问题。
2024-07-23 21:03:32
2690
原创 保持git提交整洁规范 -- 添加.gitignore 配置文件
gitignore 是一个可以帮助我们忽略Git跟踪的文件或目录的配置文件。这样做可以帮助我们保持.git目录的整洁，避免不必要的文件上传到远程仓库，也可以帮助我们更好地管理自己的项目。
2024-07-21 18:29:38
645
原创 保持项目代码风格一致性 -- 使用.editorconfig的配置文件
这个配置文件设置了字符编码、行尾格式、是否在文件结束处插入新行、是否删除行尾空格以及缩进方式和大小。这些规则会被很多编辑器和IDE遵守，比如 Visual Studio Code、Sublime Text、Atom 等。editorconfig文件是一个配置文件，用于定义编码风格相关的规则，以便在不同的编辑器和IDE之间保持代码风格一致性。
2024-07-21 18:12:21
450
原创 项目打包时, 控制台报caniuse-lite is outdated
当你看到这样的提示时，意味着你的项目依赖的数据库已经过时，需要更新。是一个包含浏览器兼容性数据的数据库，使用这个数据库来确定目标浏览器的兼容性。
2024-07-18 10:09:57
1048
原创 常用的 webpack -- HtmlWebpackPlugin(了解)
HtmlWebpackPlugin 是webpack 的插件,主要作用有以下几个方面自动生成 HTML 文件：在 webpack 构建过程中自动创建 HTML 文件。插入资源链接：自动将编译后的 CSS 和 JavaScript 文件链接插入到 HTML 中。模板支持：可以使用自定义 HTML 模板，并在构建时替换模板中的变量。环境变量：支持在 HTML 中使用 webpack 环境变量，如。多入口支持：可以为每个入口点生成不同的 HTML 文件，适用于多页面应用。
2024-07-18 09:55:35
1525
原创 Vue项目打包性能分析、webpack-bundle-analyzer插件介绍
webpack-bundle-analyzer 是一个流行的 webpack 插件，用于可视化 webpack 输出的文件大小和组成。它帮助你理解各个模块如何贡献到最终的 bundle 大小，从而可以对 bundle 进行优化1. 安装插件2.配置 webpack：在你的 配置文件中（通常是webpack.config.js 或 vue.config.js），导入 BundleAnalyzerPlugin 并将其添加到 plugins 数组中。vue.config.js方式...return {
2024-07-16 11:01:18
1010
原创 Electron系列 -- vue项目打包成.exe文件(通过官方demo的方式)
在Inno Setup 里面搭建一个脚本, 通过脚本编辑安装程序的名称, 版本. 快捷键生成, 安装目录等, 是很有必要的, 生成一次后,后续可以一直沿用 ,二次使用选择上一次创建好的脚本, 一键打包即可。打包完毕, node_modules同级 会生成out文件, 点开exe包就是打包好 , 可安装在windows系统上。重点是： mainWindow.loadFile(“./dist/index.html”) 的修改。通过将vue项目打包, 会生成一个dist文件。1. npm 出现 镜像问题。
2024-07-15 14:57:23
2661
1
原创 npm安装依赖时报镜像问题
npm安装依赖时，出现报错：npm ERR!request to https://registry.npm.taobao.org/cnpm failed, reason: certificate has expired ，这是因为淘宝镜像证书过期了,需要更换。，则说明已经设置成功 ,就可正常使用npm命令安装需要的工具了。设置淘宝源镜像源 ( 二选一 )设置官方镜像源 ( 二选一 )
2024-07-15 11:27:56
628
原创 Electron系列 -- 打包后底部托盘图标丢失
是一个生成图标的包安装 electron-icon-builderpackage.json 中配置命令},执行命令, 生成icon完成后会在根目录多出来一个build目录在vue.config.js 中, 也要将路径进行调整 ./build/icons/icon.ico删除原来的，重新打包，安装后就是新图标了。
2024-07-12 19:33:20
750
原创 Electron系列 -- 实现自动更新/手动更新功能(下)
经过上述的好几个步骤，现在要发布新版本，只需要执行 2 个步骤。更新版本号，打包。上传到服务器。如果不加手动触发更新, 也是可以的, 加个轮询机制, 每x个小时主动检查一次更新,否则只能应用打开的第一次检查一次, 陆续不会检测!
2024-07-11 22:09:30
4974
6
原创 Electron系列 -- vue项目嵌套electron打包成桌面应用(上)
是一个生成图标的包安装package.json 中配置命令},执行命令, 生成icon完成后会在根目录多出来一个build目录在vue.config.js 中, 也要将路径进行调整删除原来的，重新打包，安装后就是新图标了。
2024-07-11 17:37:29
1870
原创 Vue项目性能优化、配置CDN加速
CDN（Content Delivery Network，内容分发网络）是一种分布式网络服务，它通过在地理上分散的多个服务器上存储内容的副本，使用户可以从最近的服务器节点获取数据，从而加快内容的加载速度和提高可用性项目体现:生产环境打包项目时, 将项目依赖的一些第三方包, 替换成 cdn方式外部加载,从而提升应用的加载、响应速度, (直观感受: vue ui视图可视化,查看前后配置的统计分析)
2024-07-10 17:19:51
2922
原创 Maven的概念 、安装流程 及IDEA集成Maven
( 通俗易懂来讲, 在项目开发中，当你使用不同的开发工具 (如：Eclipse、Idea) 等,构建的文档目录很乱, 项目jar包会有版本冲突问题, 使用Maven可以解决 )由于中央仓库在国外，所以下载jar包速度可能比较慢，而阿里公司提供了一个远程仓库，里面基本也都有开源项目的jar包。lib目录 ：存放Maven依赖的jar包。（Maven也是使用java开发的，所以它也依赖其他的jar包）1). 使用记事本，打开settings.xml文件，查找标签。配置Maven环境变量。
2024-07-09 15:18:29
752
原创 “cnpm“ 不是内部或外部命令, 也不是可运行的程序(基于node环境安装好的状态下)
设置两个文件 node_global 和 node_global ,如果没有, 则需要新建1、npm config set prefix "node安装路径\node_global"2、npm config set cache "node安装路径\node_cache"3、配置环境变量：将"node安装路径\node_global"添加到环境变量path中。
2024-07-08 19:36:37
3760
8
原创 nvm(node版本管理工具) 的安装、配置/全局配置全过程
我们输入nvm指令 是没有问题的,但是node -v ,npm-v 是不行的, 需要包管理器nvm中 安装下node包 ,然后切换到所安装的版本中( 如果有星号,不会有这个问题) ,参考第四步, 问题就出在nodejs没有生成,导致的。排查思路: 1.是否安装了xx包,2.安装成功,环境/系统 变量路径是否配置正确(基本问题出在这两步骤上), 有时候路径没错,重新复制,粘贴给环境变量,就能解决,很神奇。根据自己的需求, 可以自定义修改位置,路径不能是中文,避免引发异常的问题。已经有的,就不需要再添加了。
2024-07-08 17:02:32
7793
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人