- 博客(21)
- 资源 (3)
- 收藏
- 关注
原创 Vue的基础应用
Vue的基础应用我们用所学的基础知识做一个实例,实现一个简单的todolist,主要功能:1. 实现分页显示数据2. 在todolist结构中,既可以添加一个新项目,实现分页查看3. 能够实现查看上一页和下一页,4. 又可以删除项目和修改项目(未完成) <body> <div id="app"> <div> todo-list <div> 添加新项目:<input type="text" @keyup
2020-06-08 21:20:06 195
原创 学习Vue的第四天
事件处理事件修饰符事件有很多种,主要分为鼠标事件和键盘事件,这两类典型的JavaScript如下:鼠标事件:click单击 dblclick双击 mouseover鼠标经过 mouseout鼠标离开等等键盘事件:keydown键盘按下 keyup键盘抬起等事件修饰符:主要指我们在Vue事件处理过程中,可以使用它来实现阻止默认行为,阻止事件冒泡或者获取键盘修饰符等基本功能。使用方式很简单,在v-on指令后使用点号连接事件修饰符即可鼠标事件修饰符:stop 阻止事件冒泡prevent
2020-06-08 21:15:08 211
原创 学习Vue的第三天
计算属性和列表的渲染在列表渲染过程中,可能要求满足特定条件的记录。比如:我们只要显示商品价格大于6000的商品,这时候我们就可以用计算属性去过滤满足条件的数据并返回一个新的数。数组过滤方法(filter)。正常情况下,当我们改变data中数据的时候,页面会实时修改并显示。但是对于数组而言,一些操作并不会实时响应,所以我们会用到一些数组变异的方法(我们熟知的操作数组的方法)。当通过下标去修改对应下标的所有数据时,页面不会进行实时响应,如:vm.goodsList[0]但是如果是通过下标去修改其
2020-06-06 16:15:57 227
原创 学习Vue的第二天
生命周期函数在创建Vue实例对象时,有两个阶段:第一阶段是初始化时间绑定机制、初始化生命周期的循环。初始化之后会触发beforeCreate()回调函数第二个阶段是初始化注入器、初始化实体对象,此时表示Vue实例对象已经创建成功,初始化之后会触发created()回调函数8个生命周期函数beforeCreate() Vue实例对象创建之前,此时el属性和data属性均为空(undefined)(类比:电脑组装之前)created() Vue实例对象创建之后,此时el属性为空,data属
2020-06-04 21:30:31 296
原创 初识Vue及第一个Vue实例
Vue的初学准备开发文档vue官方文档的下载地址:https://cn.vuejs.org/v2/guideb.npm官方文档的下载地址:https://www.kancloud.cn/shellway/npm-doc/199982webpack官方文档下载地址:https://doc.webpack-china.org/concepts推荐浏览器Chrome编程工具HBuilder XVue的安装和使用Vue的安装在Vue.js的官网直接下载vue.min.
2020-06-03 22:04:18 193
原创 CSS常用知识点总结(二)
定位(position)如果,说浮动, 关键在一个 “浮” 字上面, 那么 我们的定位,关键在于一个 “位” 上。为什么要用定位?对于定位,最常运用的场景再那里呢? 来看几幅图片,你一定会有感悟!第一幅图, 小黄色块可以再图片上移动:第二幅图, 左右箭头压住图片:第三幅图, hot 在盒子外面多出一块,更加突出:以上三个小地方,如果用标准流或者浮动,实现会比较复杂或者难以实现,此时我们用定位来做,就会简单许多!元素的定位属性元素的定位属性主要包括定位模式和边偏移两部分。1、边
2020-06-03 21:39:20 288
原创 CSS常用知识点总结(一)
CSS学习小结CSS样式引入方式1、内联样式表(内嵌 行内) style属性<div style="width:100px;"></div>2、内部样式表 style标签<style> div{width:100px} </style>3、外部样式表 link<link rel="stylesheet" type="text/css" href="css/style.css"/>样式表优先级内联样式 &g
2020-06-02 22:01:08 550
原创 HTML5常用标签学习
HTML常用标签(元素)标签按照功能可以分为三类:块级元素、行内块元素、行内元素块级元素块级元素:每个块级元素通常会独自占据一整行或多行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。标签简介:div 分区标签,将浏览器分成一个个可视 可操作区域使我们看到的内容更为整洁和有层次。p 段落标签h 标题标签ul 无序列表ol 有序列表li 包含在ul或ol中,是列表项form 表单table 表格tr 表格的行td 表格的一个单元格hr 水平分割
2020-06-01 22:28:08 192
原创 JS的流程控制语句(三)
break 语句break语句用来结束当前循环。实例:for (var i = 0; i < 10; i++) { // 当i等于3时结束循环 if (i == 3) { break; } console.log('该数字是:' + i);}// 输出结果是:// 该数字是:0// 该数字是:1// 该数字是:2continue 语句continue语句...
2020-04-20 22:19:17 125
原创 JS的流程控制语句(二)
JS的循环语句当希望重复执行同一段代码,并且每一次的值都不同时,可以使用循环语句。JS中,支持的循环类型有以下几种:for循环代码执行一定的次数for/in循环遍历对象的属性或数组while当循环次数不确定时使用,要先判断执行条件是否为truedo/while不管条件是否为true,都会先执行一次,然后再判断条件是否为truefor 循环for循环是最常见的循环方式。...
2020-04-20 18:39:17 143
原创 JS的流程控制语句(一)
JS的条件语句条件语句是基于不同的条件来执行不同的动作。在JS中,有以下几种条件语句:if 语句只有当指定条件为true时,使用该语句来执行代码if…else 语句当条件为true时执行代码,当条件为false时执行其他代码三目运算符当条件为true时执行代码,当条件为false时执行其他代码,与if…else类似if…else if…else 语句使用该语句来选择多个代码块...
2020-04-19 23:42:22 200
原创 JS的运算符
算术运算符算数运算符用来执行变量与/或值之间的算术运算的。运算符描述例子x的结果y的结果+加法y = 5, x = y + 385-减法y = 5, x = y - 325*乘法y = 5, x = y * 2105/除法y = 8, x = y / 428%取余y = 8, x = y % 328...
2020-04-17 18:29:38 118
原创 JS的字符串
JS字符串字符串用来存储和处理文本。字符串的引号内可以是任意字符。引号可以是单引号或双引号。var str1 = '单引号';vav str2 = "双引号"; 可以使用索引来访问字符串中的每个字符。索引从0开始。var str = 'lomonSmith';var char = str[5]; // 索引为5的字符是S如果要在字符串中使用引号,一定不要与包裹字符串的引号相同。...
2020-04-17 13:33:06 215
原创 JS的事件
JS的事件事件是可以被识别的动作或发生的事情。通常在事件被触发后,会有后续要执行的操作。给HTMl元素添加事件属性// 这里用div标签做示范<div id="demo" eventName="js codes"></div>在js中获取到事件源对象,即要触发事件的标签// 获取事件源对象var demo = document.getElementB...
2020-04-16 22:21:08 109
原创 JS的作用域
JS作用域作用域是可访问变量的集合在js中,对象和函数也是变量局部作用域声明一个函数,就会开启一个局部作用域,在函数内部声明的变量为局部变量,只能在函数内部访问。// 在此处,即函数外部则不能调用carName变量function test() { var carName = 'Volvo'; // 在函数内部可以调用carName变量}局部变量只能在函数内使用,所以不...
2020-04-16 21:27:35 118
原创 JS的函数
JS 函数在js中,函数就是对象。函数是由事件来驱动或被调用时执行的可重复使用的代码块。函数是function关键字、函数名、()括号、{}花括号四部分组成。function functionName() { // 执行的代码}函数只有在调用时才会执行,即“函数不调用,自己不执行”JS对大小写敏感,关键字function必须是小写的,函数调用时必须要与声明的函数名完全一...
2020-04-16 18:24:23 254
原创 JS的数据类型
JS的数据类型简单类型字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)复杂类型数组(String)、对象(Object)数字类型(Number)js中只有一种数字类型。数字可以带小数点,也可以不带小数点。 var num1 = 12; // 不带小数点 var num2 = 3.14; // 带...
2020-04-16 14:51:39 123
原创 JS的变量
变量的声明与赋值变量是用来存储数据的容器可以存储数字、字符串、对象、数组、函数等多种类型的数据 // 我们使用var关键字来声明变量 var carName; // 赋值用 = 号 carName = 'lanbojini'; // 声明同时赋值 var carName = 'lanbojini';注意:在代码开始,最好对需要的变量进行统一的声明一条语句 多个变量可以...
2020-04-14 21:24:51 179
原创 JS的注释
单行注释单行注释以 // 开头任何位于//与行末之间的文本都会被忽略,不执行// 改变标题: document.getElementById("myH").innerHTML = "我的第一张页面";// 改变段落: document.getElementById("myP").innerHTML = "我的第一个段落。";单行注释可以独占一行,也可以与代码在同一行多行注释...
2020-04-14 19:02:02 192
原创 JS的输出
JavaScript的四种显示方式使用 window.alert() 警告框使用 document.write() 写入HTML输出使用 innerHTML 写入HTML元素使用 console.log() 控制台输出使用window.alert()使用警告款来输出数据<script> window.alert('hello world');</scrip...
2020-04-14 18:43:36 122
原创 JS的使用方法
<script> 标签在HTML中,js代码必须在script标签之间。<script> alert('hello world');</script>注意:旧的 JavaScript 例子也许会使用type属性:<script type="text/javascript">。但在新版本的JavaScript中不需要写typ...
2020-04-14 17:59:47 566
实验03分析数据链路层帧结构.docx
2019-11-25
实验02网络模拟器packetTracer.docx
2019-11-25
实验01使用网络协议分析仪Wireshark.doc
2019-11-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人