- 博客(12)
- 收藏
- 关注
RSS订阅转载 Vue3 + ts 项目中使用进度条（NProgress）
NProgress是一个轻量级的进度条组件，在Github上已经有上万star数了，所以该组件的使用频率还是高的。
2022-09-19 15:49:46
1450
原创 微信小程序-（仿）网易云音乐
前言从微信小程序近期开发出来的功能可以明显看出，小程序开发的发展前景一片大好，并且随着时间的流逝，相信未来微信小程序开发公司也会开发出更多优质的小程序，开放更多功能，实现更多的需求。未来小程序制作和微信将实现更加的链接，用户搜索小程序也会越来越方便，这就是小程序开发、小程序制作的未来发展方向及优势。微信小程序开发的发展方向不仅仅是于微信更好地结合，更重要的是与各行各业的链接。小程序开发的发展是站在微信的用户基础上，与微信更好地结合就可以实现更多的功能，成功吸引到更多的用户和流量。通过和各个行业的链接，每个
2021-06-06 17:15:58
1066
原创 Vue中过渡与动画的案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #app {
2021-01-10 17:43:00
517
原创 Vue组件中 兄弟组件的通信（平行组件通信）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div id=
2021-01-07 13:56:32
273
1
原创 Vue组件化开发过程
Vue的组件化开发是Vue的核心之一，Vue讲DOM分解成一个个小组件进行分化开发，这有助开发效率的大大提升，并且避免了代码的重复性，重复的DOM可以使用同样的组件进行渲染。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"
2021-01-06 17:25:29
304
原创 Vue写一个点击切换图片
在写这个案例前，需要用到的知识有v-on、v-bind、v-for当然还需要一点逻辑思维，css参考代码.tab ul{ overflow: hidden; padding: 0; margin: 0; } .tab ul li{ box-sizing: border-box; padding: 0; float: left;
2021-01-02 20:39:48
3698
1
原创 Vue的指令综合案例
登录按键事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <
2020-12-23 22:44:11
258
1
原创 Vue中监听事件的使用
1、定义监听事件使用v-on 或者 语法糖 @事件 来定义监听事件如：v-on:click=“事件” or @click“事件“下面展示监听事件的基本使用<body> <div id="app"> <h2>当前数值：{{center}}</h2> <button v-on:click="add">+</button> <!-- //语法糖 --> <butt
2020-12-22 12:07:50
2060
原创 Vue写一个小购物车
本人还在初级学习阶段，又很多不足之处，希望能指出错误，一起进步直接上代码HTML代码块<body> <div id="app"> <div v-if="books.length"> <table> <thead> <tr> <th></th>
2020-12-19 22:27:07
579
3
原创 Vue中 var、let和const的区别
在JavaScript中使用var<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body&g
2020-12-17 20:55:03
2846
原创 Vue computed计算属性
下面展示一些简单的计算属性的基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>
2020-12-15 15:50:35
148
原创 Vue v-band动态绑定（对象语法）
<style> .activo{ color: red; }</style><div id="app"> <!-- <h2 :class="{类名1：Boolean，类名1：Boolean}"></h2> --> <!-- 当Boolean为 true时，添加到标签上 --> <!-- 当Boolean为 false时，不会添加到标签上 -->
2020-12-14 20:29:30
1646
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人