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