自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 资源 (2)
  • 收藏
  • 关注

原创 封装通用ECharts组件:优雅实现Tooltip自定义与自适应响应

本文介绍了一个基于Vue3和ECharts的可视化组件封装方案,重点解决企业级项目中常见的两个核心痛点:Tooltip样式定制和图表自适应问题。通过设计通用Props接口、重写Tooltip格式化函数、实现容器尺寸监听等关键技术,构建了一个高复用性的ECharts组件。该方案具有以下特点: 采用Vue3的<script setup>语法实现组件逻辑解耦 通过自定义Tooltip HTML结构和全局回调函数,解决样式定制和作用域问题 利用尺寸监听指令实现图表自动适配 支持多图表类型兼容(饼图、柱状

2026-03-05 16:53:18 532

原创 Vue首屏优化之4种骨架屏实现方案(完整实操版)

vue-skeleton-webpack-plugin 是 Vue 项目中最常用的骨架屏插件,支持自定义骨架屏样式、多路由适配,完美适配 Vue CLI3 项目,步骤清晰可直接落地。静态占位方案:零依赖、快速落地,适合小型简单项目;SSR 官方插件方案:适配 SSR 项目,优化服务端渲染首屏体验;vue-skeleton-webpack-plugin 方案:自定义程度高,适合对样式有要求的 Vue CLI3 项目;

2026-03-04 10:03:22 801

原创 优化与拓展:Vue3 生态拓展与进阶方向——介绍 Vue3 生态工具(Vite、Vue DevTools),分享进阶学习方向(微前端、SSR),助力突破技术瓶颈

本文聚焦 Vue3 生态工具和进阶技术方向,帮助开发者突破"会用但不精通"的瓶颈。核心内容包括: 生态工具: Vite:极速构建工具,对比Webpack具有冷启动快、热更新高效等优势 Vue DevTools:可视化调试工具,支持组件树查看、响应式数据调试等功能 进阶方向: 微前端:解决多应用集成问题 SSR:实现首屏极致优化 文章详细介绍了Vite的核心配置、常用命令及调试技巧,以及Vue DevTools的安装方法和核心调试功能,帮助开发者从"基础开发"向&quo

2026-03-04 09:06:43 27

原创 优化与拓展:Vue3 项目性能优化全攻略——详解 Vue3 项目优化技巧(组件懒加载、路由懒加载、响应式优化、打包优化),提升页面加载速度

本文介绍了Vue3项目性能优化的四大核心方向:组件懒加载、路由懒加载、响应式优化和打包优化。通过减少资源开销和提升执行效率,显著改善首屏加载速度和运行流畅度。路由懒加载通过动态导入实现按需加载,组件懒加载则针对非必要组件延迟加载。文章提供了具体实现方案和进阶优化技巧,如预加载和加载状态处理,适用于各类Vue3项目,帮助开发者全面提升应用性能表现。

2026-03-04 09:02:55 316

原创 Vue3从入门到精通进阶核心篇:TypeScript 与 Vue3 结合实战—— 详解 Vue3 如何集成 TypeScript,实现组件、props、响应式数据的类型定义,提升代码健壮性

本文介绍了Vue3与TypeScript的结合使用,主要内容包括:TS的核心优势(类型约束、代码可读性和维护性提升);Vue3集成TS的两种方式(新建项目和现有项目改造);TS基础类型与Vue3基础用法(变量、函数、组件等类型定义)。通过TS的强类型约束,可以提升Vue3项目的健壮性和可维护性,特别适合中大型项目开发。文章提供了详细的配置示例和代码片段,帮助开发者快速掌握Vue3+TS的核心开发技巧。

2026-03-03 08:08:46 31

原创 Vue3从入门到精通进阶核心篇:Vue3 组件封装技巧与最佳实践—— 学习通用组件封装思路(按钮、表单、弹窗),掌握组件复用、插槽使用、Props 校验的技巧

本文深入讲解Vue3组件封装技巧与最佳实践,涵盖通用按钮、表单、弹窗组件的封装思路。重点介绍了组件封装的四大核心原则(单一职责、可复用性、低耦合、可扩展性)和五大核心要点(Props设计、Emits设计、插槽设计、样式封装、逻辑封装)。通过TypeScript实现类型安全的按钮组件封装案例,展示了如何通过Props、插槽等方式实现组件复用和个性化定制,帮助开发者掌握Vue3组件化开发精髓,提升代码复用性和可维护性。

2026-03-03 08:08:30 134

原创 从“屎山代码”到优雅艺术品,藏着程序员的最高修养

摘要:程序员常面对"屎山代码"的困扰——功能能跑但难以维护。优雅代码不仅是技术追求,更是美学修养,需兼顾可读性、简洁性、自解释性等原则。本文通过重构案例对比,展示如何将混乱逻辑转化为清晰结构:用策略模式替代嵌套if-else,拆分复杂条件为独立规则链,实现代码的可扩展与易维护。重构本质是赋予代码秩序与温度,让冰冷逻辑变成可呼吸的艺术品。

2026-03-03 08:07:47 678

原创 Vue3从入门到精通进阶核心篇:Suspense 组件与异步组件—— 理解 Suspense 组件的作用,实现异步组件加载、懒加载,优化页面性能,处理异步数据渲染

本文深入讲解Vue3中的Suspense组件与异步组件使用技巧。异步组件通过动态import()实现按需加载,减少首屏资源体积,提升性能;Suspense组件则优雅处理异步操作等待状态,显示加载占位内容。文章从基础概念入手,详细介绍了局部/全局异步组件的定义方式、路由懒加载实现,以及Suspense组件在异步组件加载和异步数据请求场景下的应用方法。通过实际代码示例,帮助开发者掌握这两项核心特性,实现Vue3项目的性能优化与流畅用户体验。

2026-03-02 09:11:23 34

原创 Vue3从入门到精通进阶核心篇:Teleport 组件与自定义指令—— 详解 Teleport( teleport )组件的使用场景(弹窗、模态框),教你自定义 Vue3 指令,实现复用功能

本文深入讲解Vue3中Teleport组件和自定义指令的核心用法。Teleport组件能解决弹窗、模态框的层级问题,通过to属性将内容"传送"到指定DOM节点,同时保持组件逻辑不变。文章通过基础示例和实战案例(可复用模态框组件)演示了Teleport的典型应用场景。自定义指令部分则介绍了如何封装可复用的DOM操作逻辑,提升开发效率。这两个特性是Vue3开发中不可或缺的重要技能,能帮助开发者构建更灵活、高效的组件和交互功能。

2026-03-02 08:59:55 236

原创 Vue3从入门到精通进阶核心篇:Vue Router 路由全解析—— 掌握 Vue Router 的安装、路由配置、动态路由、嵌套路由,实现页面跳转、参数传递与路由守卫

本文介绍了Vue Router的核心概念与基础用法。作为Vue官方路由管理器,Vue Router实现了单页面应用的无刷新跳转,通过URL与组件映射提升用户体验。文章从安装配置入手,详细讲解了路由实例创建、全局注册和路由出口设置。重点演示了声明式导航和编程式导航两种跳转方式,并展示了如何在导航栏组件中实现路由切换。通过集成Pinia状态管理,为后续实现路由守卫和权限控制打下基础,帮助开发者构建完整的Vue3单页面应用。

2026-03-02 08:50:25 411

原创 Vue3从入门到精通进阶核心篇:Pinia状态管理入门与实战—— 替代 Vuex 的 Pinia 使用教程,从安装配置到核心用法,实战实现全局状态管理(登录状态、主题切换)

本文介绍Vue3推荐的状态管理工具Pinia,相比Vuex具有语法简洁、适配Composition API、支持TS等优势。文章从Pinia核心概念入手,详细讲解安装配置、Store创建及组件使用方法,通过计数器示例展示state、getters和actions的用法。Pinia简化了全局状态管理流程,是Vue3项目的首选方案。

2026-03-02 08:39:42 174

原创 Vue3从入门到精通进阶核心篇:Composition API完全指南—— 彻底理解 setup、ref、reactive、computed、watch的核心用法

Vue3 Composition API 完全指南 摘要:本文深入解析Vue3的Composition API设计理念与核心用法。首先对比Options API的局限性,指出Composition API通过逻辑聚合和复用能力解决复杂组件开发痛点。重点讲解setup语法糖的特性、执行时机及避坑要点,详细剖析ref、reactive等核心API的进阶用法,包括响应式转换和常见问题解决方案。最后通过实战案例展示如何遵循最佳实践组织代码,实现逻辑复用。全文从设计理念到具体实现,帮助开发者掌握Composition

2026-03-02 08:32:21 202

原创 Vue3从入门到精通(五):生命周期钩子与常用API—— 详解 Vue3 生命周期钩子函数,熟悉全局 API

本文系统讲解了Vue3的生命周期钩子和常用全局API。首先介绍了生命周期钩子的核心概念,将其分为创建、挂载、更新、销毁四个阶段,重点讲解了onMounted、onUpdated、onUnmounted、onCreated四个常用钩子的使用场景和实操案例。然后梳理了Vue3提供的全局API功能,包括响应式数据、组件注册等工具方法。全文采用"理论+实战"的方式,帮助开发者掌握在setup语法糖中正确使用生命周期钩子,避免常见陷阱,为开发复杂Vue3应用奠定基础。

2026-03-01 18:01:55 28

原创 Vue3从入门到精通(四):组件基础与父子组件通信—— 学会 Vue3 组件的创建、注册与使用,掌握 props 传值、emit 事件触发,实现简单父子组件数据交互

本文系统讲解Vue3组件开发,涵盖组件基础概念、创建注册方式和父子组件通信。组件作为可复用的独立模块,能提升代码复用性和可维护性。文章详细演示了单文件组件的三部分结构(template、script setup、style scoped),并通过按钮组件实例说明组件的创建流程。重点对比了全局注册与局部注册的使用场景,强调局部注册的简洁性。核心部分深入讲解父子组件通信机制:父传子通过props接收数据(defineProps),子传父通过emit触发事件。全文采用"理论+实战"方式,帮助开

2026-03-01 18:01:48 27

原创 Vue3从入门到精通(三):响应式数据与双向绑定—— 理解 Vue3 响应式原理,掌握 ref、reactive 两种响应式数据定义方式,实战 v-model 双向绑定在表单中的应用

本文深入讲解Vue3的响应式数据特性,重点对比ref和reactive两种定义方式的使用场景及区别。通过实操案例演示响应式数据与普通变量的差异,强调ref用于基本类型需加.value操作,而reactive更适合引用类型可直接修改属性。文章采用"理论+代码"的形式,帮助新手理解Vue3的Proxy响应式原理,掌握数据驱动视图的核心逻辑,为后续开发复杂组件打下基础。

2026-03-01 18:01:40 24

原创 Vue3从入门到精通(二):模板语法与指令全解析—— 掌握 Vue3 模板语法、插值表达式,详解 v-bind、v-if、v-for 等常用指令,结合案例演示指令用法与注意事项

本文是Vue3入门进阶教程,重点讲解模板语法和常用指令。主要内容包括: Vue3模板语法核心规则:兼容HTML并扩展Vue特性,支持多根节点模板; 插值表达式{{}}的基本用法与进阶技巧,支持变量、运算和简单表达式; 6个常用指令详解:v-bind动态绑定属性、v-if条件渲染等,每个指令都配有可运行的代码示例。教程采用"理论+实操"方式,帮助开发者快速掌握Vue3核心语法,为复杂组件开发打下基础。建议在已有Vue3项目上直接修改App.vue进行实践。

2026-02-28 17:39:21 83

原创 Vue3从入门到精通(一):环境搭建与第一个Vue3项目—— 详解 Vue3 环境搭建(Vue CLI、Vite 两种方式),创建第一个 Vue3 实例,理解 Vue3 与 Vue2 的核心差异

Vue3环境搭建指南:本文详细介绍了两种主流搭建方式。使用Vue CLI适合大型项目,需安装Node.js和Vue CLI 5,通过vue create命令创建项目;推荐新手使用Vite,通过npm create vite快速创建,启动更快、配置更简单。两种方式均需Node.js≥14.18.0,并推荐配置淘宝镜像源加速依赖安装。文章对比了两种方式的差异,帮助开发者根据项目需求选择合适方案,为Vue3开发奠定基础。

2026-02-28 17:31:59 167

原创 git commit规范配置文档(适配CHANGELOG.md自动生成)

本文档详细介绍了如何配置git commit规范工具链,实现自动生成CHANGELOG.md。通过Husky拦截git钩子,Commitizen提供提交模板,Commitlint校验信息格式,Standard-version自动生成变更日志和版本更新。支持yarn和npm两种安装方式,配置步骤包括:1)安装相关依赖;2)配置Husky的pre-commit和commit-msg钩子;3)初始化Commitizen;4)设置Commitlint规则;5)添加Standard-version脚本。使用时需通过g

