自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

TianBowen的博客

web全栈开发

  • 博客(9)
  • 资源 (1)
  • 收藏
  • 关注

原创 JS高阶函数filter/map/reduce的使用

filter函数的使用 案例 const nums = [10,20,111,222,444,40,50]; 使用filter函数取出这个数组中小于100的数字 两个编程范式 : 面向对象编程(第一公民:对象) 函数式编程(第一公民:函数) 我们的filter/map/reduce函数 就是面向函数式编程 firter他有一个参数是一个回调函数 他参数中的函数的参数就是遍历出来的数组...

2019-12-03 20:50:35 533

原创 vue.js 购物车案例

使用vue.js前面所学知识实现下面购物车功能 HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&...

2019-12-03 20:07:39 2182

原创 JavaScriptES5 使用var没有块级作用域引起的问题

没有快级作用域的问题 es5中的var 是没有块级作用域的 es6中的let 是有块级作用域的 在es5之前因为if和for都没有块级作用域的概念,所以在很多是时候,我们都必须借助funciton的作用域来解决应用外面变量的问题 在ES6中,加入了let,let是有if和for的块级作用域 var func if(true){ var name = 'tbw'; fun...

2019-12-02 10:06:24 940 2

原创 vue.jsDay5

02-全局组件和局部组件的使用 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <cpn&gt...

2019-12-18 20:14:30 190

原创 vue.Day4

v-model的使用 v-model的原理 当我们再输入框输入内容时,因为input中的v-model绑定了message,所以才会实时的将输入的内容传递给message,message发生改变 当message发生改变时,因为上面我们使用Mustache语法,将message的值直接插入到DOM中,索引DOM会发生响应的改变 所以,通过v-model可以实现双向绑定 v-model其实是语法糖,...

2019-12-09 20:19:02 159

原创 ES6 const的使用和对象增强写法

cosnt常亮的使用 const修饰符的标识符为常亮,不可以再次赋值 当我们修饰的标识符不会被再次赋值时,就可以使用const来保证数据的安全性 建议:在ES6开发中,优先使用const,只有需要改变某一个标识符的时候才用let 注意点1 一旦给const修饰的标识符,被赋值之后不能被修改,否则会报错 const name = 'tbw' name = 'ttt' console.log(...

2019-12-04 15:10:04 734 1

原创 vue.js Day3

v-for循环遍历 v-for循环遍历数组 在data中创建一个数组变量 在绑定id为app的div中 创建li 使用v-for循环讲data中的那个数组遍历出来 它的语法格式是v-for = “ key(用来接收每一个数据 in 数组变量) ” 然后直接通过Mustache语法讲key输出就可以了 用法和 for in 循环相似 注意 如果想把他的索引也遍历出来那么 给他一个小括...

2019-12-03 19:48:13 115

原创 vue.js Day2

Vue.js Day2

2019-12-02 11:04:32 123

原创 vue.js Day1

Vue.js Day1 01-vue的初体验 01- hollo vue.js 第一次接触vue,当然是写一个最简单的dome,在写之前,我们要安装vue,安装vue有三种方法,在官网可以看到,最初学习,老师建议使用CDN 首先下载好vue后把它保存在学习的文件夹中,然后在使用时候 直接使用标签对将他引入就可以了!首先使用一个变量或者常亮来实例化一下Vue,let(变量) / const(常量)...

2019-12-01 20:55:06 224

03-vue计数器案例.html

定义vue对象并初始化一个变量counter= 0 定义两个方法add和sub,用于对counter++或count-- 定义两个按钮对象,给按钮添加上点击事件 在vue对象中使用方法表示方法集合,使用v-on:click的关键字给元素绑定监听单击事件,给按钮分别绑定上单击事件,并绑定触发事件后变量函数add和sub。也可以在其中方法中直接使用表达式。例如:counter++和counter--。

2019-12-01

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除