Jiang's Tech Journal

最新文章

All

Tauri

All

  • [Tauri] Command Line Interface 命令行界面

    我需要更改Tauri的默认图标，查阅文档发现可以使用tauri icon 进行批量生成，要求是正方形的png或者svg文件，命令默认选取的文件路径为 ./app-icon.png。 文档地址：https://v2.tauri.app/reference/cli/#icon 我的命令：npm run

Rust

All

  • [Rust] 模块与文件分离

    我们可以让模块不再平铺在目录里面，把他移入文件文件夹中。 src ├── front_of_house │ └── hosting.rs ├── front_of_house.rs └── lib.rs //lib.rs mod front_of_house;//导入当前目录下的front_of

  • [Rust] 多线程并发访问

    // main.rs use futures::future::join_all; use reqwest::Client; use std::sync::Arc; use tokio::sync::Semaphore; use tokio::task; // 引入join_all #[tokio

前端

All

  • 【Vue】VueUse 中 createReusableTemplate 的妙用

    在 Vue 3 开发中，虽然推荐使用模板语法，但在封装高阶组件或使用特定 UI 库（如 Naive UI、Element Plus、Ant Design Vue）的表格组件时，我们往往需要编写 Render 函数（h 函数）或使用 JSX/TSX 来处理复杂的自定义列渲染。 对于不熟悉渲染函数 AP

  • 【Vue】 组件内模板复用技巧：createReusableTemplate

    在 Vue 组件开发中，我们经常遇到部分模板内容需要在同一组件内多次复用的场景。传统的解决方案如提取子组件、v-for 循环或直接复制粘贴，在某些简单场景下可能显得过于繁琐或冗余。 本文介绍一种利用 Vue 3 组合式 API 和渲染函数特性实现的“局部模板复用”技巧，类似于模板引擎中的“宏（Mac

  • 【Vue】组件二次封装技巧

    日常任务开发过程中避免不了进行 UI 组件库部分组件的二次封装使用，记录下长期开发过程中积累的一些经验和网络学习的新技巧，组件二次封装需要解决的无非就是属性 props 如何透传出去，如何复用原有组件的插槽，以及如何调用原组件暴露的方法，这里以比较热门的 UI 框架 Element Plus 为例。

  • 【vue-admin-kit】配置驱动的 Vue 3 后台管理组件工具套件

    📖 在线文档：https://vue-admin-kit.jiang.in/ 前言 在企业级后台管理系统开发中，CRUD 页面占据了大量的开发工作。搜索表单、数据表格、新增/编辑弹窗、详情展示……这些重复性的工作不仅耗时，还容易产生不一致的代码风格。 vue-admin-kit 正是为解决这一痛点

  • [CSS] 移除元素焦点状态

    padding: '0' - 移除内边距 border: 'none' - 移除边框 outline: 'none' - 移除焦点时的轮廓线（这是关键！） boxShadow: 'none' - 移除可能的阴影效果

好文

All

  • [autofit.js] 可视化大屏 一行搞定自适应

    可视化大屏适配/自适应现状 可视化大屏的适配是一个老生常谈的话题了，现在其实不乏一些大佬开源的自适应插件、工具但是我为什么还要重复造轮子呢？因为目前市面上适配工具每一个都无法做到完美的效果，做出来的东西都差不多，最终实现效果都逃不出白边的手掌心，可以解决白边问题的，要么太过于复杂，要么会影响dom结

  • C端增长业务中的动效探索

    动效在增长业务中的重要性：前端在增长业务中经常要处理动画需求，但传统方法费时费力。为了更高效，作者强调设计和前端的协同合作。 提高效率的技术选型：作者介绍了使用 galacean Effects 和 lottie 两个动画库的经验，通过 AE 导出动画描述文件，在 web 端直接渲染，这减少了资源导

  • 让浏览器发出像QQ一样的右下角桌面消息提示

    通过对服务器的长连接，实现了实时消息的推送，还讨论了即使浏览器没打开，也能发送消息功能的实现。有参考价值，收藏备用 。 链接：https://juejin.cn/post/7402781955077095474 如果链接失效，可点击离线文件进行预览。 离线文件：点击预览

  • Electron 客户端的全量/增量更新

    文章详细介绍了Electron客户端在线更新的实现方法，对我Electron程序的在线更新功能设计很有参考价值。 链接：https://juejin.cn/post/7416311252580352034 如果链接失效，可点击离线文件进行预览。 离线文件：

JavaScript

All

  • Fetch和Promise网络请求的取消

    使用AbortController const controller = new AbortController(); const signal = controller.signal; fetch("https://www.baidu.com", { signal }) .then((resp

Nest

All

Vue

All

  • 【Vue】VueUse 中 createReusableTemplate 的妙用

    在 Vue 3 开发中，虽然推荐使用模板语法，但在封装高阶组件或使用特定 UI 库（如 Naive UI、Element Plus、Ant Design Vue）的表格组件时，我们往往需要编写 Render 函数（h 函数）或使用 JSX/TSX 来处理复杂的自定义列渲染。 对于不熟悉渲染函数 AP

  • 【Vue】 组件内模板复用技巧：createReusableTemplate

    在 Vue 组件开发中，我们经常遇到部分模板内容需要在同一组件内多次复用的场景。传统的解决方案如提取子组件、v-for 循环或直接复制粘贴，在某些简单场景下可能显得过于繁琐或冗余。 本文介绍一种利用 Vue 3 组合式 API 和渲染函数特性实现的“局部模板复用”技巧，类似于模板引擎中的“宏（Mac

  • 【Vue】组件二次封装技巧

    日常任务开发过程中避免不了进行 UI 组件库部分组件的二次封装使用，记录下长期开发过程中积累的一些经验和网络学习的新技巧，组件二次封装需要解决的无非就是属性 props 如何透传出去，如何复用原有组件的插槽，以及如何调用原组件暴露的方法，这里以比较热门的 UI 框架 Element Plus 为例。

  • 【vue-admin-kit】配置驱动的 Vue 3 后台管理组件工具套件

    📖 在线文档：https://vue-admin-kit.jiang.in/ 前言 在企业级后台管理系统开发中，CRUD 页面占据了大量的开发工作。搜索表单、数据表格、新增/编辑弹窗、详情展示……这些重复性的工作不仅耗时，还容易产生不一致的代码风格。 vue-admin-kit 正是为解决这一痛点

  • [Vue] 一种全新的弹窗写法！

    <script lang="ts" setup> import { ElDialog, ElButton } from 'element-plus'; // 上传类型Ref const gatherUploadRef = ref<HTMLElement>(); // 2 , 3 // 切换上传类型

GitHub

All

  • [wangEditor-next] 富文本编辑器

    wangEditor-next —— 基于 slate.js 的富文本编辑器。 原项目 wangeditor 因作者个人原因短期不再维护，本项目为fork版本,将在尽量不 Brea

  • [unibest] 最好用的 uniapp 开发框架

    unibest - 最好用的 uniapp 开发框架。unibest 是由 uniapp + Vue3 + Ts + Vite4 + UnoCss + UniUI 驱动的跨端快速启动模板，使用 VS Code 开发，具有代码提示、自动格式化、统一配置、代码片段等功能，同时内置了大量平时开发常用的基本

  • [wechat-need-web] 让微信网页版可用

    今天逛GitHub发现了一个有趣的项目。是个浏览器插件，插件的作用就是让网页版的微信可用。原理是，微信要支持创信客户端，就用浏览器套壳整了一个，这个插件模拟那个壳，注入一些参数。 插件地址：https://github

Electron

All