2026-02-28 10:14:52 507

原创 Vue3 + Element Plus 改写 ElMessageBox,实现自定义按钮

本文介绍了一个基于Vue3和Element Plus实现的任务处理确认弹窗组件。该组件通过改写ElMessageBox,提供取消、处理当前任务(ONE)和处理全部任务(ALL)三种操作选项。核心功能包括:使用Vue3的h函数动态构建弹窗内容,适配异步接口调用,支持直接复制到Vue3项目复用。文章详细说明了技术栈要求、完整代码实现、参数配置以及使用方法,特别强调了Vue2到Vue3迁移时的适配问题解决方案。该组件适用于需要批量处理任务的业务场景,简化了开发流程。

2026-02-28 10:06:29 687

原创 弹窗双列表实现选择及分页勾选回显实现文档(基于 Vue2 + Element UI)

本文档详细介绍了基于Vue2和Element UI实现的弹窗双列表交互功能方案。该方案包含以下核心功能:弹窗基础交互、双列表勾选/删除联动、加工件扫码检索、搜索分页、领取数量校验、一键提交及主列表刷新。技术栈要求项目已集成Vue2、Element UI和Avue组件库,并封装了网络请求方法。实现代码完整可运行,仅需修改接口地址和字段映射即可适配实际需求。文档提供了完整的Vue组件代码,包含弹窗标题区、搜索表单、双列表布局和底部操作按钮等实现细节,可直接集成到项目中使用。

