- 博客(32)
- 收藏
- 关注
RSS订阅转载 Vue生命周期
vue 生命周期Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程。生命周期图示：1. beforeCreate：vue实例中的el，data，data中的message都为undefined2. created：el还是undefined，而数据已经与data中的属性进行绑定（放在data中属性当值发生改变的同时，视图也会发生变化），在这里可以在渲染前倒数第二次更改数据的机会，不会触发其他的钩子函数，一般可以在
2022-01-22 17:07:13
140
转载 promise
1.什么是PromisePromise 是异步编程的一种解决方案，其实是一个构造函数，自己身上有all、reject、resolve这几个方法，原型上有then、catch等方法。（ps:什么是原型：https://blog.csdn.net/qq_34645412/article/details/105997336）Promise对象有以下两个特点。（1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（
2022-01-15 16:31:45
83
原创 动态更改rem的值
有些页面需要做到分辨率更改，但页面依然保持一致的情况，这种情况下，所有的单位都需要用rem来控制。动态改变rem代码：(function(doc, win) { var docEl = doc.documentElement, resizeEvt = "orientationchange" in window ? "orientationchange" : "resize", recalc = function() { if (docEl.
2022-01-08 15:16:34
617
转载 javascript事件委托
javascript事件委托基本概念事件代理（Event Delegation），又称之为事件委托。是JavaScript中常用绑定事件的常用技巧。顾名思义，“事件代理”即是把原本需要绑定在子元素的响应事件（click、keydown…）委托给父元素，让父元素担当事件监听的职务。事件代理的原理是DOM元素的事件冒泡。事件冒泡一个事件触发后，会在子元素和父元素之间传播（propagation）。这种传播分成三个阶段捕获阶段：从window对象传导到目标节点（上层传到底层）称为“捕获阶段”（cap
2022-01-01 12:31:44
142
转载 Axios
Axios定义Axios是前端最流行的ajax请求库Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。特性从浏览器创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求和响应数据取消
2021-12-25 09:42:53
63
转载 this的指向
this的指向this就是一个指针，指向调用函数的对象。函数的this在调用时绑定的，完全取决于函数的调用位置（也就是函数的调用方法）。思维导图本节精华：this 总是（非严格模式下）指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境；除了不常用的with和eval的情况，具体到实际应用中，this指向大概可以分为四种：作为对象的方法调用；作为普通函数调用；构造器调用；call 或 apply调用；箭头函数中，this指向函数上层作用域的
2021-12-18 09:33:35
104
转载 闭包的总结
1、概念**闭包函数：**声明在一个函数中的函数，叫做闭包函数。**闭包：**内部函数总是可以访问其所在的外部函数中声明的参数和变量，即使在其外部函数被返回（寿命终结）了之后。2、特点让外部访问函数内部变量成为可能；局部变量会常驻在内存中；可以避免使用全局变量，防止全局变量污染；会造成内存泄漏（有一块内存空间被长期占用，而不被释放）3、闭包的创建：闭包就是可以创建一个独立的环境，每个闭包里面的环境都是独立的，互不干扰。闭包会发生内存泄漏，**每次外部函数执行的时候，外部函数的引用地址不同，
2021-12-18 09:29:42
59
原创 数组操作（栈方法、队列方法、重排序等）
数组数组是数据的有序列表，数组是引用类型使用new操作符来创建数组var arr = new Array(); //创建⼀个空数组 var arr = new Array(10); //创建了⼀个包含10个元素的数组 var arr = new Array('你好') //创建了⼀个数组，并且分配好了元素 var arr = new Array(10,10); //创建了⼀个数组，并且分配好了两个元素，内容分别都是10可以省略new操作符var arr = Array(); //省略new
2021-12-11 09:27:52
104
转载 W3C规范
1.什么是DOCTYPEDOCTYPE是document type(文档类型)的简写，用来说明你用的XHTML或HTML是什么版本。其中的DTD(例如xhtml1-transitional.dtd)叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的DTD来解释你页面的标识，并展现出来。要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS都不会生效。XHTML 1.0 提供了三种DTD声明可供选择：过渡的(T
2021-12-04 09:59:08
139
转载 javascript的执行机制
javascript的执行机制1.关于JavaScriptJavaScript是一门单线程语言，在最新的HTML5中提出了Web-Worker，但JavaScript是单线程这一核心仍未改变。所以一切JavaScript版的”多线程”都是用单线程模拟出来的，一切JavaScript多线程都是纸老虎！2.JavaScript事件循环既然JS是单线程，那就像只有一个窗口的银行，客户需要排队一个一个办理业务，同理JS任务也要一个一个顺序执行。如果一个任务耗时过长，那么后一个任务也必须等着。那么问题来了，假
2021-11-27 09:36:58
199
转载 Html5Css3自适应布局
Html5Css3自适应布局布局单位：绝对单位：px相对单位em：针对于父元素rem：针对于根（html）元素vh：100%高vw：100%宽补充谷歌浏览器默认字体大小: 16px 最小值12px1em=16px 10px=0.625em 10px=62.5em自适应布局-网页适应各种屏幕大小：移动端webapp：<!DOCTYPE html><html lang="en"> <head>
2021-11-18 09:49:35
236
转载 浏览器内核以及解决兼容性的方法
浏览器内核以及解决兼容性的方法浏览器内核：分类：1.Trident（IE内核）Trident(IE内核)：该内核程序在1997年的IE4中首次被采用，是微软在Mosaic代码的基础之上修改而来的，并沿用到IE11，也被普遍称作”IE内核”。Trident实际上是一款开放的内核，其接口内核设计的相当成熟，因此才有许多采用IE内核而非IE的浏览器(壳浏览器)涌现。由于IE本身的“垄断性”（虽然名义上IE并非垄断，但实际上，特别是从Windows 95年代一直到XP初期，就市场占有率来说IE的确借助Wi
2021-11-08 19:57:31
1371
转载 命名法规范
命名法几种常见的程序命名规则正确并形象地给函数、变量命名，不仅可以增加程序的可读性，也是程序员编程风格的一种反映。较好的命名习惯，可以有效的提高程序的可维护性。以下介绍几种常用的变量命名规则。1.匈牙利命名法：匈牙利命名法通过在变量名前面加上相应的小写字母的符号标识作为前缀，标识出变量的作用域，类型等。匈牙利命名法关键是：标识符的名字以一个或者多个小写字母开头作为前缀；前缀之后的是首字母大写的一个单词或多个单词组合，该单词要指明变量的用途。例如：bEnablenLengthhWnd属性
2021-11-02 10:28:21
152
转载 异常以及处理
异常什么是异常：实际工作中，遇到的情况不可能是非常完美的。比如：你写的某个模块，用户输入不一定符合你的要求、你的程序要打开某个文件，这个文件可能不存在或者文件格式不对，你要读取数据库的数据，数据可能是空的等。我们的程序再跑着，内存或硬盘可能满了，等等。软件程序在运行过程中，非常可能遇到刚刚提到的这些异常问题，我们叫异常，英文是：Exception意思是例外。这些，例外情况，或者叫异常，怎么让我们写的程序做出合理的处理。而不至于程序崩溃。异常指程序运行中出现的不期而至的各种状况，比如：文件找不到、网
2021-06-23 16:03:42
56
原创 接口与内部类
接口普通类：只有具体实现抽象类：具体实现和规范（抽象方法）都有接口：只有规范 自己无法写方法（专业的约束） 约束和实现分离：面向接口编程接口就是规范，定义的十一组规则，体现了现实世界中“如果你是…则必须能…”的思想。接口的本质是契约，就像我们人间的法律一样，制定好后大家都遵守声明类的关键字是class，声明接口的关键字是interface作用：约束定义一些方法，让不同的人实现方法默认：public abstract常量默认：public static final接口不能被
2021-06-23 09:43:27
47
原创 封装、继承、多态、抽象类
封装、继承、多态封装该露的露，该藏的藏我们程序设计要追求高内聚，低耦合。高内聚就是类的内部数据操作细节自己完成，不允许外部干涉；低耦合就是仅暴露少量的方法给外部使用封装（数据的隐藏）通常，应禁止直接访问一个对象中数据的实际表示，而应通过操作接口来访问，这称为信息隐藏属性私有，get/set举例代码：创建方法：package oop.demo04;//类： private：私有public class Student { //属性私有 priva
2021-06-21 16:35:27
160
原创 面向对象内容
面向对象面向过程 & 面向对象面向过程：步骤清晰简单，第一步做什么，第二步做什么…面对过程适合处理一些较为简单的问题面向对象思想：物以类聚，分类的思维模式，思考问题首先会解决问题需要哪些分类，然后对这些分类进行单独思考。最后，才对某个分类下的细节进行面向过程的思索面向对象适合处理复杂的问题，适合处理需要多人协作的问题对于描述复杂的事物，为了从宏观上把握、从整体上合理分析，我们需要使用面向对象的思路来分析整个系统。但是，具体到微观操作，仍然需要面向过程的思路去处理。什
2021-06-18 17:36:19
93
原创 java数组
数组数组的定义数组是相同类型数据的有序集合数组描述的是相同类型的若干个数据，按照一定的先后次序排列组合而成其中，没一个数据称作一个数组元素，每个数组元素可以通过一个下标来访问他们数组的声明创建首先必须声明数组变量，才能在程序中使用数组。下面是声明数组变量的语法：dataType[] arrayRefVar; //首选的方法或dataType arrayRefVar[]; //效果相同，但不是首选方法Java语言使用new操作符来创建数组，语法如下：dataType[]
2021-06-18 10:58:38
60
转载 Java的方法定义运用
Java方法Java方法是语句的集合，他们在一起执行一个功能方法是解决一类问题的步骤的有序组合方法包含于类或对象中方法在程序中被创建，在其他地方被引用设计方法的原则：方法的本意是功能块，就是实现某个功能的语句块的集合。我们设计方法的时候，最好保持方法的原子性，就是一个方法只完成一个功能，这样利于我们后期的扩展。方法的定义Java的方法类似于其他语言的函数，是一段用来完成特定功能的代码片段，一般情况下，定义一个方法包含以下语法：方法包含一个方法头和一个方法体。下面是一个方法的所有部
2021-06-16 15:21:48
102
原创 循环结构详细
循环结构while循环while是最基本的循环，它的结构为：while(布尔表达式){ //循环内容}只要布尔表达式为true，循环就会一直执行下去我们大多数情况是会让循环停下来，我们需要一个表达式失效的方式来结束循环少部分情况需要循环一直执行，比如服务器的请求响应监听等循环条件一直为true就会造成无限循环【死循环】，我们正常的业务编程中应该尽量避免死循环。会影响程序性能或者造成程序卡死崩溃！ //输出1+~100=? int i = 0
2021-06-15 16:00:33
283
原创 switch多选择结构
switch多选择结构多选择结构还有一个实现方式是switch case语句switch case语句判断一个变量与一系列值中某个值是否相等，每个值被称为一个分支switch语句中的变量类型可以是byte、short、int、char从Java SE 7开始，switch支持字符串String类型了同时case标签必须为字符串常量或字面量记得每句case后都要加上break; //case穿透 //switch匹配一个具体的值 char grade = 'C
2021-06-15 10:31:40
1109
原创 if语句判断
if判断语句if单选择结构 Scanner scanner = new Scanner(System.in); System.out.println("请输入内容："); String s = scanner.nextLine(); //equals：判断字符串是否相等 if (s.equals("Hello")){ System.out.println(s); }
2021-06-15 09:58:05
338
原创 Scanner的扩展
Scanner扩展输入整数和小数package scanner;import java.util.Scanner;public class Demo04 { public static void main(String[] args) { Scanner scanner = new Scanner(System.in); //从键盘接收数据 int i=0; float f=0.0f; System.ou
2021-06-15 09:19:31
115
1
原创 Scanner对象
Scanner对象通过Scanner类来获取用户的输入基本语法：Scanner s = new Scanner(System.in);通过Scanner类的next()与nextLine()方法获取输入的字符串在读取前我们一般需要使用hasNext()与hasNextLine()判断是否还有输入的数据next()：一定要读取到有效字符后才可以结束输入对输入有效字符之前遇到的空白，next()方法会自动将其去掉只有在输入有效字符后才将其后面输入的空白作为分隔符或者结束符next()
2021-06-11 17:05:56
32
原创 java运算符
运算符Java语言支持如下运算符：算术运算符：+，-，*，/，%，++，–赋值运算符：=关系运算符：>，<，>=，<=，==，!=，instanceof逻辑运算符：&&，||，！位运算符：&，|，^，~，>>，<<，>>>条件运算符：?，:扩展赋值运算符：+=，-=，*=，/=二次运算符 //二元运算符 //ctrl+D：复制当前行到下一行 int
2021-06-11 10:54:28
1117
原创 类型的转换
类型转换强制转换 //强制转换 （类型）变量名 高——低 int x = 128; byte y = (byte)x; //内存溢出 System.out.println(x); //128 System.out.println(y); //-128自动转换 //自动转换 低——高 int a = 128; double b = a; System.o
2021-06-10 17:16:30
62
原创 数据类型的拓展
数据类型的拓展整数拓展//整数拓展 进制 二进制0b 十进制 八进制0 十六进制0xint i = 10;int i2 = 010; //八进制0int i3 = 0x11; //十六进制0x 0~9 A~FSystem.out.println(i); //10System.out.println(i2); //8System.out.println(i3); //17浮点数拓展//银行业务，钱用 BigDecimal 数学
2021-06-10 16:42:48
83
原创 八大数据类型
八大数据类型整数型byte占1个字节范围：-128—127short占2个字节范围：-32768—32767int占4个字节范围：-2147483648-2147483647long占8个字节范围： -9223372036854775808—9223372036854775807浮点型float占4个字节double占8个字节字符型char占2个字节布尔类型boolean占1位，只有true和false两个值位与字节位（bit）：是计算机内部数据储存的最小单位，1
2021-06-10 15:31:42
702
原创 HelloWorld
HelloWorld新建一个文件夹存放代码新建一个java文件文件后缀名为javaHello.java【注意点】系统可能没有显示后缀名，需要手动打开编写代码public class Hello{ public static void main(String[] args){ System.out.print("Hello World!"); }}编译javac java文件，会生成一个class文件打开cmd运行class文件，java classj
2021-06-10 09:10:18
31
原创 JDK的卸载与安装
卸载JDK删除Java的安装目录删除JAVA_HOME删除path下关于Java的目录cmd中输入java -version安装JDK百度搜索JDK8，找到下载地址同意协议下载电脑对应的版本双击安装JDK记住安装的路径配置环境变量我的电脑–>右键–>属性环境变量–>JAVA_HOME名称设置为JAVA_HOME地址为JDK安装地址配置path变量在path中新建：%JAVA_HOME%\bin在path中新建：%JAVA_HOME%\jr
2021-06-09 17:29:13
38
原创 CMD的简单操作
打开CMD的方式：开始 + 系统 + 命令提示符Win键 + R输入 cmd 打开控制台（推荐使用）在任意文件下面，按住 shift + 鼠标右键点击，在此处打开命令行窗口资源管理器的地址栏前面加上 cmd 路径管理员方式运行：选择以管理员方式运行常用的Dos命令：#盘符切换 D:#查看当前目录下所有文件 dir#切换目录 cd (change directory) cd /d 文件名 (异盘) cd .. (退回上一级) cd 文件名 (同盘内查找)#清理屏幕 cls
2021-06-09 16:01:23
75
原创 Markdown的使用
Markdown学习标题三级标题四级标题字体RUA!RUA!RUA!~~RUA!引用这是一个引用，惊了！分割线图片[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GS162sz3-1623208399122)(C:\D\画\随手练\贴贴\DLY爽爽.jpg)]超链接点击跳转地址列表AAABBBCCCaaabbbccc表格名字性别生日秦川男1994.3.3代码wowpublic
2021-06-09 11:15:41
52
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人