- 博客(42)
- 资源 (6)
- 收藏
- 关注
原创 第3课 微信开发者工具picker标签实现动态时间选择器与地区选择器:
微信小程序picker标签实现动态时间选择器与地区选择器:运行效果如下:wxml代码如下:<picker mode="date" bindchange="changeDate">{{date}}</picker><picker mode="region" bindchange="changeRegion">{{region}}</picker&g...
2019-04-27 21:10:12 1368
原创 第2课 微信开发者工具使用slider进度条标签编写rgb颜色选择功能:
微信小程序编写rgb颜色选择功能:效果图如下:以下是wxml文件代码:<view class='box' style="background-color:rgb({{r}},{{g}},{{b}});width:100px;height:100px"></view><!-- slider滑动条标签 data-color="r"设置属性color:'r' 这样...
2019-04-27 20:55:02 3267 3
原创 零基础学习Vue: 第39课 vue-router的导航守卫函数执行顺序:
零基础学习Vue: 第39课 vue-router的导航守卫函数执行顺序:全局前置守卫:beforeEach路由独享函数:beforeEnter组件独享函数 :beforeRouteEnter全局解析守卫 :beforeResolve全局后置守卫 :afterEach<!DOCTYPE html><html lang="en"><head>...
2019-04-27 16:22:35 579
原创 零基础学习Vue: 第38课 Vue单页面使用router-link实现页面跳转小案例:
零基础学习Vue: 第38课 Vue单页面使用router-link实现页面跳转小案例:实现效果如下:以下是所有代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!-- <meta name="viewport" content="wi...
2019-04-27 13:01:01 546
原创 零基础学习Vue: 第37课 Vue动态组件切换获取数据渲染页面方法:
零基础学习Vue: 第37课 Vue动态主件切换获取数据渲染页面方法:解决方法一:设置watch监听事件,监听params传递数据的变化从而触发监听函数 获取数据watch:{ $route(){ //假装在里面请求页面数据 alert('成功打开'+this.$route.params.page+'页面,成功请求到页面'+this.$route.param...
2019-04-27 09:47:58 581
原创 零基础学习Vue: 第36课 query与params传值的区别:
query:url后面会显示传递值的内容params: url后面会不会显示传值内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>...
2019-04-26 15:31:28 141
原创 零基础学习Vue: 第35课 query与params的用法:
零基础学习Vue: 第18课 query与params的区别:params只能使用name引入路由:query用name与name都能引入路由:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title...
2019-04-26 14:50:28 146
原创 零基础学习Vue: 第34课 使用Vue的路由vue-router:
零基础学习Vue: 第34课 Vue的路由:router-link 组件的属性:to 指定跳转的地址tag 改变组件在页面中的标签样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&g...
2019-04-26 14:06:23 216
原创 零基础学习Vue: 第33课 Vue组件间的跳转切换与缓存:
零基础学习Vue: 第33课 Vue组件间的跳转切换与缓存:keep-alive: 可以保证内部的组件不被销毁component: 动态组件 is属性必填<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title&l...
2019-04-26 13:37:06 806
原创 零基础学习Vue: 第32课 Vue全局组件的定义方法:
零基础学习Vue: 第32课 Vue全局组件的定义方法:定义全局组件:Vue.component('aaa',{ //aaa主件名 template:'<div>首页aaa</div>' //主件标签样式});<!DOCTYPE html><html lang="en"><head> <meta cha...
2019-04-26 13:14:01 167
原创 零基础学习Vue: 第31课 Vue子组件实现学生管理系统小案例:
效果图如下:以下是实现代码:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><!-- 引入vue --><script src="https://cdn.jsdelivr.net/n...
2019-04-24 17:33:47 1368
原创 零基础学习Vue: 第30课 Vue子组件实现动态文章列表小案例:
实现后的效果图:实现代码如下: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!-- 引入vue --> <script src="https://...
2019-04-24 15:45:20 353
原创 零基础学习Vue: 第29课 Vue子组件间的数据传递方法:
在此之前先了解以下:$on(eventName) 监听事件$emit(eventName) 触发事件如果把Vue看成一个家庭(相当于一个单独的components),女主人一直在家里指派($ emit)男人做事,而男人则一直监听($ on)着女士的指派($ emit)里eventName所触发的事件消息,一旦$ emit 事件一触发,$on 则监听到 $emit 所派发的事件,派发出的命令...
2019-04-24 13:44:33 120
原创 零基础学习Vue: 第28课 Vue子组件实现弹窗广告效果小案例:
零基础学习Vue: 第28课 Vue实现弹窗广告效果小案例:原理:通过子组件的$emit向父组件发射事件触发父主件内的函数方法使得父主件属性动态改变,再通过v-if实现显示 隐藏 / 弹窗 效果!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...
2019-04-24 11:33:34 1304
原创 零基础学习Vue: 第27课 Vue子组件插槽引入与插入方法与获取方法$slots
零基础学习Vue: 第27课 Vue子组件插槽引入与插入方法与获取方法$slots以下是代码演示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!-- 引入vue --&...
2019-04-24 10:29:09 6472
原创 零基础学习Vue: 第26课 Vue作用域插槽子组件向父主件传递数据:
零基础学习Vue: 第26课 Vue作用域插槽子组件向父主件传递数据:子组件传递数据:<!-- 子组件设置slot插槽 (:aaa="arr":将子组件的arr数据传递给父主件,设置传递的属性名:aaa) --><slot :aaa="arr" ></slot>父组件接收子组件的数据:<!-- 必须要用template标签 必须要用slot-...
2019-04-24 09:44:07 1529
原创 零基础学习Vue: 第25课 Vue如何获取子组件属性:
零基础学习Vue: 第25课 获取属性Vue属性对象获取方法:通过dom更新完成后的异步回调来实现精确获取子组件属性:this.$nextTick(()=>{ }) //等dom更新完成后执行内部的回调函数下面是实验代码:<!DOCTYPE html><html lang="en"><head> <meta charset=...
2019-04-23 19:28:35 787
原创 零基础学习Vue: 第24课 Vue中标签元素节点的获取$refs方法:
零基础学习Vue: 第24课 Vue中标签元素节点的获取$refs方法:ref=“定义标签获取名”this.$refs.标签名 //获取对应的标签元素this.$refs //获取所有定义好的标签首先我们使用代码来简单的获取一个标签:<!DOCTYPE html><html lang="en"><h...
2019-04-23 18:00:56 1538
原创 零基础学习Vue: 第23课 Vue子组件slot插槽让子组件自定义样式:
零基础学习Vue: 第23课 Vue子组件slot插槽让子组件自定义样式:slot插槽的作用:slot 可以让组件更加灵活slot插槽 默认是没有名字的 可以给slot加上name属性slot也可以设置默认值 一个槽可以被插入多个内容 ,多个内容可以全都放在template中,只要给template命名name即可slot插槽的使用如下:<!DOCTYPE htm...
2019-04-21 10:31:18 3624
原创 零基础学习Vue: 第22课 Vue子组件触发父主件方法并传递参数:子组件$emit发射事件
零基础学习Vue: 第22课 Vue子组件触发父主件方法并传递参数:子组件$emit发射事件实现代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>$emit发射事件</title> <!-- 引...
2019-04-21 09:55:44 2399
原创 零基础学习Vue: 第21课 Vue 单向数据流父组件的属性值子组件如何更改:
零基础学习Vue: 第21课 Vue定义子组件template的常见3种写法:单向数据流原理:子组件不能直接修改父组件中传递的数据如需间接改变父组件传递的数据 (解决方法:可以在子组件data选项中存储父组件传递的数据之后修改子组件中的数据 即可)以下是实现代码:<!DOCTYPE html><html lang="en"><head> ...
2019-04-21 09:38:05 334
原创 零基础学习Vue: 第20课 Vue子组件接收父主件传递的值:
零基础学习Vue: 第20课 Vue子组件接收父主件传递的值:数组接收值方法:(数组表示对变量不做校验)props:['a'] //a为子主件标签内传递值的名称对象接收值方法:(对象表示对变量做校验)props:{ a:{ //校验变量a type:String, //设置传递属性的类型 required:true, //true代表该...
2019-04-21 09:11:24 406
原创 零基础学习Vue: 第19课 Vue父子组件生命周期函数的执行顺序:
零基础学习Vue: 第19课 Vue父子组件生命周期函数的执行顺序:我们来看代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue组件</title> <!-- 引入vue --> ...
2019-04-21 08:33:13 212
原创 零基础学习Vue: 第18课 Vue定义子组件template的3种写法
零基础学习Vue: 第18课 Vue定义子组件template的常见3种写法:第一种写法: template:`<div><p>我是子组件3</p></div>`第二种写法:<template id="one1"> <div> <p>我是子组件1</p> <...
2019-04-21 08:12:00 1441
原创 2019 第十届java蓝桥杯C组题目
2019 第十届java蓝桥杯C组题目:第一题:求出1~2019中所有数中含有2,0,1,9的数之和:答案:1905111public class 第1题 { public static void main(String[] args) { int num=0; for(int i=0; i<=2019; i++){ //String.valueOf(i) 将...
2019-04-20 14:28:15 4298
原创 第1课 微信开发者工具注册与安装
零基础学习微信小程序开发:第1课 微信小程序的注册 安装:1、使用浏览器进入微信公众平台https://mp.weixin.qq.com进入 https://mp.weixin.qq.com注册:123456微信web开发工具 下载 安装:1234下载好后安装 安装完成后点击进去通过微信扫描登入:1234## 如何查看AppID:在登入微信公众平...
2019-04-20 13:32:47 1158
原创 零基础学习Vue: 第17课 Vue实现动态便签功能支持本地存储小案例
零基础学习Vue: 第17课 Vue实现动态便签功能支持本地存储小案例:实现后的效果图:以下是全部实现代码注解很详细哦!如有疑惑可以评论留言:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>便签</title>...
2019-04-20 11:04:26 765
原创 零基础学习Vue:第16课 Vue实现京东商城购物车小案例:
零基础学习Vue:第16课 Vue实现京东商城购物车小案例:实现后的效果图:以下是全部实现代码注解很详细哦!如有疑惑可以评论留言:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>购物车</title> &...
2019-04-17 12:57:12 1197
原创 零基础学习Vue:第15课 Vue的v-bind指令使用与设置及改变标签样式
零基础学习Vue:第15课 Vue的v-bind指令使用与设置及改变标签样式:v-bind指令 给标签绑定vue中定义的属性 :v-bind 缩写 ":"通过缩写 " : "给标签绑定class属性名称:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...
2019-04-16 11:57:10 328
原创 零基础学习Vue:第14课 Vue的v-for遍历生成标签指令:
零基础学习Vue:第14课 Vue的v-for遍历生成标签指令:遍历数组:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsde...
2019-04-16 11:20:05 1130
原创 零基础学习Vue: 第13课 watch如何监听对象
零基础学习Vue: 第13课 watch如何监听对象:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/np...
2019-04-16 10:39:04 117
原创 零基础学习Vue: 第12课 watch 如何侦听数组
零基础学习Vue: 第12课 watch 如何侦听数组:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/n...
2019-04-16 10:07:30 216
原创 零基础学习Vue:第11课 watch侦听属性、计算属性缓存computed、方法methods的区别
零基础学习Vue:第11课 计算属性缓存computed、方法methods、侦听属性watch的区别计算属性缓存computed:当页面内需要显示computed内的属性时,则其中某一计算属性的值变化,其他属性不会重新执行计算,只执行改变属性的方法,因为计算属性存在缓存。方法methods:当页面内需要使用methods内的方法时,则其中某一个方法内的属性变化,则其他方法都需要执行...
2019-04-16 09:43:03 781
原创 零基础学习Vue: 第10课 Vue计算属性computed与methods环境的区别
零基础学习Vue: 第10课 Vue计算属性computed与methods环境的区别:computed环境内:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script s...
2019-04-14 20:50:43 158
原创 零基础学习Vue: 第9课 Vue的各种keyup键盘点击事件:
零基础学习Vue: 第9课 Vue的各种keyup键盘点击事件:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.n...
2019-04-14 17:10:04 2000
原创 零基础学习Vue: 第8课 Vue中v-model指令 的input单选框、复选框、下拉框、文本框:
零基础学习Vue: 第8课 Vue中v-model指令 的input单选框、复选框:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn....
2019-04-14 16:13:03 1053
原创 零基础学习Vue: 第7课 Vue的 v-model指令,设置input表单输入的方法:
零基础学习Vue: 第7课 Vue的 v-model指令,设置input表单输入的方法:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cd...
2019-04-14 15:54:30 421 1
原创 零基础学习Vue: 第6课 Vue的v-on点击事件阻止冒泡等:
零基础学习Vue: 第6课 Vue的v-on点击事件:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/np...
2019-04-14 15:21:19 433
原创 零基础学习Vue: 第5课 Vue指令v-if、v-else-if、v-else 的使用:
零基础学习Vue: 第5课 Vue指令v-if、v-else-if、v-else 的使用:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://c...
2019-04-14 14:46:27 203
原创 零基础学习Vue:第4课 Vue的v-if与v-show的区别
零基础学习Vue:第4课 Vue的v-if与v-show的区别:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.n...
2019-04-14 14:35:17 145
electron.zip
2020-03-24
Cocos Creator 打包成微信小游戏源代码
2020-02-25
LICEcap录屏软件GIF
2020-02-16
three.js 下载
2020-02-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人