2026-02-28 09:18:58 1086

原创 大图拖拽缩放与可点击区域交互实现技术文档

本文介绍了一个基于原生HTML、CSS和JavaScript实现的大图交互解决方案,支持地铁线路图等超大尺寸图片的拖拽移动、滚轮缩放和区域点击功能。方案包含以下核心特性: 交互功能:鼠标拖拽移动图片、滚轮缩放、指定区域点击弹窗显示信息 辅助功能:实时显示缩放比例、一键重置视图、键盘快捷操作 技术特点:纯原生实现无框架依赖、流畅的过渡动画、响应式适配不同屏幕 应用场景:适用于地铁线路图、园区平面图、Excel导出大图等可视化需求 实现仅需修改图片路径和可点击区域坐标即可快速集成到项目中,兼容现代主流浏览器。

2026-02-27 10:47:18 503

原创 基于el-table实现单元格指定字段相同数据与复选框合并方案

Element UI表格合并方案摘要 本文提供一套基于Element UI/Element Plus的表格合并解决方案,支持以下功能: 指定字段相同数据纵向自动合并 合并组复选框联动选中 开箱即用的完整代码实现 技术要点: 兼容Vue 2/3和Element UI/Element Plus 使用span-method实现单元格合并 通过selection-change事件处理复选框联动 提供模拟数据和业务操作示例 使用方式: 复制提供的完整代码到TableMergeDemo.vue文件 替换表格数据为实际业

