青空95-CSDN博客

原创 10-组件化开发

01-组件化的基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <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

// 高阶函数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"><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

weixin_41575397的博客