VUE
文章平均质量分 84
Vue是一款轻量级的JavaScript框架,用于构建用户界面。它具有简单易学的语法和高效的性能,使开发者能够快速构建交互式的Web应用程序。Vue采用组件化的开发方式,将页面划分为多个可重用的组件,提供了数据驱动的视图模型,并支持响应式的数据绑定和组件间的通信。Vue还提供了丰富的生态系统,包括路
江城开朗的豌豆
大家好!我是一位前端开发工程师,拥有4年以上的前端开发经验。我熟练掌握HTML、CSS、JavaScript等语言,能够灵活运用各种前端框架,如Vue、React、Uniapp、Flutter等。我注重理论与实践相结合,希望通过我的博客分享,能够帮助大家成为一名优秀的前端开发工程师。
展开
-
Timeout of 5000ms exceeded的解决方法
一般是两个途径,1.是在main.js里面设置axios的超时时间,但是一般都是没有的你要自己设置,然后main.js在你的项目的src下面可以找到,在里面添加上axios.default.timeout=50000但是,这个方法我设置的时候一点用没有,最后我找到了另外一个设置方法2.我们知道axios是一个获取数据的工具,那么一般我们导入的半成品项目里面是有一个叫utils的包的,也是在src目录下,如上,在utils包下一般可以看到一个request.js的文件打开文件,在里面...原创 2021-09-15 17:49:37 · 4606 阅读 · 0 评论 -
开心档之Java 抽象类
尽管我们不能实例化一个 Employee 类的对象,但是如果我们实例化一个 Salary 类对象,该对象将从 Employee 类继承 7 个成员方法,且通过该方法可以设置或获取三个成员变量。在面向对象的概念中,所有的对象都是通过类来描绘的,但是反过来,并不是所有的类都是用来描绘对象的,如果一个类中没有包含足够的信息来描绘一个具体的对象,这样的类就是抽象类。如果你想设计这样一个类,该类包含一个特别的成员方法,该方法的具体实现由它的子类确定,那么你可以在父类中声明该方法为抽象方法。原创 2023-05-17 14:22:44 · 3645 阅读 · 9 评论 -
开心档之Java Applet 基础
在加载 Applet 之后,Viewer 立即调用 init() 方法(Applet.init()什么也没做),重写该方法的默认实现,添加一些自定义的初始化代码。Applet 是一种 Java 程序。每一个 Applet 都是 java.applet.Applet 类的子类,基础的 Applet 类提供了供衍生类调用的方法,以此来得到浏览器上下文的信息和服务。将图形化的 Java 应用程序(是指,使用AWT的应用程序和使用 java 程序启动器启动的程序)转换成嵌入在web页面里的applet是很简单的。原创 2023-05-17 14:23:25 · 4339 阅读 · 2 评论 -
芋道源码 el-image 层级问题解决
el-image 组件 层级问题解决原创 2023-01-12 11:41:50 · 778 阅读 · 1 评论 -
如何把ipa文件(iOS安装包)安装到iPhone手机上? 附方法汇总
添加苹果手机udid,打包安装(最多安装100台),这种安装方式主要依靠个人开发者账号,但由于个人开发者账号的价格较高且有下载数量限制,所以一般来说单价较高,并不适合那些用户多的app,但如果用户量不是特别多,超级签名的优势就完全发挥出来了,按照下载量收费,稳定性高。,apple账号的邮箱也是个重要的地方,当有ipa上传,账号有发生变化,被停用,apple经常发送一些邮件,去检查邮件通知,根据邮件通知修改调整。下面这个提示可能是账号过期,或者被停用,或者没付费688给apple,或者有协议需要更新。原创 2023-05-19 14:32:51 · 10116 阅读 · 0 评论 -
总结TypeScript 的一些知识点:TypeScript 基础语法
以上实例定义了一个类 Site,该类有一个方法 name(),该方法在终端上输出字符串 Runoob。每行指令都是一段语句,你可以使用分号或不使用, 分号在 TypeScript 中是可选的,建议使用。注释是一个良好的习惯,虽然很多程序员讨厌注释,但还是建议你在每段代码写上文字说明。注释可以包含有关程序一些信息,如代码的作者,有关函数的说明等。new 关键字创建类的对象,该对象调用方法 name()。空格、制表符通常用来缩进代码,使代码易于阅读和理解。TypeScript 是一种面向对象的编程语言。原创 2023-05-26 15:40:38 · 4213 阅读 · 4 评论 -
总结MySQL 的一些知识点:MySQL 排序
MySQL 可应用于多种语言,包括 PERL, C, C++, JAVA 和 PHP,在这些语言中,MySQL 在 PHP 的 web 开发中是应用最广泛。在本教程中我们大部分实例都采用了 PHP 语言。如果你想了解 MySQL 在 PHP 中的应用,可以访问我们的。PHP 提供了多种方式来访问和操作Mysql数据库记录。以上格式中 function部分描述了mysql函数的功能,如从下一章开始,我们将学习到更多的MySQL功能函数。原创 2023-06-08 20:26:43 · 4068 阅读 · 2 评论 -
总结vue3 的一些知识点:Vue.js 安装
Vue 进阶系列教程将在本号持续发布,一起查漏补缺学个痛快!若您有遇到其它相关问题,非常欢迎在评论中留言讨论,达到帮助更多人的目的。Vue.js 安装1、独立版本我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用标签引入。下载 Vue.js2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。Staticfile CDN(国内)unpkg。cdnjsStaticfile CDN(国内)原创 2023-06-02 18:46:02 · 3848 阅读 · 1 评论 -
ipa如何安装到iphone
常见的例如没给apple 688年费就想着软件上架,想长期有效突破apple 7天的限制,想着不受苹果限制的证书期限,设备数量限制等,都是异想天开,这是不可能的。,apple账号的邮箱也是个重要的地方,当有ipa上传,账号有发生变化,被停用,apple经常发送一些邮件,去检查邮件通知,根据邮件通知修改调整。当未登录apple账号密码,直接使用上传专用密码上传时,这个信息是不会保存的,如果希望保存,请先点击其他按钮,弹出登录框后登录apple账号密码,然后再设置上传专用密码,这样就会记住密码了。原创 2023-05-19 14:30:02 · 5515 阅读 · 1 评论 -
Vue.js中的状态管理:理解和使用Vuex
在Vue.js中,组件之间的通信往往需要借助于props和emit来完成,但是当应用程序的状态变得比较复杂时,这种方式就变得比较麻烦。我们将通过一个简单的计数器示例来演示如何使用Vuex,并且通过不同的场景,逐步深入Vuex的使用。class 与 style 是 HTML 元素的属性,用于设置元素的样式,我们可以用 v-bind 来设置样式属性。为了定制 prop 的验证方式,你可以为 props 中的值提供一个带有验证需求的对象,而不是一个字符串数组。此外,我们也可以在这里绑定返回对象的计算属性。原创 2023-06-27 17:30:29 · 3914 阅读 · 0 评论 -
vue3 composition-api实现波纹涟漪
【代码】vue3 composition-api实现波纹涟漪。原创 2023-05-11 00:00:00 · 3181 阅读 · 0 评论 -
用Typescript 的方式封装Vue3的表单绑定,支持防抖等功能。
Vue3的父子组件传值、绑定表单数据、UI库的二次封装、防抖等,想来大家都很熟悉了,本篇介绍一种使用Typescript的方式进行统一的封装的方法。原创 2023-05-24 12:15:00 · 5898 阅读 · 66 评论 -
Vue3 实现拖拽排序
Vue3 实现拖拽排序,话不多说,直接撸代码。原创 2023-05-10 15:46:37 · 4603 阅读 · 3 评论 -
如何在上架App之前设置证书并上传应用
在上架App之前想要进行真机测试的同学,请查看《iOS- 最全的真机测试教程》,里面包含如何让多台电脑同时上架App和真机调试。P12文件的使用详解注意: 同样可以在Build Setting 的sign中设置证书,但是有点麻烦,建议就在General中设置证书,比较方便,还可以查看错误的地方。原创 2023-05-26 15:05:53 · 4629 阅读 · 2 评论 -
在 Vue 3 中 watch vs watchEffect
以上代码中,当我们第一次进入页面时,number 响应数据从无到有,这个时候就会触发 watchEffect 的回调函数,因为在 watchEffect 回调函数中使用了 number 响应数据,所以它会自动跟踪 number 数据的变化。也是一个监听器,只不过它不会像 watch 那样接收一个明确的数据源,它只接收一个回调函数。而在这个回调函数当中,它会自动监听响应数据,当回调函数里面的响应数据发生变化,回调函数就会立即执行。监听响应式状态发生变化的,当响应式状态发生变化时,都会触发一个回调函数。原创 2023-05-16 00:00:00 · 3525 阅读 · 0 评论 -
ipa怎么装到苹果手机
Vue 进阶系列教程将在本号持续发布,一起查漏补缺学个痛快!若您有遇到其它相关问题,非常欢迎在评论中留言讨论,达到帮助更多人的目的。原创 2023-05-19 14:36:59 · 6556 阅读 · 0 评论 -
vue3 nextTick()应用
当你更改组件的数据时,Vue3 会异步更新 DOM。如果你想捕捉组件数据变化后 DOM 更新的时刻,那么你需要使用函数。它们的单个callback参数在 DOM 更新后立即被调用:并且你可以保证获得与组件数据同步的最新 DOM。或者,如果你不向nextTick()提供回调参数,那么这些函数将返回一个在 DOM 更新时被解析的promise。原创 2023-05-12 00:00:00 · 5996 阅读 · 4 评论 -
从Vue2到Vue3, 一键升级前端开发技能
好了,对于快速上手 Vue3 来说,以上内容基本已经足够了。这篇文章本身不能做到帮你理解所有 Vue3 的内容,但是能帮你快速掌握 Vue3 的写法。如果想做到对 Vue3 的整个内容心里有数,还需要你自己多看看 Vue3 的官方文档。原创 2023-06-13 12:56:04 · 5557 阅读 · 107 评论 -
总结vue3 的一些知识点
为后缀名的 CSS 文件都被认为是一个。应用场景: 可以对其中路由做动画。任何以 .module.css。Chrome 远程调试手机页面。CSS modules 文件。原创 2023-05-24 00:13:04 · 4695 阅读 · 34 评论 -
Vue3+TypeScript+Vuetify+Vite 实现动态主题切换
我们可以在vuetify.tscolors: {colors: {theme: {themes: {light,dark})原创 2023-05-17 06:30:00 · 4377 阅读 · 2 评论 -
Vue3 + setup + TypeScript: 构建现代、类型安全的Vue应用的关键技巧总结
在 setup里边自定义指令的时候,只需要遵循vNameOfDirective这样的命名规范就可以了比如如下自定义 focus指令,命名就是 vMyFocus,使用的就是v-my-focus自定义指令el.focus();// 在元素上做些操作},原创 2023-06-20 23:41:55 · 4510 阅读 · 24 评论 -
Vue3配置Tailwind CSS
实用类以相当小的单元准备,因此大多数样式都可以通过仅组合实用类来实现。Tailwind 有大量的实用类,并使用必要的类来进行样式设置,但担心如果加载所有实用类,构建大小会增加。有这么多的类,你可能会认为很难记住这些类,但正如你在上面看到的,text-red-50。Tailwind 的实用类名称是这样命名的,这样你就可以很容易地想象要应用的样式。可以通过在 Tailwind 的配置文件tailwind.config.js。在下面的示例中,根目录中的 index.html。和 tsx 的文件是构建优化的目标。原创 2023-05-17 00:00:00 · 5329 阅读 · 0 评论 -
一盏茶的时间,带你轻松上手Pinia
Pinia是Vue.js的新一代状态管理解决方案,由Vue核心团队开发,其设计理念简洁直观,易于上手使用。相较于Vuex,Pinia解决了其过于复杂的问题,提供了更符合Vue理念的状态管理方式。Pinia通过组合式Store结构,实现了状态、获取器、操作行为的逻辑分离。开发者可以轻松地创建Store模块,在Vue组件内直接使用$store语法访问状态,无需导入映射函数,语法非常简洁。原创 2023-08-14 11:42:02 · 4420 阅读 · 226 评论 -
Vue3+cropperjs 实现图片裁剪功能
3 限制裁剪框不能超出图片的范围 且图片填充模式为 contain 最短边填充。2 限制裁剪框不能超出图片的范围 且图片填充模式为 cover 最长边填充。1 限制裁剪框不能超出图片的范围。原创 2023-05-13 00:00:00 · 4532 阅读 · 0 评论 -
在Vue 3中使用useStorage轻松实现localStorage功能
VueUse是基于Vue3的Composition API的实用函数的集合,useStorage是其中的一个函数。我们可以使用useStorage来实现我们的功能。安装使用CDN。原创 2023-05-18 00:00:00 · 9728 阅读 · 54 评论 -
JavaScript数组操作示例及对象操作技巧
数组是javascript常见的数组类型,操作很多,选择适当的方式能提高程序性能和代码可读性。部分函数是es6才有的这里不做说明,具体各种操作性能也不做对比。原创 2023-06-27 15:04:54 · 3372 阅读 · 0 评论 -
vue3如何选择reactive或ref
在 Vue 3 中,我们可以使用 reactive和 ref来创建响应式数据。但是,在实际开发中,我们应该如何选择使用哪种方式呢?reactive和 ref的基本概念和用法;reactive和 ref的区别;选择使用哪种方式的考虑因素;总结和建议。在实际开发中,我们应该根据具体情况来选择使用 reactive还是 ref。如果我们需要创建的是一个基本类型的值或对象,那么我们应该使用 ref。如果我们需要创建的是一个普通对象,那么我们应该使用 reactive。原创 2023-05-20 00:00:00 · 3880 阅读 · 1 评论 -
vue3 composition-api实现游动锦鲤 喜欢的可以自己动手实现哦很有成就感的
//位置// 方向// 速度矢量图//目标导向的力量//颜色// 缩放//更新锦鲤速度和位置} else {//设置锦鲤向“目标点”移动的力。如果你指定一个负值,它会排斥并从该点逃逸。原创 2023-05-10 13:01:08 · 2435 阅读 · 15 评论 -
vue3鼠标经过显示按钮
本篇文章介绍了如何使用 Vue3 实现一个鼠标经过显示按钮的效果。我们使用了 Vue3 的 Composition API 来创建响应式的数据,并使用了@mouseover和事件来监听鼠标的移入和移出事件。通过这个例子,我们可以了解到 Vue3 的一些基本用法和特性。希望这篇文章能对你有所帮助!t=N3I4。原创 2023-05-16 13:07:48 · 6425 阅读 · 7 评论 -
Vue3+TypeScript父子组件传值
我们先来创建一个子组件以上代码,我们从父级接收到数据,并定义了数据接口,然后使用加上定义的接口名称。也可以定义一个propsData参数来打印出数据。原创 2023-05-15 00:00:00 · 3648 阅读 · 0 评论 -
Vue3+Vuetify3 多主题配置
上一篇文章只配置了两个主题,现在我们来配置多主题。属性来定义主题颜色,也可以用使用v-theme-provider。页面,引入useTheme()我们打开vuetify.ts。文件,修改我们之前定义的主题。可以通过设置theme。原创 2023-05-17 10:26:17 · 4486 阅读 · 0 评论 -
uniapp:聊天消息列表(好友列表+私人单聊)支持App、H5、小程序
这是一款通用消息列表和聊天模板插件简单易用,助您轻松创建和管理消息与聊天内容。无论是与朋友互动还是团队沟通,都能满足您需求。立即尝试,畅享交流乐趣!原创 2024-04-07 10:15:45 · 5821 阅读 · 153 评论 -
vue2实现无感刷新token
在 Web 应用中,用户需要通过认证和授权才能访问受保护的资源。为了实现认证和授权功能,通常需要使用 Token 来标识用户身份并验证其权限。但是,Token 有时限制其有效期,以确保安全性。原创 2024-02-26 16:44:51 · 1849 阅读 · 85 评论 -
2024年最火爆的前端技术:虚拟DOM让页面性能飞升!
虚拟 DOM ()这个概念相信大家都不陌生,从React到Vue,虚拟DOM为这两个框架都带来了跨平台的能力(和Weex实际上它只是一层对真实DOM的抽象,以JavaScript对象 (VNode节点) 作为基础的树,用对象的属性来描述节点,最终可以通过一系列操作使这棵树映射到真实环境上在Javascript对象中,虚拟DOM表现为一个Object对象。并且最少包含标签名 (tag)、属性 (attrs) 和子元素对象 (children) 三个属性,不同框架对这三个属性的名命可能会有差别创建虚拟。原创 2024-01-02 10:39:59 · 5883 阅读 · 199 评论 -
快速操控鼠标行为!Vue鼠标按键修饰符让你事半功倍
在Vue中,修饰符处理了许多DOM事件的细节,让我们不再需要花大量的时间去处理这些烦恼的事情,而能有更多的精力专注于程序的逻辑处理原创 2023-11-29 12:49:06 · 6261 阅读 · 222 评论 -
深入解析Vue中的keep-alive组件:优化组件切换与DOM渲染!
keep-alive是vue中的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOMkeep-alive包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们原创 2023-11-16 11:30:43 · 3531 阅读 · 16 评论 -
解密Vue中key的神奇原理:优化列表渲染效率的关键策略!
如果不用key,Vue会采用就地复地原则:最小化element的移动,并且会尝试尽最大程度在同适当的地方对相同类型的element,做patch或者reuse。原创 2023-11-16 11:23:17 · 2511 阅读 · 4 评论 -
开启创造力之门:掌握Vue中Slot插槽的使用技巧与灵感
Slot艺名插槽,花名“占坑”,我们可以理解为solt在组件模板中占好了位置,当使用该组件标签时候,组件标签里面的内容就会自动填坑(替换组件模板中slot位置),作为承载分发内容的出口原创 2023-11-16 06:00:00 · 2822 阅读 · 7 评论 -
提升代码复用性:探讨Mixin类在面向对象语言中的独特作用和优势
Mixin是面向对象程序设计语言中的类,提供了方法的实现。其他类可以访问mixin类的方法而不必成为其子类Mixin类通常作为功能模块使用,在需要该功能时“混入”,有利于代码复用又避免了多继承的复杂原创 2023-11-15 10:08:55 · 2457 阅读 · 172 评论 -
揭秘Vue中的nextTick:异步更新队列背后的技术原理大揭秘!
们可以理解成,Vue在更新DOM时是异步执行的。当数据发生变化,Vue将开启一个异步更新队列,视图需要等队列中所有数据变化完成之后,再统一进行更新原创 2023-11-15 07:00:00 · 596 阅读 · 12 评论