2026-02-27 10:32:22 892

原创 基于Three.js、Vue3实现3D模型与数据互动实现方案

本文介绍了一个基于Vue 3和Three.js的3D模型查看器组件(ModelViewer),支持GLB格式模型加载、交互控制和预加载功能。组件采用全局缓存机制优化性能,提供旋转/缩放/平移交互、组件高亮选中等特性,并支持与业务面板联动。文章详细说明了组件配置参数、事件回调、暴露方法及使用步骤,包括环境准备、模型文件配置和核心逻辑实现。该方案适用于设备监控、产品展示等需要3D模型展示的业务场景,具有性能优化、灵活配置和易集成等特点。

2026-02-26 14:59:37 756

原创 使用 exceljs、file-saver 插件实现后端数据转为 excel 数据进行下载

摘要 本文档提供「产品规格书Excel自动生成工具」的完整使用指南。该工具基于ExcelJS和file-saver插件开发,支持纯前端实现,可自动生成标准化的产品规格书Excel文件。核心功能包括:自动填充产品基础信息、插入规格图片、批量导入检验项数据、格式化文本内容等。文档详细说明了工具安装步骤(需npm/yarn安装依赖)、代码导入方法,并提供了完整的JavaScript工具代码实现。该工具适用于制造业、质检等行业,能显著提升规格书编制效率,生成的Excel文件可直接打印归档,兼容主流办公软件。

