- 博客(217)
- 收藏
- 关注
RSS订阅原创 快速上手基于Vue的动画引擎vueuse/motion
在现代前端开发中，动画可以极大地提升用户体验和界面美感。VueUse Motion 是一个强大的动画库，旨在为 Vue 应用提供简单易用的动画功能。在本博客中，我们将深入探讨如何在 Vue 项目中集成和使用 VueUse Motion
2024-09-26 00:02:07
539
原创 飞速了解Conda的作用和安装使用教程
当我们想要在github上克隆不同的项目下来运行时，会发现项目的语言环境或包的版本不同，出现版本冲突问题会导致程序无法运行、兼容性问题频出。我们常常需要管理多个项目，每个项目可能依赖于不同的包版本或编程语言环境。如果不加以管理，版本冲突问题会导致程序无法运行、兼容性问题频出。这时候，Conda 就显得尤为重要。话不多说直接开始基本的使用教程🤣
2024-09-05 16:27:24
979
原创 uniapp去除顶部标题栏
其实很简单，只需两个步骤即可彻底除掉，首先找到项目文件夹下的pages.json路由文件点开，在这个文件里可以看到你创建的所有页面，然后在你想要去除头部标题栏的页面中添加"navigationStyle": "custom"即可去除😁
2024-09-04 16:12:03
749
原创 适合刚入门同学做的小程序项目
今天用uniapp做了一个酒桌数字筛子的小程序，因为平时玩的骰子小程序都是骰子的动画效果展示，喝多的时候非常容易看错，所以就想着看能不能做一个纯数字显示类型的骰盅，一目了然干净利落。主要的功能有随机摇五颗骰子，显示和隐藏骰子数。
2024-04-15 00:32:14
255
原创 解决Xshell连接不上虚拟机
相信有很多同学和我一样遇到这个问题，在网上看了很多教程基本上都让先在虚拟机输入ifconfig命令查看ip地址，弄来弄去最后还是解决不了😭😭，很大概率是我们的虚拟机没有开启网卡，默认Centos是不启用网卡的，需要手动开启（除非安装时已经开启），话不多说赶紧开始操作吧🤣🤣
2024-04-07 23:59:14
1003
原创 小白都能轻松上手的小程序发布教程
文章主要以微信小程序来举例，uni-app支持的平台很多，但基本流程都大同小异，根据不同平台要求做出对应小小修改即可 😁如果这篇文章对大家有帮助的话别忘了给我点个赞和收藏哦，方便以后需要及时查看 😘😘
2024-03-30 02:05:07
1763
原创 带胶囊按钮的标题是如何实现的
使用uni-app开发小程序经常会遇到胶囊按钮和标题之间融合的问题，因为这样可以大大提高页面的美观和整体性，那么接下来简单拆分步骤看下是如何实现的吧
2024-03-08 15:49:21
1388
原创 Vue3中的watch函数使用
Vue2和Vue3中的watch函数作用是一样的，用来监测数据的变化并在数据变化时触发对应的回调函数，但Vue2和Vue3中的watch在使用的细节上有所不同，Vue3中的watch在监测reactive定义的响应式数据时，oldValue（旧的值）无法正确的获取到，不同的还有deep配置（深度监视），在Vue2中想要监测到嵌套对象里的数据时需要手动开启deep配置，而Vue3中是强制开启deep配置的。
2024-01-31 21:40:20
401
原创 Vuex的基础使用
使用Vuex的目的就是为了管理好各个组件间共享的数据，而这些数据正是存放在Vuex的State里面的，各个组件想要存放或修改State中的数据就要通过Actions和Mutations完成，接下来详细说一下Action和Mutations的作用和使用方法。
2024-01-22 00:09:49
447
原创 学习搭建Vuex环境总结
Vuex是一个在Vue中实现集中式状态（数据）管理的插件，用于对vue中应用多个组件的共享状态进行集中式的管理（读/写），同时它也是任意组件之间的一种通信方式。可以简单理解成我们把需要共享的数据放到Vuex中，组件就可以通过方法拿到这些数据做后续的处理。下面说一下搭建Vuex环境的步骤。
2024-01-19 02:02:23
498
原创 学习Vue配置代理总结
有了发送请求接下来要解决的就是在不同域中的资源交互（俗称：跨域），这里涉及到一个浏览器的安全功能叫同源决策，简单点理解就是我们浏览器的协议、主机名、端口号要和请求服务器的这三个完全相同才被认为是同源，只有这样才能获取到服务器上的资源，否则不行。
2024-01-14 18:19:35
537
原创 学习Vue封装的过渡与动画总结
首先原生的方法是在style元素中给指定元素添加过渡的过渡或动画，但Vue就不需要直接获取到需要过渡或动画的元素，而是使用一个的标签来包裹住想要过渡或动画的元素，在插入、更新或移除DOM元素时，在合适的时候给元素添加样式类名，因为不直接获取元素所以想要指定元素，那么就需要给transtion标签配置一个name属性来指定（不配置默认是v），这时样式就可以通过name属性来确定是哪个样式需要过渡或动画，下面用一张图片来说一下语法的使用：
2024-01-13 04:14:37
515
原创 学习Vue的nextTick总结
为了避免使用定时器，Vue设计了一个API叫$nextTick，它的作用是等整个DOM更新完毕之后再执行，语法：this.$nexTick(function(想DOM更新完毕之后再执行的代码))
2024-01-12 01:33:39
374
原创 学习Vue全局事件总线总结
它们两个都是为了实现任意组件之间的通信，全局事件总线是利用了Vue的一个重要的内置关系，就是组件构造函数原型的对象原型指向的是Vue原型，知道这个重要的指向之后，我们通过给Vue实例对象身上添加一个组件可以使用的Vue原型，这样new出来的组件实例对象就可以通用原型链找到我们给它添加的Vue原型，为什么要这样添加呢，因为从控制台中打印Vue实例对象的this身上有$on、$emit、$off的方法，从而得知只要组件拥有Vue原型就可以使用这些方法了，而消息订阅与发布是使用第三方库去实现组件之间的通信。
2024-01-11 03:51:16
420
原创 学习sessionSrorage和localSorage存储总结
这个存储是可以通过控制台应用选项中存储栏找到，一般关注的是本地存储（localStorage）会话存储（sessionStorage）这两个存储形式，本地存储的内容关闭浏览器是不会清空的，清空是需要手动完成的，而会话存储是关闭页面或浏览器就自动清空，它们都有各自的应用场景。
2024-01-10 02:42:20
408
原创 学习Vue的组件自定义事件总结
Vue里面把事件分为了两种，一种是内置事件另一种就是今天学习的自定义事件，内置事件是之前学习过的，比如click，keyup等等，这些事件有个共同点就是它们都是服务html标签的，直接拿来就可以使用了，不同于定义事件的是自定义事件是专门给组件使用的，在学习这个之前我们想要子组件给父组件传递数据只能是通过传递函数，然后在子组件的props配置项中接收传递过来的函数实现数据的传递，但组件自定义事件就可以代替这种比较麻烦的方法了，接下来要说的就是第一种组件自定义事件的步骤了
2024-01-09 02:45:51
359
原创 把本地代码上传到GitHub总结
今天学习了如何将本地的代码上传到GitHub上，因为学习昨天刚学习完尚硅谷Vue的第一个小案例，想着看能不能把写好案例代码上传到GitHub上去，一直想尝试但没做过，之前也下载Git版本控制来学习过，简单的命令还是有印象的，还是回归正题，把上传的详细步骤分享一下给大家。
2024-01-08 01:04:04
412
原创 学习尚硅谷Vue的TodoList案例下半部分总结
今天学习尚硅谷Vue的TodoList案例四到八节的内容，主要实现的功能有勾选、删除、底部统计、底部交互这几部分。
2024-01-07 02:20:36
517
原创 学习尚硅谷Vue的TodoList案例总结
今天学习尚硅谷Vue的TodoList案例一到四节的内容，该案例是一个类似手机上的代办事项功能，这个功能要实现可以添加和删除事件还有已完成或未完成的勾选框可勾选，在实现功能的时候我们大致要把页面的内容划分为几块去一一实现，该案例就把页面划分为四部分（头部、列表、项目，脚部）去实现，为了节省时间就直接复制课件提供的html和css代码，我们重点是写交互部分的代码
2024-01-06 02:05:29
411
原创 学习Vue混入、插件、scoped总结
混入的作用是把多个组件的共用配置提取成一个对象，而这个对象就称之为混入或者是混合，它也分为局部混合和全局混合两种，使用混合之前当然是要先定义混合，定义混合的文件名一般叫mixin.js
2024-01-05 01:06:00
393
原创 学习Vue的props配置总结
首先Vue设计这个配置项是为了让组件可以接收外部传过来的数据，既然是配置项肯定先要在Vue实例里面先配置好props配置项（对象形式），接收数据有三种方法区分，第一种是数组形式，简单的声明接收，它没有什么限制，只是声明可以接收的数据的名字，但这种方法在开发中是最常用的
2024-01-04 01:21:29
391
原创 学习Vue脚手架总结
今天学习了创建Vue脚手架、分析脚手架结构、修改默认其默认配置。首先是创建，可以到Vue官网上找到VueCLI脚手架，然后点击就可以跳转到CLI的页面，上面有详细的安装教程，因为服务器不在国内，所以下载之前先配置npm镜像
2024-01-03 00:59:01
379
原创 学习Vue单文件组件总结
接下来就是单文件组件，它和非单文件组件不同的是单文件组件需要基本的三个文件，后缀方便是html、js、vue。首先是Vue后缀的这个文件，里面分为主要的三个代码块
2024-01-02 02:36:40
699
原创 学习Vue的VueComponent构造函数总结
VueComponent函数，一般它的简称为vc，第一个要知道的就是我们自己创建的组件都是基于这个vc的构造函数得来，说到构造函数肯定是要使用new关键字才可以生成，但发现在创建函数时吧并没有写new，其实在new在我们创建组件时写的Vue.extend关键字时Vue的底层帮我们调用了，通过测试发现每创建一个组件Vue都会帮我们调用一个全新的vc，通过控制台也可以发现vc其实和Vue实例的vm里面的内容基本上是一样的，同样有数据监视和数据代理，再通过控制台输出组件里面的配置项this，发现this指向的正是
2024-01-01 02:25:33
375
原创 学习Vue中的使用组件总结
组件它被定义为现实应用中局部功能代码和资源的集合，优势就是提高代码的复用率，好处则是使得代码更好的维护。了解了组件的基本作用和优势之后就来说一下组件的基本使用步骤吧，步骤主要分为三大步，肯定第一步我们先要创建组件，第二步就是给已经创建好的组件进行注册，第三步则是如何使用它
2023-12-31 01:37:06
414
原创 学习Vue的生命周期函数总结
今天学习了Vue的生命周期函数，生命周期函数也称之为生命周期钩子，其实它就是Vue在关键时刻帮我们调用的一些特殊名称函数，要了解这些关键时刻我们可以到Vue官网上面查看生命周期解析图，我们在使用Vue的时候都是马上能实现的，其实在这实现的过程中是细分为很多步才完成的，首先是Vue接管容器之前之后、渲染到页面之前之后、更新数据之前之后、销毁之后之后四大步骤分为八个小的关键时刻
2023-12-30 01:14:59
374
原创 学习Vue的自定义指令总结
Vue实例的directives配置项里面，在标签内容书写的话就需要在自定义指令名字的前面加上v-，如果在配置项里面的话直接写名字即可，自定义函数可以接收两个参数，一个是真实的元素标签，另一个是我们为其绑定的值，拿到这两样我们就可以对元素和元素内的值进行操作了，Vue在这里为我们设计了一个很关键的逻辑，就是我们定义的指令什么时候调用，这里主要分为三个时机阶段，一个是指令和元素绑定时、一个是指令所在元素被插入页面时、最后应该就是指令所在的模板被重新解析时，我们就可以通过这三个时机来详细精准的设置对其的操作。
2023-12-29 00:59:39
370
原创 学习Vue过滤器总结
过滤器还有一个很厉害的地方，就是过滤器和过滤器之间是可以串联的，也就是说刚才的两次操作还不能满足需求还需要对数据进行第三或更多次操作时，我们可以在过滤器后面加多一个管道符，第二个管道符后面继续写过滤器就可以实现串联的效果了。过滤器还有一个不同于方法和计算属性的地方，那就是过滤器可以配置全局，也就是说在二个容器内容的数据可以调用同一个过滤器，语法相对来说也很好理解，就是把filter从Vue实例对象中拿出来，放到Vue实例对象的外面即可起到全局的作用。
2023-12-28 00:50:18
356
原创 学习Vue的数据监视总结
最后说到的就是数据劫持，这个比较好理解，就是通过前几节课学过的Object.defineProperty这个API，因为我们读或改数据时这个方法就会调用get或set方法，正是这两个方法实现了数据劫持，通俗易懂来说劫持就是在途中拦截了下来，然后在这里可以添加一些我们附加的操作，而不只是简单的读和写。
2023-12-27 00:31:45
377
原创 学习Vue的key作用和原理
今天主要学习了列表渲染和key的作用和原理，先来说说列表渲染，顾名思义想要渲染列表最快的方式就是使用for循环，我们要学习的就是Vue中对标签实现for循环的语法，它和我们传统的js语法有些不同，它是先要有Vue实例中data的数据再拿过来遍历，遍历时同样可以获得元素和元素的索引号，这里有个很重要的点就是Vue要求你传入一个属于元素唯一的值（:key），这个值在开发中一般是从后端获取的，Vue需要拿这个唯一的key来做底层的对比算法，这也是等下要说到的key的底层原理，Vue提供的for循环不但可以遍历最常
2023-12-26 00:04:18
570
原创 学习Vue的绑定样式和条件渲染总结
今天学习了Vue的绑定样式和条件渲染，先说绑定样式，它可以通过Vue提供的语法来给标签绑定样式，这里面的样式可以叠加，样式的写法也有几种，当类名确定需要动态取的时候就用字符串的写法，如果要绑定多个样式但不确定多少个的时候就使用对象的写法，最后就是数组的写法，它是应用在要绑定多个样式，但是已经确定需要绑定样式的个数时，只是不知道绑定的样式中要使用哪个时就使用数组的写法。
2023-12-25 00:18:51
366
原创 学习Vue的监视属性总结
今天主要学习了Vue的监视属性和深度监视的内容，首先它和前面学习的数据代理不同，数据代理是数据被读取或被修改时才响应，而监视属性是可以对某一个属性的变化时自动调用回调函数来做操作，监视属性要写在Vue实例里面的watch方法里面，还有监视的属性必须时存在的才能对其进行监视
2023-12-24 00:45:24
335
原创 学习尚硅谷Vue总结
重点学习的是计算属性这一章节，计算属性和前面学习到的数据代理有很大的相似点，同样用到了Objcet.defineproperty这个方法提供的getter和setter
2023-12-23 00:24:06
311
原创 学习尚硅谷Vue总结
今天主要学习了Vue的事件处理、事件修饰符、键盘事件，这些都是Vue对事件做的一些自己的设计，先说最基本的事件处理，首先它从语法上和传统的js代码不同，它无需到js中获取DOM元素，而是在body容器里面就可以给元素绑定事件了，触发事件之后的回调函数则需写在Vue实例的methods属性里面，这里切记一定不能使用箭头函数
2023-12-22 00:31:35
312
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人