- 博客(41)
- 收藏
- 关注
RSS订阅
原创 Vite+Vue3项目实现路由自动化，根据src文件夹下（多级文件夹）所有.vue文件路径实现路由自动匹配生成。
到这就具体实现了vite+vue3项目的路由自动匹配生成，无论几级文件夹都可以自动匹配生成相关的路由规则，而我们如要使用，直接写文件地址即可跳转，上面只是初步实现了路由的自动生成，URL传值，meta定制，路由守卫这些还有待继续完善。我们在写vite+vue3项目的时候，总是需要手动的去为每一个.vue文件去手动设置路由，这样做很麻烦，也会占用大量的时间去维护开发，如果我们能自动生成路由，这样就会很方便。2、知识点：forEach、replace、push、module（语法）、Vue Router。
2023-09-28 15:23:48
874
原创 Vite+Vue3项目使用第三方Animate.css动画库简单实现页面级的路由转场动画详细教程
Vite+Vue3项目使用第三方Animate.css动画库简单实现页面级的路由转场动画详细教程
2023-09-25 11:39:18
1406
原创 Vue基于extend方法实现动态插入自定义组件以及组件props传值，“js-dynamic-components”。
在很多时候，开发vue项目需要对我们自己开发的自定义组件进行动态的控制，以实现按照我们想要的组件去进行渲染，同时可以动态的管理操作前端的自定义组件渲染显示。那么如何实现？
2023-04-05 10:26:58
1720
原创 Vue实现集成使用第三方Animate.css动画库详细教程（解决鼠标移入移出闪烁问题）
vue通过第三方集成Animate.css简单快速的实现动画，通过类名引用，可以轻松实现Animate的所有动画，Animate.css是一款强大的预设css3动画库，Animate.css内置了很多典型的css3动画，兼容性好使用方便。
2022-05-10 13:50:27
3294
6
原创 Vue中央事件总线$bus跨父子组件无限层级通信（解决$bus.emit 第一次不触发、通信传值数据监听等）
使用场景：多种类跨组件全局搜索实现，vuex对于当前场景过于繁琐庞杂，由此想用vue中央事件总线bus去处理。使用问题：因为$emit先于$on执行了，所以接受传值的组件无法获得第一次数据；解决办法：main.js//中央事件总线Vue.prototype.$bus=new Vue();传值组件onSearch(value) { this.Sdata.svalue=value; // 加定时器，防止$emit先于$on执行了，否则无法获得第一次数据； setTimeout
2022-03-31 18:41:20
2793
原创 5分钟实现本地安装运行史上最强开源Llama3大模型！技术方案：ollama+Chatbox+HuggingFace（shenzhi-wang/Llama3-8B-Chinese-Chat-GGUF）
Meta推出迄今为止能力最强的开源大模型Llama 3系列，发布8B和70B两个版本。8B版本最低仅需4G显存即可运行，可以说是迄今为止能在本地运行的最强LLM。Llama 3在一众榜单中取得开源SOTA（当前最优效果）。Llama 3 8B在MMLU、GPQA、HumanEval、GSM-8K等多项基准上超过谷歌Gemma 7B和Mistral 7B Instruct。
2024-07-10 15:48:08
652
原创 Vue3使用audio实现无播放器播放音频，以及多音频切换bug“The play() request was interrupted by a new load request”处理
Vue 的声明性渲染模型抽象了大部分对 DOM 的直接操作，当我们有需要直接访问底层 DOM 元素的需求，就可以使用特殊的 ref attribute，对DOM 元素实现直接引用，从而实现原生audio播放器的更改和控制。如觉的写的不错，欢迎评论讨论，本文为原创，如需转载请标明出处；
2024-06-06 17:47:46
719
原创 基于webpack+Vue3+JavaScript+antd+less+axios技术栈实现所有组件全局自动化注册
最近在做一个项目，因为项目比较小，用户群体年龄跨度较大，同时对兼容性的要求较高，所以选择webpack+Vue3+JavaScript+antd+less+axios的技术栈，在开发的当中发现一个问题，原来在vue2当中，可以很简单就能实现的组件的全局自动化注册，在当前这套技术栈组合中不能使用，网上的教程大多都是偏向于typescript的，所以决定自己写一个。
2024-05-26 22:14:55
334
1
原创 TortoiseGit拉取仓库失败“Failed to get UnRev file list fatal: detected dubious ownership...”，解决办法：添加安全目录
这个命令是用来将一个安全目录添加到全局的 Git 配置中。具体来说，它会在 Git 的配置文件中添加一行类似于 “safe.directory = /path/to/directory” 的配置项，表示将 /path/to/directory 目录添加到 Git 的安全目录列表中，以便在执行 Git 操作时自动忽略该目录下的文件。（1）Git 进行了版本升级，添加了新的目录安全限制规定，如果不添加安全目录，会造成在进行git常规操作时无法发现.git配置文件。本文原创，原创不易，如需转载，请联系作者授权。
2024-04-23 11:55:19
525
原创 TortoiseGit操作失败并提示Another git process seems to be running in this repository, e.g. an editor ...
另一个git进程似乎正在这个存储库中运行，例如:由“git-commit”打开的编辑器。请确保所有流程被终止，然后重试。如果仍然失败，git进程可能早些时候在此存储库中崩溃：手动删除文件以继续。原因在于TortoiseGit在使用过程中遭遇了Git的奔溃，一小部分的被上锁资源没有被释放导致的报错。.git属于隐藏文件，正常是不显示在文件夹内的，需要将隐藏文件显示出来或通过命令行进行查找删除。进入项目文件夹下的 .git文件中删除index.lock文件即可。本文原创，原创不易，如需转载，请联系作者授权。
2024-02-21 10:40:50
478
原创 HarmonyOS鸿蒙ArkTS/ArkUI项目，封装http网络请求，封装公共API以及调用请求的过程实现。
我们在日常当中开发鸿蒙项目的时候，调用@ohos.net.http (数据请求)方法去请求接口，整个组件的语法糖会很繁琐，我们对@ohos.net.http (数据请求)方法进行一下二次公共API接口封装http网络请求，实现接口的简单方便快捷的调用。
2024-01-04 14:26:09
3501
4
原创 华为云Windows Server服务器下，Node使用pm2-logrotate分割pm2日志，解决pm2日志内存占用过高的问题。
PM2 是一个守护进程管理器，它将帮助您管理和保持您的应用程序在线。PM2 入门很简单，它以简单直观的 CLI 形式提供，可通过 NPM 安装。
2023-12-22 17:20:07
1325
原创 OpenHarmony鸿蒙原生应用开发，ArkTS、ArkUI学习踩坑学习笔记，持续更新中。
OpenHarmony鸿蒙原生应用开发，ArkTS、ArkUI学习踩坑学习笔记，持续更新中。
2023-12-18 12:29:16
1346
原创 Vue3＜script setup＞语法糖下，实现父子组件通信以及数据监听的三种方法。
在Vue3的script setup语法糖中，没有办法通过Vue2的ref、props、parent、中央时间总线等等众多方法，通过this指针简单的实现父子组件的通信，网络上也很少有关于script setup语法糖的相关教程，所以决定自己写一个详细教程，方便以后学习查看并记录。
2023-10-14 11:33:11
2524
原创 华为云Windows Server服务器搭建Nodejs服务环境，打包部署上线Vue3项目详细教程。
注意：打包之后本地会出现dist文件夹。将dist文件夹以及项目的package.json 文件上传到华为云Windows Server服务器上的WWW文件夹下面（此处随便什么位置，新建个文件夹就能放。
2023-09-16 12:11:56
532
原创 nodemon启动Nodejs项目报错“nodemon : 无法加载文件 C:\Users\Administrator......，因为在此系统上禁止运行脚本“的详细报错解决教程。
nodemon启动Nodejs项目报错“nodemon : 无法加载文件 C:\Users\Administrator......，因为在此系统上禁止运行脚本"的详细报错解决教程。
2023-09-12 12:13:44
587
原创 Vite+Vue3项目迁移Vue2项目下基于AMD、CMD、CommonJS规范开发的包或模块详细教程
webpack在很多时候都很强大，但是对于在vue2的时代做为脚手架工具对于代码热跟新，以及项目启动就显得很慢，当我们的项目所使用的模块越来越多，基于webpack的vue项目就越慢，很耗时。Vite+Vue3可以完美的解决这些问题，但是其中有一个最致命的问题，在vue2时代有很多的模块和包都是基于AMD、CMD、CommonJS规范开发的，但Vite是基于ES Module的开发服务器，所以在Vite下基于AMD、CMD、CommonJS规范开发的包和模块是无法直接使用的。那么如何解决？
2023-09-08 18:10:20
743
原创 Nodejs项目部署到华为云服务器并上线超详细教程
由于是第一次做Nodejs项目，发现网上关于Nodejs项目部署服务器的教程的质量参差不齐，对于初学者很不友好，看了一堆教程，最后还是不会，一头雾水，所以决定自己写一个详细教程，方便以后学习查看并记录。废话不多说，正文正式开始；
2023-07-28 18:31:37
572
原创 原生HTML通过JS（ES6、JQuery）引入公共模块(header,footer,menu等)实现模块化以及组件化，实现父子组件传值以及数据监听（基于Object.defineProperty）
一些项目有时候，因为需求不同，比如需要SEO或者项目很小，亦或者只需要做一个简单好管理的官网或者网站等等，在这种情况下，我们再去使用类似于vue和react等等这类型框架，就有一点大材小用，也有点费时间。但是，vue这类框架的组件化开发在体验上对开发者非常友好，那么我们如果通过使用原生的前端技术去实现组件化开发？
2023-06-05 18:19:01
1739
1
原创 在不使用JQuery情况下，如何通过ES6只使用原生js去实现选项卡特效？
在一些特殊的项目当中，有时候可能无法使用JQuery，那么我们在不使用JQuery的情况下如何使用原生js去实现一个选项卡特效插件？
2023-05-22 15:17:34
188
原创 Vue实现公共模板组件的封装、数据传值、方法执行等，以及实现公共模板组件自定义修改（插槽封装）
通过公共模板组件封装，实现公共部分业务的代码复用，减少不必要的重复开发，减轻开发工作，同时可以避免重复造轮子的尴尬。2、公共模板组件全局注册（main.js或者main.ts）本文原创，原创不易，如需转载，请联系作者授权。3、公共模板组件的使用。1、公共模板组件封装。
2023-02-15 12:26:07
773
原创 常用正则大全，npm包vue-canonical-encyclopedia，以及如何在Vue、React等项目实际开发当中使用vue-canonical-encyclopedia
在我们前端的日常开发当中，总是需要各种各样的正则去判断我们的信息，每次都去重新去编写，很是麻烦，所以作者开发了正则大全的npm包，将持续更新，并开源免费。
2023-01-13 12:17:02
267
原创 Flutter的Windows中文超详细安装教程集锦，前端配置开发 Flutter 踩坑记，以及相关基础语法
可能会提示Android license status unknown，这是证书授权问题：请执行 flutter doctor --android-licenses 此处需要翻墙。运行flutter doctor --android-licenses并接受所有许可证。logs 显示用于运行Flutter应用程序的日志输出。trace 开始并停止跟踪运行的Flutter应用程序。run 在附加设备上运行你的Flutter应用程序。stop 停止在附加设备上的Flutter应用。
2023-01-11 14:05:11
455
原创 Mac安装虚拟机Parallels Desktop，以及Windows10系统详细教程
Mac的老用户想必对Parallels Desktop已经非常熟悉，一款运行快速、操作简单、功能强大的应用程序，无需重启即可在您的Intel 或 Apple M 系列Mac 上运行Windows。包含 40 多种一键式工具，可简化 Mac 和Windows上的日常任务。无需重启，即可在 Mac 上运行 Windows。
2022-11-19 23:23:03
4456
2
原创 nodejs开发Vue自动化路由的包vue-router-automation，实现任意文件夹下.vue文件自动匹配生成路由，以及路由自定义meta
npm 账号注册完成后，可以在终端中执行 npm login 命令，依次输入用户名、密码、邮箱后，即可登录成功。(1)访问 https://www.npmjs.com/ 网站，点击 sign up 按钮，进入注册用户界面。在包的根目录运行终端，运行 npm publish 命令，即可将包发布到 npm上；实现vue路由自动化的具体流程，参考博主的另一篇文章，下面是文章链接；开发npm包，首先需要对自己要开发的包名进行查重，否则会上传失败；(4)登录邮箱，点击验证链接，进行账号的验证。
2022-10-26 16:46:43
704
原创 layui最新版本更新已全面拥抱Vue3，layui - vue是一套Vue 3.0的桌面端组件库，提供100%的layui的体验；
layui - vue目前的版本是1.4.9，目前常用的大部分组件已全部覆盖，最惊喜的地方在动画和过度组件做的比较好，应该是目前Vue组件库里面做的比较好的，Vue的动画相比于React和Angular一直比较弱,layui - vue目前做的不错，目前Vue组件库里面的天花板。
2022-09-07 11:42:59
7905
2
原创 Vue使用Vant的List 列表，method内方法二次调用执行list，list列表不执行bug解决；
vant是在进行移动端vue开发常用的一个轻量可靠的移动端组件库。
2022-08-09 11:12:56
626
原创 Vue（@vue/cli4.5）打包后本地静态资源图片引用失效，不转base64，vue.config.js配置解决处理办法；
本地新建vue项目，webpack初始配置的静态资源图片转base64大小的限制是3kb，所以当资源小于当前限制则不会转base64；在项目的vue.config.js文件当中对webpack对静态资源的初始相关配置进行修改，将条件尽可能的设置的小点就可以了；还有一种办法是在服务端进行一个配置，这样的话就不需要前端进行配置了；两者选其一就可以了；...
2022-07-09 15:00:20
1691
原创 ES6 模块与 CommonJS 模块的差异
CommonJS 模块输出的是值的拷贝，也就是说，一旦输出一个值，模块内部的变化就影响不到这个值。上面代码输出内部变量counter和改写这个变量的内部方法incCounter。然后，在main.js里面加载这个模块。上面代码说明，a.js模块加载以后，它的内部变化就影响不到输出的mod.counter了。这是因为mod.counter是一个原始类型的值，会被缓存。除非写成一个函数，才能得到内部变动后的值。上面代码中，输出的counter属性实际上是一个取值器函数。现在再执行b.js，就可以正确读取内
2022-06-30 11:59:11
116
原创 Svelte项目上手总结，全是大坑（想上手的建议直接上svelte kit）
Svelte 中文文档 | Svelte 中文网https://www.sveltejs.cn/GitHub - ItalyPaleAle/svelte-spa-router: Router for SPAs using Svelte 3Router for SPAs using Svelte 3. Contribute to ItalyPaleAle/svelte-spa-router development by creating an account on GitHub.https://github.
2022-06-16 18:54:00
5464
5
原创 记录我的第一次serverless“轻服务”体验（六月停止服务）
这应该是目前编写体验最简单的serverless云函数服务，体验上应该也是最好的（当然这是对于前端程序员来说），‘轻服务’serverless无服务器架构，基本和理想当中的无服务是差不多的，不过个人感觉步子迈大了，体验上太过激进，不够高大上。首先奉上‘轻服务’官网地址：https://qingfuwu.cn/ ，注册认证选择个人，选择开发版，有免费资源。控制台选择新建项目，目前支持node.js、go、python三种语言，根据自己的需求进行选择新建，题外话：node体验非常好。云函数我选择的
2022-05-03 09:45:30
600
原创 webpack+Vue2实现组件的全局自动化注册的详细步骤
在vue项目开发当中，频繁的注册组件，无论是公共组件，或者基础组件，想在其他组件当中使用就需要频繁的在组件内通过import去引用，那么有没有一种方法可以实现组件的全局自动化注册？答案：可以的。
2022-02-18 17:35:33
774
原创 VUE实现路由自动生成，根据src文件夹下（多级文件夹）所有.vue文件路径实现路由自动匹配生成
VUE实现路由自动生成，根据src文件夹下（多级文件夹）所有.vue文件路径实现路由自动匹配生成
2022-02-14 10:36:52
3820
4
原创 vue开发当中移动端中css常用相对单位
css中常用的单位是px（像素），因为px 是一个绝对的单位，不能随着手机屏幕大小的改变而改变，所以就用到了各种各样的相对单位相对单位：em：基准点为父节点的字体大小body{width:100em;height:100em;}rem：相对根元素字体大小来计算，比如html元素body{width:100rem;height:100rem;}vw：可视口的宽度，是视口宽度的1%来计算body{width:100vw;}vh：可视口的高度，是视口高度的1%来计算bo
2022-01-10 11:16:08
1452
原创 JS常用脚本大全
网页常用小技巧οncοntextmenu=“window.event.returnValue=false” 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table<body onselectstart="return false"> 取消选取、防止复制onpaste="return false" 不准粘贴oncopy="return false;" onc
2021-10-19 16:17:44
10374
原创 vue3使用‘vue-wechat-title’设置统一路由标题
安装相关依赖npm install vue-wechat-title --save在main.ts引入和使用import { createApp } from 'vue'import App from './App.vue'import VuewechatTitle from 'vue-wechat-title' const createapp = createApp(App)createapp.use(VuewechatTitle)在App.vue当中使用，设置统一的路由.
2021-10-19 15:56:57
818
原创 vue3.0使用‘vue-video-player’接入直播m3u8视频避坑实录
问题（坑）？‘vue-video-player’播放器无渲染vue3.0下的播放器播放地址‘url’赋值问题‘vue-video-player’引入问题前期工作首先我们需要安装相关插件npm install vue-video-player -snpm install videojs-flash -snpm install videojs-contrib-hls -s其实‘vue-video-player’本身是包含videojs-flash和videojs-contrib-hls
2021-08-25 10:23:54
1790
5
原创 js+jQuery实现智慧党建相关费用纯前端计算公式实现
在智慧党建类项目当中，党费的计算是必不可少的，也大家常用的功能，后端实现还是前端实现，个人觉得还是前端实现比较方便，毕竟只是简单的计算，如果要前后端结合的话，本demo也是直接可用的。党费计算公式：{(职务工资+级别工资+工作津贴+生活补贴+保留津贴)-个人公积金-医保费-代扣税}*工资（制动算系数）；话不多说，上代码：<!DOCTYPE html><html lang......
2019-12-19 16:18:36
485
原创 前端简单实现类似于百度地图、高德地图、腾讯地图弹窗效果
前端简单实现类似于百度地图、高德地图、腾讯地图弹窗效果在日常的开发当中，我们时长会遇到一些特殊需求，比如一个自定义的地图弹窗效果，使用自定义的背景图片等等，这样的需求我们该怎么做？首先我们需要想想，做一个地图弹窗需要那些前端知识？所需知识如下：JavaScript的函数方法JavaScript的for循环方法（注意使用let）jQuery的position()方法（自动获取弹窗位置）...
2019-05-06 15:49:10
2408
基于webpack+Vue3+JavaScript技术栈实现所有组件全局自动化注册
2024-05-26
原生HTML引入公共模块(header,footer,menu等)实现模块化以及组件化开发，并实现父子组件传值，以及数据监听
2023-06-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人