2026-02-26 09:03:15 453

原创 批量打印合格证、标签打印配置与使用教程(含条形码、二维码代码实现)

本文档详细介绍了基于Vue框架的前端打印功能实现方案,重点包含合格证和标签打印的配置与调用方法。主要内容包括:1) 前期环境准备,包括Vue项目搭建和必要插件的安装;2) print-config.js的核心配置,实现条码生成和打印模板定义;3) print.js的核心打印逻辑,包含HTML生成和执行打印的关键代码。文档提供了可直接复用的代码示例,简化冗余代码,突出条码生成、模板配置和打印调用的核心实现逻辑,适用于开发人员和运维人员快速集成打印功能到项目中。

2026-02-25 09:19:21 586

原创 多坐标转换工具配置与使用教程

摘要:本文介绍了一个基于策略模式的JavaScript坐标转换工具,支持WGS84、GCJ02和BD09三种坐标系之间的6种常用互转(如GPS转高德、百度转GPS等)。该工具采用纯JS实现,无第三方依赖,可直接拷贝代码集成到Vue/React/原生JS项目中。核心文件仅需1个,内置坐标转换算法和策略模式封装,支持自定义扩展转换规则。开箱即用,适用于需要处理多地图平台坐标系的Web应用开发。

2026-02-13 09:17:54 340

原创 PDF 转 Canvas 增加水印批量打印实战:基于 pdfjs-dist 打造高性能可复用组件

本文针对前端批量PDF打印场景的痛点,提出基于pdfjs-dist的解决方案。核心内容包括:1)配置pdfjs-dist 2.2.228版本及辅助依赖;2)封装打印专用CSS样式解决兼容性问题;3)实现PDF转Canvas、分批处理、性能优化等核心逻辑。方案提供可直接集成的Vue组件代码,支持水印、二维码等定制化需求,并优化了内存管理和渲染性能。通过固定依赖版本和标准化数据格式,确保方案的高复用性和稳定性,可快速应用于工单打印等批量PDF处理场景。

2026-02-12 15:17:02 831

原创 玩转 UniApp WebView:H5 与原生应用双向通信实战

本文详细介绍了在UniApp开发中实现WebView与H5页面双向通信的完整方案。通过URL参数传递Token等数据,利用uni.webView.postMessage实现H5调用原生功能(扫码、拨打电话、蓝牙打印、文件上传等),并通过evalJS将处理结果回传H5页面。文章提供了App端和H5端的完整代码实现,包括WebView容器初始化、消息监听处理、功能调用封装等核心逻辑,同时采用条件编译确保跨端兼容性,为UniApp混合开发提供了实用的技术参考。

2026-02-12 14:17:21 909

原创 基于 Vue + Node.js 批处理bat脚本实现多环境一键部署

本文介绍了一种基于Node.js的前端多环境自动化部署方案。通过封装bat脚本简化部署流程,使非技术人员也能轻松完成部署操作。方案核心包括: 使用Node.js实现部署逻辑,支持多环境配置 添加日志记录和断点重连功能,提升可靠性 通过bat脚本封装复杂命令,提供简单执行入口 实现自动化打包、压缩、上传、备份等完整流程 该方案解决了手动部署效率低、易出错的问题,特别适合需要频繁发布多环境的前端项目。文中详细讲解了配置文件结构、日志管理和核心部署流程的实现方法,可帮助团队快速搭建自动化部署系统。

