liang1132872802的博客

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

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

索引(下角标)是什么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()方法 - 传入一

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

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

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

三元表达式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

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

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在类中：自动找到外面的

箭头函数特点：简化函数书写方式语法：（）=》{}应用：当做回调函数，不能当做有名函数和构造函数（深层原因：箭头函数没有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.{}

获取子节点![在这里插入图片描述](https://img-b

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

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

01-函数进阶 -arguments 关键字123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051注意：1.arguments关键字：函数内部使用,先定义函数,在函数内部打印arguments2.是伪数组，当不确定有多少数组数据的时候。作用：存储用户传入的实参，按照传入的

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

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