自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 vue生命周期-axios使用-5day

人的-生命周期 一组件从 创建 到 销毁 的整个过程就是生命周期 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NGyN0KUC-1624009870469)(images/image-20210111193143574.png)] Vue_生命周期 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QxJx0QJB-1624009870473)(images/image-20210511152835915.png)] 1.1_钩子函数 目标

2021-06-18 18:42:53 407

原创 vue组件-4day

知识点自测 this指向 let obj = { fn: function(){ // this指向此函数的调用者 }, fn () { // this指向当前函数的调用者 (如果都是在vue里, this指向的都是vue实例对象) }, fn: () => { // this指向外层函数作用域this的值 } } obj.fn(); axios().then(res => { //

2021-06-18 17:49:23 126

原创 vue-计算器属性.过滤器,侦听器-3day

索引(下角标)是什么 let arr = [10, 32, 99]; // 索引就是数字, 标记每个值对应的序号, 从0开始 // 索引是0, 1, 2 // 数组需要用索引来换取值, 固定格式 arr[索引] // 遍历就是挨个取出来 数组的filter方法使用 let arr = [19, 29, 27, 20, 31, 32, 35]; let newArr = arr.filter((val) => {return val >= 30}) // 数组调用.filter()方法 - 传入一

2021-06-18 17:21:35 435

原创 Vue第二天基础指令

VUE的基本概念 要复习一下什么是表达式,变量是什么。 变量是一个容器,表达式原地都有返回结果, var a = 10; console.log(a); // a就是变量, 运行后使用变量里的值再原地打印 console.log(10 + 50); // 10 + 50 就是表达式 console.log(a > 9); // 这叫判断表达式, 原地结果是true 2. new的作用和含义 new类名()原地得到一个实例对象,对象上有key值和value值 实例化对象 new类名创造出来的对象,身上包

2021-06-11 22:53:20 260 2

原创 ajax第二天

FormData-序列化表单 作用:快速获取表单的值 < form id=“form1”> <input type="text" name="name"> <input type="text" name="age"> <input id="btn" type="submit" value="提交按钮"> </form> <script> const btn = document.querySelector

2021-05-20 16:27:30 53

原创 ajax第一天

达成的能力目标 能够知道Ajax 可以使网页在不重新刷新的情况下实现局部更新数据 能读懂Api接口描述文档 (数据接口文档) 能够使用jQuery编写发送Ajax GET和POST请求的固定套路代码 能够分析服务器返回的数据如何转换成Dom元素呈现在界面上 能够理解Ajax的本质是使用XMLHttpRequest对象与服务器进行通讯 能够使用art-template模板实现将服务器返回的数据转换成Dom元素呈现在界面上 能够知道Ajax请求中的两种跨域解决方案JSONP和CORS 能够完成英雄的增、删、查

2021-05-17 20:34:06 60

原创 JS高级第一天

三元表达式 1.条件表达式?表达式1:表达式2 2.条件表达式用于判定:true||false 3.true执行表达式1 4.false:执行表达式2 5.本质就是简化if-else 6.if(条件表达式){ 表达式1 }else{ 表达式2 } 7.: < type=“radio” name=“gender”> 男 < type=“radio” name=“gender”>女 <script> let inputs = document.querySelecto

2021-05-11 20:27:03 57

原创 JQ第一天

** 为什么要学习JQ ** 1.原生JS的实现方式的缺点:获取元素名太长,不好记 2.代码太多,循环也是 3.没有动画效果 4.存在覆盖问题 ** 使用JQ的步骤 ** 1.引入JQ文件 2.人口函数:$()funotion(){//入口函数} 3.使用JQAPI解决问题 JQ获取元素 ...

2021-05-08 09:37:06 66

原创 JS高级第四天

ES5原型链继承 1.this的指向问题:回调函数里面的this没有指向,值为undefined,找不到window的 class Test{ showArr(){ let arr = [1,2,3,4,5,] arr.forEach(function(item){ console.log(this) }) } } new Test().showArr() 回调函数:是直接执行fn(),前面没有对象,fn() 再外部:自动找到window对象:回调函数里面的this就指向window 在类中:自动找到外面的

2021-05-06 20:27:54 46

原创 javascript 高级进阶第三天

箭头函数 特点:简化函数书写方式 语法:()=》{} 应用:当做回调函数,不能当做有名函数和构造函数(深层原因:箭头函数没有this) let fn1 = function(){} let fn2 = () => { console.log(fn1,fn2) } fn2() 实际使用:回调函数居多 let arr = [1,2.3,] arr.forEach((item)=>{ console.log(item) }) 箭头函数组成:三部分 1.放形参() 2.=》代表function 3.{}

2021-05-06 20:27:25 62

原创 apl第三天

获取子节点 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210502194308620.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5nMTEzMjg3MjgwMg==,size_16,color_FFFFFF,t_70#pic_center) ![在这里插入图片描述](https://img-b

2021-05-02 19:52:33 58

原创 第二天APL

innerText和innerHTML的区别 innerText:读取不会获取HTML标签,写入不会解析HTML标签 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210429221405471.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5nMTEzMjg3MjgwMg==,size_16,col

2021-05-02 19:41:26 61

原创 获取属性-Apl

01-获取元素-获取单个元素-querySelector 头部内容 主体内容 尾部内容 <script> // JS要获取元素:document.querySelector('选择器') // 认识document console.log(document) // 具体获取元素:选择器 // 类选择器: .类名 let hea

2021-04-29 19:51:53 96

原创 函数进阶

01-函数进阶 -arguments 关键字 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 注意: 1.arguments关键字:函数内部使用,先定义函数,在函数内部打印arguments 2.是伪数组,当不确定有多少数组数据的时候。作用:存储用户传入的实参,按照传入的

2021-04-29 19:45:59 63

原创 javascrip

javascrip 计算年龄案例 1.先声明变量,弹出一个输入框(prompt),这是让用户输入出生年份的! 2.哪一个变量保存起来,然后用今年的年份减去变量值,就可以得到结果 3.弹出警示框(alert),把计算结果输出![计算年龄案例](https://img-blog.csdnimg.cn/20210330104044176.png#pic_center) 简单加法器 ![简单加法器](https://img-blog.csdnimg.cn/20210330105147594.png?x-oss-pr

2021-03-30 20:06:18 102

原创 移动端基础第一天

***移动端基础第一天*** 1.移动端浏览器主要对webkit内核进行兼容 2.我们现在开发的移动端主要针对手机端开发 3.现状移动端碎片化比较严重,分辨率和屏幕尺寸带下不一 4.学会用谷歌浏览器模拟手机界面以及调试 布局视口 layout viewport 1.一般移动设备的浏览器默认设置了一个布局视口,用于解决早期PC端页面在手机上显示的问题 2.缺点:在PC端上的网页大多都可以在手机呈现,不过缺点就是元素看上去很小,一般默认可以通过手动缩放网页 视觉视口visual viewpor.

2021-03-27 16:15:02 181 1

空空如也

空空如也

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

TA关注的人

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