- 博客(16)
- 收藏
- 关注
原创 10-组件化开发
01-组件化的基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"><!-- 3.使用组件--> <my-cpn></my-cpn></div>&l
2021-01-06 16:06:18
115
原创 父子组件通信案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"><cpn :number1="num1" :number2="num2" @num1change="num1change" @num2change="num2c.
2021-01-04 18:19:19
92
原创 09-v-model使用
01-v-model的基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <input type="text" v-model="message"> {{message}}</d
2020-12-27 21:07:27
96
原创 高阶函数filter map reduce
// 高阶函数const nums = [10,20,111,222,444,40,50]// 1.filterlet newNums = nums.filter(function (n) { return n<100})// 2.maplet new2Nums = newNums.map(function (n) { return n*2})// 3.reducelet total = new2Nums.reduce(function (preValue,n) { re
2020-12-25 17:18:47
63
原创 08-书籍购物车案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="style.css"></head><body><div id="app"> <div v-if="books.length">
2020-12-24 21:45:48
125
原创 响应式的数组方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <ul> <li v-for="item in letters" :key="item">{{item}}</li&g
2020-12-10 12:23:56
296
原创 07-循环遍历
01-v-for遍历数组<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"><!-- 1.在遍历的过程中,不使用索引值--><ul> <li v-for="item in name
2020-12-09 18:36:05
85
原创 用户登录切换的案例以及小问题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <span v-if="isUser"> <label for="username">用户账号</label>
2020-12-09 18:34:51
172
原创 2021年校园招聘之秋招前端面试记录
2020年9月30日至2020年11月30日为止苏宁(前端管培生)笔试,内容有企业文化、专业知识、逻辑思维等几大块,均为选择题。面试,自我介绍,选择来南京的原因等,根据简历的实习经历询问了前端代码的优化问题。途牛(Java编程)面试,没有复习后端知识,面试官问了session的机制和数据库的相关问题。滴滴(前端补招)面试,面试官从浏览器、html、css、js等方面进行技术的知识点询问,算法题为口头描述冒泡排序,编程题为写css代码判断呈现的效果,考的是!important的优先级。最后反向
2020-11-30 23:48:55
620
原创 06-事件监听
01-v-on的基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <h2>当前计数:{{counter}}</h2> <!-- <button v-on:cl
2020-11-25 17:19:01
52
原创 05-计算属性
01-计算属性的基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <h2>{{fullname}}</h2></div><script src="../js
2020-11-23 22:24:33
58
原创 v-for与v-bind结合的实例
v-for与v-bind结合的实例:实现点击列表中的单行文字变色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><style> .active{ color: red; }</style><div id="
2020-11-23 15:22:37
309
原创 04-动态绑定属性
01-v-bind的基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <img v-bind:src="imgURL" alt=""><!--语法糖--> <img :
2020-11-19 22:04:20
177
原创 03-插值的操作
01-Mustache语法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <h2>{{message}}</h2> <h2>{{message}},汪!</h2&g
2020-11-18 21:50:23
79
原创 02-Vue实例中的options属性
Vue实例中的options属性常用:el:类型:string|HTMLElement 作用:决定之后Vue实例会管理哪一个DOM。data: 类型:Object|Function(组件当中data必须是一个函数) 作用:Vue实例对应的数据对象。methods: 类型:{[key:string]:Function} 作用:定义属于Vue的一些方法,可以在其它地方调用,也可以在指令中使用。*函数和方法的区别函数(function):写在外部。方法(
2020-11-18 12:03:06
493
原创 01-Vue初体验
01-HelloVuejs<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <h2>{{message}}</h2> <h1>{{name}}</h1
2020-11-17 12:24:20
64
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人