2026-02-11 14:00:26 726

原创 基于 Vue + Node.js 的打包后自动发布服务脚本

本文介绍了一种基于Vue和Node.js的自动化发布服务实现方案。该方案通过node-ssh模块实现服务器SSH连接,使用archiver模块进行文件压缩打包,在deploy目录下构建完整的发布流程。文章详细说明了环境准备步骤、项目目录结构以及核心部署脚本的实现,包括项目打包、文件压缩、SSH连接、服务器备份等关键功能。部署脚本支持多环境配置,可通过命令行参数指定部署环境,实现全自动化发布流程,无需人工干预。该方案为前端项目部署提供了高效可靠的自动化解决方案。

2026-02-11 10:54:58 849

转载 Windows系统中安装MYSQL

一、安装Mysql两种方式:1、下载MSI点击运行;2、下载ZIP,解压出来就能立即使用,默认是没有my.ini配置文件。下载地址:https://dev.mysql.com/downloads/installer/当我们想修改数据库的配置信息如 wait_timeout、interactive_timeout、max_connections 或大小写敏感时,却找不到my.ini 配置文件。虽然这时,还可以通过命令行来修改配置信息,但重启mysql后修改会失效,配置会回归默认值,所以这种方式治标

2020-12-23 14:35:16 321

原创 vue中使用Cesium

Vue集成Cesium三维地图开发指南 本文介绍了在Vue项目中集成Cesium三维地图的完整配置流程: 安装配置:通过npm安装Cesium,在vue.config.js中配置webpack插件处理Cesium资源文件,包括Workers、Assets等静态资源。 全局引入:在main.js中全局引入Cesium及其样式,并挂载到Vue原型上。 地图初始化:创建Cesium.Viewer实例,支持多种地图源: 天地图WMTS服务 高德地图UrlTemplate服务 本地GeoServer WMS服务 离线

2020-12-10 17:46:11 6289

转载 Airbnb JavaScript 代码规范

其他代码风格指南ES5 (Deprecated)ReactCSS-in-JavaScriptCSS & SassRuby目录类型引用对象数组解构字符方法箭头函数类和构造器模块迭代器和发生器属性变量提升比较运算符和等号块控制语句注释空白逗号分号类型转换和强制类型转换命名规范存取器事件jQueryECMAScript 5 兼容性ECMAScript 6+ (ES 2015+) 风格标准库测试性能资源JavaScript风

2020-12-10 13:14:12 606

原创 Git cz、Commit message 和 Changelog配合使用方法

