墨567-CSDN博客

原创 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 451

原创 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 145

原创 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 475

原创 Vue第二天基础指令

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

2021-06-11 22:53:20 315 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 62

原创 ajax第一天

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

2021-05-17 20:34:06 70

原创 JS高级第一天

三元表达式1.条件表达式？表达式1：表达式22.条件表达式用于判定：true||false3.true执行表达式14.false:执行表达式25.本质就是简化if-else6.if（条件表达式){表达式1}else{表达式2}7.：< type=“radio” name=“gender”> 男< type=“radio” name=“gender”>女<script> let inputs = document.querySelecto

2021-05-11 20:27:03 71

原创 JQ第一天

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

2021-05-08 09:37:06 85

原创 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 60

原创 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.=》代表function3.{}

2021-05-06 20:27:25 89

原创 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 69

原创第二天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 73

liang1132872802的博客