前端框架
前端框架
数学那些事
新开微信公众号:程序猿那些事 欢迎关注!!!
展开
-
Promise简单概念介绍
Promise概念介绍// 1. Promise 是一个 构造函数,既然是构造函数, 那么,我们就可以 new Promise() 得到一个 Promise 的实例;// 2. 在 Promise 上,有两个函数,分别叫做 resolve(成功之后的回调函数) 和 reject(失败之后的回调函数)// 3. 在 Promise 构造函数的 Prototype 属性上,有一个 .then(...原创 2020-04-14 17:33:30 · 251 阅读 · 0 评论 -
Vue-4-03.组件-父组件向子组件传值
4-03.组件-父组件向子组件传值代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met...原创 2020-04-11 15:22:23 · 187 阅读 · 0 评论 -
15组件切换-切换动画
15组件切换-切换动画代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...原创 2020-04-10 19:43:12 · 190 阅读 · 0 评论 -
13-14组件切换
组件切换代码:方式1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...原创 2020-04-10 19:41:44 · 196 阅读 · 0 评论 -
12.组件-why components data must be a function
12.组件-why components data must be a function代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi...原创 2020-04-10 19:39:14 · 231 阅读 · 0 评论 -
11.组件-组件中的data和methods
11.组件-组件中的data和methods代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l...原创 2020-04-10 19:38:10 · 191 阅读 · 0 评论 -
10.组件-创建组件的方式3
10.组件-创建组件的方式3代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...原创 2020-04-10 19:36:07 · 162 阅读 · 0 评论 -
09.组件-创建组件的方式2
09.组件-创建组件的方式2代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...原创 2020-04-10 19:35:06 · 151 阅读 · 1 评论 -
08.组件-创建组件的方式1
08.组件-创建组件的方式1代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...原创 2020-04-10 19:33:14 · 152 阅读 · 0 评论 -
06.动画-使用钩子函数模拟小球半场动画
06.动画-使用钩子函数模拟小球半场动画代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...原创 2020-04-07 16:50:21 · 257 阅读 · 0 评论 -
05.动画-使用第三方类实现动画
05.动画-使用第三方类实现动画代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...原创 2020-04-07 14:21:59 · 164 阅读 · 0 评论 -
04.动画-修改v-前缀
04.动画-修改v-前缀代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...原创 2020-04-07 14:20:55 · 188 阅读 · 0 评论 -
03.动画-使用过渡类名实现动画
03.动画-使用过渡类名实现动画代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...原创 2020-04-07 14:19:38 · 190 阅读 · 0 评论 -
02.动画-不使用动画
02.动画-不使用动画代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...原创 2020-04-07 14:17:58 · 207 阅读 · 0 评论 -
01.vue-resource改造品牌列表案例
01.vue-resource改造品牌列表案例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...原创 2020-04-07 14:16:36 · 172 阅读 · 0 评论 -
Vue之生命周期演示
Vue之生命周期演示上代码 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...原创 2020-04-07 08:07:16 · 148 阅读 · 0 评论 -
Vue之过滤器的基本使用
Vue之过滤器的基本使用上代码上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...原创 2020-04-07 08:05:37 · 146 阅读 · 0 评论 -
Vue之品牌列表案例2
Vue之品牌列表案例2代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...原创 2020-04-07 08:04:13 · 203 阅读 · 0 评论 -
Vue之品牌列表案例
Vue之品牌列表案例直接上代码直接上代码 Document <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title">添加品牌</h3> </div>...原创 2020-04-07 08:02:16 · 604 阅读 · 0 评论 -
Vue之v-if和v-show的使用
Vue之v-if和v-show的使用直接上代码前期断更努力补上直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1....原创 2020-04-07 07:59:01 · 260 阅读 · 0 评论 -
[初识Vue] Vue之各种知识点实现
初识Vue 《大话Vue之各种知识点实现1》1.事件修饰符2.V-model3.简易计算器4.Vue中样式4.1class4.2style1.事件修饰符<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" con...原创 2020-03-30 08:01:24 · 191 阅读 · 0 评论 -
大话Vue之跑马灯效果
大话Vue之跑马灯效果代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...原创 2020-03-29 09:07:40 · 148 阅读 · 0 评论 -
大话Vue之v-cloak学习
大话Vue之v-cloak代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...原创 2020-03-29 08:55:46 · 215 阅读 · 0 评论 -
初识前端框架Vue
前端框架Vue 《基本代码》代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...原创 2020-03-28 16:05:26 · 267 阅读 · 0 评论