项目需要写版本信息时有对除了版本号之外更详细的 changelog 的展示, 于是就需要在平时的 git commit 中进行规范, 才能自动生成CHANGELOG.md.yarn安装依赖Husky首先本地安装 husky yarn add husky -D, 其中 pre-commit就可以对代码进行 lint 检查, 避免 lint 的错误被上传.{ "scripts": { "lint": "vue-cli-service lint --fix" }, "husk

2020-12-09 14:17:51 1061

原创 windows环境Git安装以及秘钥配置

本文介绍了Windows 10环境下Git安装与SSH配置的完整流程。首先从官网下载Git并默认安装,验证安装成功后配置用户名和邮箱。接着详细说明了SSH密钥生成步骤,包括创建rsa密钥对、定位密钥文件位置及查看公钥内容。最后以码云为例,演示了如何将公钥添加到Git平台,完成认证设置以便进行代码克隆操作。整个过程涵盖了从基础安装到安全认证的关键步骤,为Git使用提供了完整指导。

2020-08-13 12:15:47 1225

转载 localstorage的跨域存储方案

html5标准中一个亮点就是提供了浏览器本地存储的功能。方式有两种:localStorage和 sessionStorage。 相对于cookie,他们具有存储空间大的特点,一般可以存储5M左右,而cookie一般只有4k。 localStorage和 sessionStorage的主要区别是:localStorage的生命周期是永久的,意思就是如果不主动清除,存储的数据将一直被保存。...

2018-09-03 16:39:06 9308

转载 redis中密码设置

redis没有实现访问控制这个功能,但是它提供了一个轻量级的认证方式,可以编辑redis.conf配置来启用认证。 1、初始化Redis密码: 在配置文件中有个参数: requirepass 这个就是配置redis访问密码的参数; 比如 requirepass test123; (Ps:需重启Redis才能生效) redis的查询速度是非常快的,外部用户一...

2018-08-23 17:05:30 338

原创 ztree自定义图标实现方法

ztree设置JS代码 ztree是如何设置自定义图标的呢?下面我们来看一下:var setting = { check: { enable: true }, data: { simpleData: { enable: true }

2017-08-28 17:03:28 3105

原创 通过身份证号获取年龄

如何通过身份证来识别年龄呢?我提供了以下方法,经供参考:html<input type="text" id="peiouIdno" /><input type="text" id="peiouAge" /><button type="button" onclick="getYear();">获取年龄</button>JSfunction getYear(){ var UUserCard

2017-08-23 14:16:48 1147

原创 更改placeholder的默认颜色

input和textarea中placeholder的默认颜色都是浅灰色,如何更改placeholder的默认颜色呢?css代码增加placeholder的样式,例如:.form-control::-moz-placeholder { color: red; opacity: 1}.form-control:-ms-input-placeholder { color: r

2017-08-23 10:33:27 1027

glb资源文件,DRACO解码器

DRACO解码器 glb资源文件

2026-02-26

在前端项目迭代过程中,部署环节的效率和易用性直接影响团队协作效率 对于已基于 Node.js实现核心部署逻辑的项目,通过批处理(bat)脚本封装执行入口,能让非技术人员也能轻松完成多环境部署,彻底告别

前端开发迭代中,手动部署流程繁琐、易出错,多环境管理更易出现配置混乱、部署失误问题。这款自动化部署工具基于 Node.js+SSH 打造,封装全流程自动化能力与可视化操作入口,无需复杂命令,一键即可完成从本地打包到远程服务器部署的所有操作,大幅提升部署效率,降低操作门槛,完美适配团队多场景部署需求。 工具支持生产、测试等多环境独立配置,各环境服务器信息、部署路径、打包命令隔离管理,通过可视化菜单或快捷脚本即可选择环境,彻底规避参数输入错误。核心集成项目构建→文件压缩→SSH 连接→自动备份→并发上传→解压替换→日志记录全流程能力,将原本十余分钟的部署操作压缩至数分钟,全程无需人工干预。 同时工具内置多重安全兜底机制:部署前自动备份服务器原有文件,支持快速回滚;SSH 连接失败自动重试 3 次,适配网络波动;所有操作日志自动保存至deploy-logs目录,便于问题追溯;还能实时展示上传进度,智能识别项目路径,保证执行无误。 操作上提供两种便捷方式,高频环境可双击deploy-[env].bat快捷脚本一键部署,多环境切换可通过deploy.bat打开可视化菜单,输入数字即可选择,新手也能快速上手。工具适配 Windows 主流系统,仅需本地安装 Node.js 14.x 及以上版本,且能 SSH 连接目标服务器,简单配置服务器信息后即可使用。 该工具适配团队日常开发迭代、紧急 Bug 修复、多环境并行管理、标准化部署等所有场景,实现部署流程标准化,降低团队协作成本,让开发人员摆脱繁琐部署操作,专注核心业务开发,还可根据团队需求灵活扩展跨系统适配、版本回滚等功能。 核心亮点:一键全流程自动化、多环境隔离管理、自动备份兜底、完整日志记录、可视化傻瓜式操作适用人群:前端开发、运维工程师、项目负责人及技术团队

2026-02-12

chosen.jquery.js美化以及实现模糊搜索

Chosen:select下拉选择框美化插件及实现模糊搜索,Chosen 是一个支持jQuery的select下拉框美化插件,它能让丑陋的、很长的select选择框变的更好看、更方便。不仅如此,它更扩展了select,增加了自动筛选的功能。它可对列表进行分组,同时也可禁用某些选择项。

2017-09-01

微信小程序开发教程.txt

微信公众号开发使用视频教程,从零开发一个微信小程序。

2019-09-11

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除