- 博客(34)
- 收藏
- 关注
RSS订阅原创 Vue 插件 vue-read-progress
Vue Read Progress 是一个方便实用的 Vue 插件，专注于帮助开发者在网页或应用中实现阅读进度条的功能。通过其简单的集成和自定义选项，开发者可以提升用户阅读体验，使页面更具交互性和吸引力。
2024-06-13 15:19:32
579
原创 Vue 插件 Epic Spinners
Vue Epic Spinners 是一个用于 Vue.js 的插件集，提供多种漂亮和响应式的加载动画，旨在增强用户等待体验。每个加载动画都可定制，适用于各种应用场景。Vue Epic Spinners 提供了一个简单而强大的方式来集成各种漂亮的加载动画到 Vue 项目中。通过灵活的配置选项和响应式设计，开发者可以为用户提供更好的等待体验，增强用户界面的交互效果。
2024-06-13 15:16:36
192
原创 Vue 插件 vue-blockui
Vue BlockUI 是一个用于 Vue.js 的插件，用于简化页面或元素的阻塞和加载状态管理。它允许开发者通过简单的方式在需要时阻止用户与页面进行交互，并显示加载状态或自定义内容。Vue BlockUI 提供了一种简单而有效的方式来管理页面或特定区域的加载状态和阻塞效果。通过它，开发者可以轻松地为用户提供更好的交互体验，并在需要时展示加载状态或自定义内容。
2024-06-13 15:13:31
301
原创 Vue 插件 Vue Progress Path
Vue Progress Path 是一个用于 Vue.js 的插件，用于创建可定制的进度条路径。它允许开发者根据需要定义进度条的形状和样式，提供了灵活的配置选项，以满足各种应用场景的需求。Vue Progress Path 提供了一个简单而强大的方式来创建和定制各种形状的进度条，通过灵活的配置选项，开发者可以轻松地集成和使用它来满足不同的进度显示需求。
2024-06-13 15:11:11
193
原创 Vue 插件 vue-countup-v2
vue-countup-v2 是一个方便实用的 Vue.js 插件，它能帮助你轻松创建数字动画效果。不论你是在展示数据、制作计数器还是其他需要数字动画效果的场景下，vue-countup-v2 都是一个不错的选择。让 vue-countup-v2 成为你创建数字动画的得力助手，让数字动画效果变得更加简单和生动！
2024-05-28 10:49:39
379
原创 Vue 插件 Vue Trend
Vue Trend 是一个方便实用的 Vue.js 插件，它为用户提供了快速创建趋势图的能力。无论你是想要在数据分析中使用趋势图，还是在网站中展示数据变化，Vue Trend 都是一个不错的选择。让 Vue Trend 成为你可视化数据的得力助手，让数据趋势图的创建变得更加简单和高效！
2024-05-28 10:48:28
139
原创 Vue 插件 Formlets
Formlets 是一个实用的 Vue.js 插件，它简化了表单处理的过程，提高了开发效率。无论你是初学者还是有经验的开发者，Formlets 都值得一试。让 Formlets 成为你处理表单数据的得力助手，让表单处理变得更加简单和高效！
2024-05-28 10:38:01
202
原创 Vue 插件 Vuecasts
Vuecasts 是一个实用的 Vue.js 插件，它不仅提高了开发效率，还帮助你编写更干净、更易维护的代码。无论你的 Vue.js 开发经验如何，Vuecasts 都值得一试。让 Vuecasts 成为你开发 Vue.js 应用的得力助手，让开发变得更加轻松和愉快！
2024-05-28 10:36:27
240
原创 深入理解 Vue 插件 Laravel Spark
Laravel Spark 是 Laravel 社区提供的一款付费 Vue 插件，它为开发者提供了一套完整的 SaaS 应用程序开发解决方案。Spark 包含了用户身份验证、订阅计划管理、团队功能等一系列常见的功能，极大地简化了 SaaS 应用程序的开发流程。通过本文的介绍，你应该对 Laravel Spark 有了基本的了解。它是一个强大的 Vue 插件，可以极大地简化 SaaS 应用程序的开发过程，为开发者提供了更多的便利和灵活性。
2024-05-28 10:28:20
238
原创 Vue关系图谱组件
Vue 关系图谱组件是基于 Vue.js 框架开发的一种组件，用于展示数据之间的关系。它通常采用图形化的方式，将数据以节点和边的形式呈现出来，帮助用户直观地理解数据之间的联系和结构。通过本文的介绍，你应该对 Vue 关系图谱组件有了基本的了解。它是一种强大的工具，可以帮助我们更好地展示和理解数据之间的关系，为前端开发提供了更多的可能性和灵活性。
2024-05-28 10:04:05
477
原创 深入理解 JavaScript 中的 Promise
Promise 是 JavaScript 中用于处理异步操作的对象，它代表了一个异步操作的最终完成或失败，以及其结果的值。一个 Promise 可以处于三种状态之一：待定（pending）、已完成（fulfilled）、已拒绝（rejected）。通过本文的介绍，你应该对 Promise 的基本概念和用法有了更深入的理解。Promise 是 JavaScript 中处理异步操作的重要工具，合理地使用它可以提高代码的可读性和可维护性，让异步编程变得更加简洁和优雅。
2024-05-28 09:59:52
713
原创 vue和uniapp生命周期
1、什么是vue生命周期？答： Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。2、vue生命周期的作用是什么？答：它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑。3、vue生命周期总共有几个阶段？答：它可以总共分为8个阶段：创建前/后, 载入前/后,更新前/后,销毁前/销毁后4、第一次页面加载会触发哪几个钩子？答：第一次页面加载...
2022-05-17 15:23:30
2511
转载 vue上传本地文件，或把base64文件下载展示
<input type="file" name ref="ipt" @change="uploading" accept="image/png" id /> //this.url就是你当前的图片，可以进行展示 uploading() { var rd = new FileReader(); //this.$refs.ipt.files[0]上传服务器的时候，一般传递的就是这个 rd.readAsDataURL(this.$refs.ipt..
2022-03-16 15:13:14
855
原创 关于前端学习的所有路径
路径大全vue<script src="https://cdn.jsdelivr.net/npm/vue@2.5.22/dist/vue.js"></script>vue-router<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>vue-vuex <script src="https://unpkg.com/vuex@3.6
2021-12-02 16:51:02
471
原创 vue中key值的作用
1.'key' 的特殊属性主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。如果不使用 'key'，'Vue' 会使用一种最大限度减少动态元素并且尽可能的尝试修复/再利用相同类型元素的算法。使用 key，它会基于 'key' 的变化重新排列元素顺序，并且会移除'key' 不存在的元素。...
2021-11-25 13:29:24
659
转载 vue给未计划的属性添加数据
<!DOCTYPE html><html lang="zh-cn"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> </style> <script src="https://cdn.jsdelivr.ne.
2021-11-25 10:37:58
65
原创 状态码大全
100 "continue" 101 "switching protocols" 102 "processing" 200 "ok" 201 "created" 202 "accepted" 203 "non-authoritative information" 204 "no content" 205 "reset content" 206 "partial content" 207 "multi-status" 208 "already reported" 226 "im use
2021-11-12 14:27:59
537
转载 网站性能优化
偶然的机会看的，不是本人总结的哦，如有冒犯联系我删除，谢谢1，将js脚本文件引入后置，css文件引入前置下载css文件是不会阻塞浏览器解析DOM的，但是浏览器会一直等到css文件下载完成后才会进行渲染。所以，<link />标签要放到<head>中，这样DOM解析和css下载同步进行，以最快的速度将页面内容展示给用户。总所周知，js文件的下载、执行是会阻塞页面加载的，所以大家都要把<script>放在<body>最后。2，减小文件体积1
2021-11-11 15:49:17
69
转载 手写深拷贝
function copy(data) { const isMold = data.constructor === Array ? [] : {}; for (let a in data) { if (data.hasOwnProperty(a)){ if(data[a] && typeof data[a] ==="object"){ isMold[a]=data.
2021-10-28 13:49:21
51
原创 vue计算属性和监听属性详解
1.计算属性 computed当依赖的数据发生变化时，计算属性会被重新计算。有且只有在依赖的数据发生改变时它才会重新求值。（别的数据改变对计算属性没有影响）```html <div id="example"> <div id="demo">{{ fullName }}</div> </div> <script> var vm = new Vue({ el
2021-10-14 11:57:04
375
原创 动态切换图片，图片不显示问题
我最开始写vue切换图片时，由于将图片放入了src文件夹中的assets文件夹中，当改变路径是图片没发生变化然而我写在public里面图片会进行切换我的解决方案是list:[{img:"../../assets/icon-bg.jpg"},{img:"../../assets/icon-ig.jpg"}]写为list:[{img:require("../../assets/icon-bg.jpg")},{img:require("../../assets/icon-ig.jpg"
2021-10-14 11:45:29
356
原创 超全的正则验证
一、校验数字的表达式// 1. 数字：^[0-9]*$// 2. n位的数字：^\d{n}$// 3. 至少n位的数字：^\d{n,}$// 4. m-n位的数字：^\d{m,n}$// 5. 零和非零开头的数字：^(0|[1-9][0-9]*)$// 6. 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$// 7. 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$// 8. 正数、负数、和小数：^(\-|\.
2021-10-14 11:13:54
93
1
原创 动态rem
动态设置rem当窗口发生改变时，会重新计算rem的范围(function(doc, win) { var docEl = doc.documentElement, resizeEvt = "orientationchange" in window ? "orientationchange" : "resize", recalc = function() { if (docEl.clientWidth > 750) {
2021-10-14 11:06:34
111
原创 vue适配rem
export default function() { // 7.5根据设计稿的横向分辨率/100得来 var deviceWidth = document.documentElement.clientWidth; // var deviceWidth = window.screen.availWidth // console.log(navigator.userAgent) // console.log(deviceWidth) // console.lo.
2021-10-14 11:03:34
52
原创 css样式重置
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, .
2021-10-14 11:00:31
61
原创 关于flex布局的常规class样式
/* 语法兼容 */ .flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .direction-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-...
2021-10-14 10:56:57
446
原创 APP开发的几种
1.原生开发 如java（安卓）objectC、swift（苹果ios） 特点周期长，对计算要求高，耗费精力、财力大，但灵活性高2.webAPP3.混合开发 周期短开发效率高
2021-10-14 10:47:35
227
转载 微信小程序生命周期
（1）应用生命周期（2）页面生命周期（3）应用及页面生命周期的触发顺序应用级的（1）onLaunch: 初始化小程序时触发，全局只触发一次（2）onShow: 小程序初始化完成或用户从后台切换到前台显示时触发（3）onHide: 用户从前台切换到后台隐藏时触发（4）onError: 小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息页面级的（1）onLoad：首次进入页面加载时触发，可以在 onLoad 的参数中获取打开当前页面路径中的参数。（2
2021-08-06 15:01:34
46
原创 一篇关于vue-cli3打包优化的文章
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')const path = require('path')// 开启Gzip需要的依赖 yarn add compression-webpack-plugin -Dconst CompressionWebpackPlugin = require('compression-webpack-plugin')function resolve(dir) { return path.joi.
2021-05-30 21:32:49
66
原创 vue指令
v-textv-text是一个渲染文本的指令 不能解析标签 会把标签当成字符串渲染在页面上v-htmlv-html 也是一个渲染内容的指令 但是v-html会解析标签 标签不在页面上显示v-showv-show 是一个控制元素显示隐藏的指令 他是通过css样式（display:none）控制dom的显示隐藏v-ifv-if 也是一个控制元素显示隐藏的指令 但是v-if本质上控制的是 dom的删除和增加 意思就是v-if的值如果是false则会从文档中直接删除domv-else-ifv-el
2021-05-30 21:30:58
61
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人