- 博客(63)
- 收藏
- 关注
RSS订阅原创 Vue3必学：Composition API vs Options API 全方位对比与选择指南
本文详细解析Vue.js中Options API和Composition API的核心区别，通过代码示例和对比表格帮助你全面理解两者的特性和适用场景。无论你是Vue2老手还是Vue3新手，这篇文章都将为你提供清晰的技术选型指导，助你在项目中做出最佳决策。
2025-09-10 17:51:11
667
原创 【Git团队协作必读】合并后总要拉取最新代码？怕冲突？这篇带你告别焦虑！
保护主分支：只在完成后通过PR合并，禁止直接push。善用分支：功能、Bug修复等所有开发都创建新分支。频繁提交：小步快走，写个差不多就commit，方便回溯。提前合并：永远在你的分支上先merge main，再提PR。沟通：团队内明确模块分工，从源头上减少修改同一文件的冲突。遵循这套流程，Git将从“冲突的噩梦”变为“协作的利器”。拥抱它，你的团队协作效率会大大提升！希望这篇文章能打消你的疑虑。你在Git协作中还遇到过哪些问题？欢迎在评论区讨论。
2025-08-22 14:38:56
300
原创 《Promise 的 resolve 和 reject 详解：从入门到实战，让你的异步代码更优雅！》
它们决定了 Promise 的成功或失败状态，让异步代码更易读、更易维护。是 Promise 的核心，掌握它们能让你的异步代码更清晰、更健壮。带你彻底理解它们的用法，现在你可以在项目里灵活运用了！Promise 构造函数接收一个。是处理异步操作的强大工具，而。在 JavaScript 中，
2025-08-19 10:53:29
352
原创 《Node.js版本管理神器：NVM全方位使用指南》
在Node.js开发中，不同项目可能依赖不同版本的Node.js环境。如果手动切换版本，不仅麻烦，还容易出错。这时候，NVM（Node Version Manager） 就派上用场了！NVM 是一个强大的Node.js版本管理工具，可以让你轻松安装、切换和管理多个Node.js版本，确保开发环境的一致性和灵活性。本文将详细介绍NVM的安装、基本使用、高级技巧，并对比其他版本管理工具，助你成为Node.js版本管理高手！
2025-07-29 14:05:30
274
原创 Vue-element-admin中实现表单离开前警告功能（防止数据丢失）
在后台管理系统开发中，表单数据编辑是非常常见的需求。用户在编辑表单时，可能会不小心离开页面导致数据丢失，给用户体验带来负面影响。本文将详细介绍在vue-element-admin项目中如何实现el-form表单离开前的警告功能。
2025-07-02 15:27:36
965
原创 Uni-App H5微信公众号分享功能实现指南（全局+单页面优先级控制）
在开发基于uni-app的H5微信公众号应用时，分享功能是一个常见的需求。然而，在实际开发中，我们经常会遇到以下问题：需要同时支持全局默认分享配置和单页面自定义分享如何控制分享配置的优先级（单页面优先于全局）处理哈希路由下的分享链接问题微信JS-SDK的正确初始化和配置本文将详细介绍这些问题的解决方案，并提供完整的代码实现。
2025-06-26 15:28:12
1403
原创 Gitee+Git多人协作开发保姆级教程：从入门到精通
本文详细讲解如何在Gitee上实现高效多人协作开发，涵盖仓库创建、分支管理、Pull Request、冲突解决等核心内容，并提供最佳实践建议，助你轻松掌握团队协作开发技巧！
2025-06-17 13:52:36
1216
原创 在微信公众号中实现uni-app网页自定义分享卡片（含Logo、标题和描述）全攻略
在微信公众号开发中，实现网页分享时的自定义卡片展示是提升用户体验和传播效果的重要手段。本文将详细介绍如何在uni-app项目中集成微信JSSDK，实现包含自定义Logo、标题和描述的分享卡片功能。
2025-06-06 15:17:32
1017
原创 uni-app全局配置微信公众号分享：所有页面自动带Logo+标题+描述（附完整代码）
📖 文章摘要本文介绍两种全局配置方案，实现uni-app开发的H5页面在微信公众号分享时自动带上Logo、标题和描述。**方案一（全局混入）**通过Vue.mixin统一配置，支持页面自定义覆盖，代码简洁易维护；方案二（动态路由匹配）适用于多页面差异化分享，灵活性强。文章提供完整代码及避坑指南，解决常见问题如Logo不显示、签名失败等。两种方案均无需重复写JSSDK代码，实现“一次配置，全站生效”，适用于H5/微信公众号网页开发。
2025-06-06 15:12:31
522
原创 Iconify：一站式SVG图标库解决方案 - 前端开发必备工具
Iconify为现代Web开发提供了完美的图标解决方案，它结合了传统图标字体和SVG图标的优点，同时避免了它们的缺点。无论你是开发小型网站还是大型企业应用，Iconify都能满足你的图标需求，显著提升开发效率和用户体验。
2025-05-14 10:02:12
1086
原创 如何用 VuePress 快速搭建技术文档网站？一篇搞定配置、部署与 SEO 优化！
🔥 VuePress 2.x 极速实战指南：从零构建高效静态文档网站 | CSDN 独家教程
2025-05-12 13:32:34
446
原创 uni-app 项目源码托管指南：从零开始将项目上传至 Gitee
通过以上步骤，你的 uni-app 项目源码就可以成功托管到 Gitee 上进行管理了！
2025-03-17 15:04:13
1095
原创 轻量级模块化前端框架：快速构建强大的Web界面
UIkit提供了丰富的组件和工具，使开发者能够轻松实现现代化的设计效果。无论是构建复杂的用户界面还是简单的网页布局，UIkit都能提供出色的支持。其模块化设计使得开发者可以根据项目需求灵活选择所需的功能，从而保持代码的简洁和高效。是一个轻量级的模块化前端框架，旨在帮助开发者快速构建功能强大且响应迅速的Web界面。如果你正在寻找一个既能提高开发效率又能保证性能的前端框架，不妨试试UIkit。在当今快节奏的Web开发环境中，选择一个高效且灵活的前端框架至关重要。了解更多信息，并开始你的高效开发之旅吧！
2025-03-12 17:26:00
965
原创 50个Deepseek写材料详细指令，从此告别加班，赶紧收藏！
(50)撰写一篇关于 【科技创新企业名称】 的企业发展案例分析文章，从企业创立背景、技术创新、商业模式、市场拓展、团队建设、企业文化等方面进行深入剖析，总结企业的成功经验和可借鉴之处，为其他科技创新企业提供参考。(36)以 “【行业名称】 的数字化转型路径探索” 为题，写一份研究报告，结合行业特点、技术发展趋势、成功案例等因素，探讨该行业数字化转型的必要性、目标、策略、实施步骤以及面临的挑战和应对措施。
2025-03-05 14:29:19
522
原创 基于 Vue.js 和 Element UI 实现九宫格按钮拖拽排序功能 | 详细教程与代码实现
内容概述：本文将详细介绍如何在 Vue.js 项目中使用 vue-element-template（基于 Element UI）实现九宫格按钮的拖拽排序功能。通过 vuedraggable 库，我们可以轻松实现按钮的拖拽排序，并结合 CSS Grid 布局实现九宫格效果。文章包含完整的代码实现、步骤解析以及扩展功能（如保存排序结果），适合 Vue.js 初学者和中级开发者。
2025-02-24 12:05:50
506
原创 CSS 解决 Flex 布局中 justify-content: space-between； 导致最后一排项目分散对齐的问题
flex-growmargin：适合动态项目数量，简单易用。伪元素填充：适合需要兼容的场景。grid布局：适合固定列数或动态列数的场景，推荐使用。动态计算间距：适合固定列数的场景。根据具体需求选择合适的方法即可！
2025-02-21 11:44:28
1103
原创 新一代CSS选择器：12个技巧让代码量减少70%
CSS选择器的使用技巧直接影响着我们的代码质量和维护效率。分享一些新一代的CSS选择器技巧，这些技巧不仅能让你的代码更简洁，还能提升样式表的可维护性。
2025-01-21 09:44:38
200
原创 previewImage.js实现图片放大预览，滑动切换，双指缩放，图片缓存
previewImage.js 实现的移动端图片的预览，缩放功能。
2023-08-15 10:04:37
2257
2
原创 Font Awesome 一套绝佳的图标字体库和CSS框架
Font Awesome是一套完美的图标字体库，供可缩放的矢量图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。
2022-08-31 15:26:59
430
原创 vue中@click点击阻止事件冒泡
大家都知道，vue中点击事件直接在元素中使用@click="click"即可，但是有时在一个元素中包含了子元素，而且父元素和子元素都有点击事件，此时我们希望的点击效果就是：点击子元素区域的的时候，不触发父级元素的点击事件，此时就要用到@click.stop=“方法名字”。@click.stop 阻止事件冒泡@click.prevent 阻止事件的默认行为<!-- 阻止单击事件继续传播 --><view @click.stop="方法名字"></view>..
2021-12-15 12:01:31
3879
原创 flexible.js淘宝官方h5移动适配解决方案
flexible.js淘宝官方h5移动适配解决方案.创建flexible.js , 主要内容为:;(function(win, lib) { var doc = win.document; var docEl = doc.documentElement; var metaEl = doc.querySelector('meta[name="viewport"]'); var flexibleEl = doc.querySelector('meta[name="flexib
2021-11-02 14:30:30
791
转载 前端js获取当前时间的方法
var time = new Date();time.getYear(); //获取当前年份time.getFullYear(); //获取完整的年份(4位,1970-???)time.getMonth(); //获取当前月份(0-11,0代表1月)time.getDate(); //获取当前日(1-31)time.getDay(); //获取当前星期X(0-6,0代表星期天)time.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)time.getHours(); /
2021-09-28 11:10:12
7308
转载 js获取当前页面路由方法
在WEB开发中，时常会用到javascript来获取当前页面的url网址信息，在这里是我的一些获取url信息的小总结。下面我们举例一个URL，然后获得它的各个组成部分：https://blog.csdn.net/jia2799897415?spm=1000.2115.3001.53491.window.location.href(设置或获取整个 URL 为字符串)var test = window.location.href;alert(test);返回：https://blog.csdn.ne
2021-08-20 10:38:10
7551
转载 vue和微信小程序的区别
一、生命周期vue生命周期小程序生命周期相比之下，小程序的钩子函数要简单得多。vue的钩子函数在跳转新页面时，钩子函数都会触发，但是小程序的钩子函数，页面不同的跳转方式，触发的钩子并不一样。onLoad: 页面加载一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数。onShow: 页面显示每次打开页面都会调用一次。onReady: 页面初次渲染完成一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。对界面的设置如wx.setNav
2021-07-07 09:50:11
362
原创 js图片懒加载
html中内容，img的src放入懒加载的动态图，data-src中放入真实的图片。 <img src="懒加载的图片" data-src="真实图片" alt="">js代码,记得引入jQuery.js ，我没有封装js，你可以根据自己需求封装一个js文件 var clock; //这里的clock为timeID， //滚动区域， $('.container').on('scroll', function () {
2021-06-10 09:28:53
120
转载 Vue 项目性能优化方案
前言Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面的优化，使项目具有更高效的性能、更好的用户体验。本文是作者通过实际项目的优化实践进行总结而来，希望读者读完本文，有一定的启发思考，从而对自己的项目进行优化起到帮助。本文内容分为以下三部分组成：Vue 代码层面的优
2021-05-28 09:40:03
293
转载 cli3 vue-router-----路由的配置及使用方法
一.什么是vue-routervue-router路由插件，这里的路由并不是指我们平时所说的硬件路由器，这里的路由就是SPA（单页应用）的路径管理器。再通俗的说，vue-router就是我们WebApp的链接路径管理系统。二.vue-router安装npm install vue-router --save-dev三.在src文件夹中创建routes.js配置文件，配置路由的映射关系import ShowBlog from "./components/ShowBlog"import AddBl
2021-05-26 10:41:43
319
转载 Vue-cli3如何添加路由（vue-router）
之前使用的vue-cli2的是否可以在创建项目时直接引入vue-router，但是现在Vue-cli3新建项目后却少了很多东西，我们需要自己来安装使用路由。具体方案如下：安装路由npm install vue-router创建router.js与main.js同级router.js中的内容为import Vue from 'vue'import Router from 'vue-router' //组件模块import Main from './components/content/ma
2021-05-26 09:45:07
465
原创 vue-cli3.0 中 关闭 eslint 验证,关闭代码检测工具
删掉package.json中的"eslint:recommended"即可；然后重启项目就可以了
2021-05-21 09:21:37
492
转载 vue实现移动端适配方案 （amfe-flexible和postcss-pxtorem结合）建议收藏
1.amfe-flexibleamfe-flexible是配置可伸缩布局方案，主要是将1rem设为viewWidth/10。2.postcss-pxtorempostcss-pxtorem是postcss的插件，用于将像素单元生成rem单位。3.移动端适配方案vue实现移动端适配步骤如下:先安装amfe-flexible和postcss-pxtoremnpm install amfe-flexible --savenpm install postcss-pxtorem --save在m
2021-05-14 09:45:46
955
转载 模仿微信朋友圈 图片浏览 js javascript 支持图片预览，滑动切换，双指缩放，图片缓存
首先引入一下两个js文件，<script src="dist/md5.js"></script><script src="dist/previewImage.min.js"></script>整个HTML文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>PreviewImage&l
2021-05-07 09:43:45
794
原创 input上传视频并本地预览
<input id="uploaderInput" class="weui-uploader__input" onchange="chooseVideoInput()" accept="video/*" multiple="" type="file"><video src="" controls id="video" style="width: 8rem"></video> <script> function chooseVideoIn
2021-04-27 16:53:33
3636
原创 css编辑段落文章，段落变得好看些
直接给p标签样式（移动端和PC端通用） p{ margin:1em 0; padding:0 0 0 2em; text-indent:-1.5em; font:normal normal 16px/1.6em "宋体"; color:#000; }
2021-04-07 09:47:48
852
原创 CSS3实现图片在DIV中上下左右居中
CSS3实现图片在DIV中上下左右居中<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>CSS3实现图片在DIV中上下左右居中</title> <style> .container{width:600px;height:600px;border:1px solid red;position: relative;}
2020-12-23 10:22:13
911
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人