Sweet_pin-CSDN博客

原创 AJAX学习

文章目录一、原生 AJAX1.1 AJAX 简介1.2 XML 简介1.3 AJAX 的特点1.3.1 AJAX 的优点1.3.2 AJAX 的缺点1.4 AJAX 的使用1.4.1 核心对象1.4.2 使用步骤1.4.3 代码示例1.4.4 解决 IE 缓存问题1.4.5 请求超时与网络异常1.4.6 取消请求1.4.7 重复请求问题二、jQuery 中的 AJAX三、axios 发送 AJAX请求3.1 fetch发送AJAX请求三、跨域3.1 同源策略3.2 如何解决跨域3.2.1 JSONP3.2.

2022-03-29 12:11:34 1384

原创农行面经整理

本文为农行研发中心面试题的汇总，如果需要pdf版本的可以从我的资源中进行下载Java集合和数组的区别：常用集合的分类Collection 接口的接口对象的集合（单列集合）├——-List 接口：元素按进入先后有序保存，可重复│—————-├ LinkedList 接口实现类，链表，插入删除，没有同步，线程不安全│—————-├ ArrayList 接口实现类，数组，随机访问，没有同步，线程不安全│—————-└ Vector 接口实现类数组，同步，线程安全│ —

2021-12-21 16:15:10 1560 1

原创前端面经-操作系统与网络原理

前端面经-操作系统与网络原理HTTP1.0参考链接早先1.0的HTTP版本，是一种无状态、无连接的应用层协议。HTTP1.0规定浏览器和服务器保持短暂的连接，浏览器的每次请求都需要与服务器建立一个TCP连接，服务器处理完成后立即断开TCP连接（无连接），服务器不跟踪每个客户端也不记录过去的请求（无状态）。这种无状态性可以借助cookie/session机制来做身份认证和状态记录。而下面两个问题就比较麻烦了。首先，无连接的特性导致最大的性能缺陷就是无法复用连接。每次发送请求的时候，都需要进行一次T

2021-12-21 16:06:43 553

转载 Vuex详解

文章目录一、Vuex简介与案例1.1 单界面的状态管理1.2 多界面状态管理1.3 简单的案例二、Vuex核心概念2.1 State单一状态树2.2 Getters基本使用2.3 Mutation2.3.1 Mutation状态更新2.3.2 Mutation传递参数2.3.3 Mutation提交风格2.3.4 Mutation响应规则2.3.5 Mutation常量类型 – 概念2.3.6 Mutation常量类型 – 代码2.3.7 Mutation同步函数2.4 Action2.4.1 Action

2021-12-21 15:56:58 601

原创 Vue面经

Vue面经v-if：判断是否为真，然后重组、销毁DOM 节点v-else：配合v-if 使用v-on：添加事件v-for：数据循环v-bind：class 绑定一个属性v-model用于表单数据的双向绑定，其实它就是一个语法糖，这个背后就做了两个操作：1. v-bind绑定一个value属性2. v-on指令给当前元素绑定input事件一、对于MVVM的理解MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型，也可以在Model中定义数据修改和操作的

2021-12-21 15:39:17 763

原创 08-创建和管理表

文章目录1. 数据库的创建与删除2. 表的创建2.1 CREATE TABLE语法：2.2 使用子查询创建表3. 表的修改4. 表的删除5. 表的复制6. 数据类型（了解）6.1 整型6.2 小数6.3 字符型6.4 日期型1. 数据库的创建与删除（1）数据库的创建：语法：create database [if not exists] 库名创建一个保存员工信息的数据库create database employees;create database if not exists emplo

2021-09-01 15:23:11 231

原创 07-数据处理之增删改

文章目录1. 插入数据2. 更改数据2.1 修改单表数据2.2 修改多表数据3. 删除数据3.1 单表的删除3.2 多表的删除3.3 truncate删除4. 案例讲解数据操纵语言-DML(Data Manipulation Language) 可以在下列条件下执行:向表中插入数据修改现存数据删除现存数据事务是由完成若干项工作的DML语句组成的1. 插入数据INSERT 语句：使用INSERT 语句向表中插入数据。语法一：INSERT INTO table [(column [, c

2021-08-30 10:17:02 283

原创 06-分页查询、联合查询

文章目录1. 分页查询2. 联合查询3. 查询相关测试题讲解1. 分页查询应用场景：当要显示的数据，一页显示不全，需要分页提交sql请求语法：SELECT 查询列表FROM 表JOIN TYPE 表2ON 连接条件WHERE 筛选条件GROUP BY 分组字段HAVING 分组后的筛选ORDER BY 排序后的字段LIMIT offset,sizeoffset: 要显示的条目的起始索引（起始索引从0开始）size：要显示的条目个数offset是可选的，默认为0#案例1：

2021-08-28 17:21:29 230

原创 05-MySQL子查询

文章目录1. 子查询分类2. WHERE或HAVING后面2.1 标量子查询2.2 列子查询2.3 行子查询（用得少）3. exists后面的子查询概念：出现在其他语句内部的select语句，称为子查询或内查询内部嵌套其他select语句的查询，称为外查询或主查询示例：select first_name from employees where department_id in( select department_id from departments where locati

2021-08-27 11:24:55 254

原创 04-MySQL分组查询与多表查询

1. 分组查询分组数据: GROUP BY 子句语法可以使用GROUP BY子句将表中的数据分成若干组SELECT column, group_function(column)FROM table[WHERE condition][GROUP BY group_by_expression][ORDER BY column];明确：WHERE一定放在FROM后面在SELECT 列表中所有未包含在组函数中的列都应该包含在GROUP BY 子句中。SELECT department_id,

2021-08-26 11:18:18 1030

原创 03-MySQL常见函数

文章目录1. 单行函数1.1 字符函数1.2 数学函数1.3 日期函数1.4 流程控制函数1.5 其他函数2. 分组函数1. 单行函数1.1 字符函数length：获取字节个数concat：字符串拼接SELECT CONCAT(last_name, '_', first_name) 姓名FROM employees;upper、lower：字符转换为大小写SELECT UPPER('john');SELECT LOWER('john');# 将姓变大写，名变小写，然后拼接SELE

2021-08-25 09:09:29 496

原创 02-MySQL基础查询、条件查询和排序查询

文章目录1. 基本SELECT语句1.1 查询字段1.2 选择字符串1.3 查询常量1.4 去重1.5 +运算2.条件查询2.1 条件表达式2.2 逻辑表达式2.3 模糊查询3. 排序查询1. 基本SELECT语句SELECT *|{[DISTINCT] column|expression[alias],...}FROM table;SELECT 标识选择哪些列。FROM 标识从哪个表中选择。类似于Java中 :System.out.println(要打印的东西);特点：(1)通过sel

2021-08-24 17:32:54 532

原创 01-数据库与MySql简介

数据库与MySql简介1.数据库简介1.1 数据库的好处1.持久化数据到本地2.可以实现结构化查询，方便管理1.2 数据库相关概念1、DB：数据库（database），保存一组有组织的数据的容器2、DBMS：数据库管理系统（Database Management System），又称为数据库软件（产品），用于管理DB中的数据3、SQL：结构化查询语言（Structure Query Language），用于和DBMS通信的语言常见的数据库管理系统：MySQL、Oracle、DB2、SqlS

2021-08-24 16:34:15 123

原创前端存储方式总结

前端存储方式总结1. Cookie存储Cookie诞生之初的作用就是解决HTTP的无状态请求，用来记录一些用户相关的一些状态。Cookie是一小段文本信息，伴随着用户请求在 Web 服务器和浏览器之间传递，其大小限制在4k左右（不同浏览器略有不同）。1.1 Cookie的格式因为浏览器提供了 cookie 属性给 JavaScript，所以可以通过 document.cookie 来访问这个页面中的cookie。这是一串字符串，仔细观察，我们可以发现规律。每个 cookie 都以名/值对的形式

2021-07-15 09:35:14 1355

原创 2. LeetCode题解 - 排序算法

文章目录1. 冒泡排序2. 选择排序3. 插入排序4. 希尔排序（了解）5. 归并排序（重点）6. 快速排序（重点）7. 堆排序（重要）预备知识堆排序基本思想及步骤代码实现3 种「非比较」的排序算法8. 计数排序9 桶排序LeetCode相关题目及题解215. 数组中的第K个最大元素（中等）347. 前K个高频元素（中等）451 按照字符出现频率排序（中等）Java中Map的遍历方式75. 颜色分类（中等）1. 冒泡排序冒泡排序（Bubble Sort）是一种简单直观的排序算法。它重复地走访过要排序的

2021-07-09 11:31:19 1073 1

原创 CSS盒子居中的方法

CSS盒子居中的方法1. CSS盒子水平居中的方法1.1 使用 margin: 0 auto;当元素的左右外边距（margin）相等的时候，元素就处在中间位置，这可以通过将左右外边距都设为auto来实现。如果是块级元素通常还需要定义宽度。如下所示：section { width: 400px; margin: 0 auto;}注意，如果把上下外边距设为auto，并不能实现垂直居中，因为这时候auto相当于0.1.2 把盒子转成行内块，然后用 text-align 属性使盒子

2021-07-06 16:54:29 14224

原创 v-if 与 v-show、computed与methods的区别

v-if 与 v-show 的区别共同点：v-if 和 v-show 都能实现元素的显示隐藏区别：v-show 只是简单的控制元素的 display 属性，而 v-if 才是条件渲染v-show 仅是隐藏 / 显示，值为 false 时，该元素依旧存在于 dom 树中。若其原有样式设置了 display: none 则会导致其无法正常显示。而 v-if 才是真实的条件渲染（条件为真，元素将会被渲染，条件为假，元素会被销毁）。v-if 是动态添加，当值为 false 时，是完全移除该元素，即 d

2021-07-05 11:39:58 523

原创 12.3 ES6 新特性- Set、Map、class 类和模块化

文章目录1. Set2. Map3. class 类3.1 类的定义与声明3.2 类的属性3.3 类的方法3.4 类的实例化3.5 继承4. 模块化4.1 特点4.2 export 与 import4.3 import 命令的特点4.4 as 的用法5. 数值扩展1. SetES6 提供了新的数据结构Set（集合）。类似于数组，但Set 中元素值都是唯一的，Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。集合实现了iterator 接口，所以可以使用『扩展运算符』和『for…of

2021-06-29 16:26:44 500

原创 12.2 ES6新特性：Symbol、Promise、迭代器和生成器

文章目录1. Symbol1.1 Symbol 基本使用1.2 Symbol 属性和方法2. Promise2.1 Promise对象特点2.2 Promise用法2.3 Promise 链式操作2.4 Promise catch方法：捕捉错误2.5 Promise.all方法，Promise.race方法2.6 Promise 优缺点3. 迭代器3.1 for...of 循环3.2 迭代器4. 生成器1. Symbol1.1 Symbol 基本使用symbol 是一种基本数据类型，表示独一无二的值

2021-06-26 20:51:11 625

原创 12.1 ES6 新特性: let和const关键字、解构、箭头函数、rest和spread

文章目录1. ECMASript 相关介绍2. let 和 const 关键字2.1 let 关键字2.2 const 关键字3. 解构赋值3.1 数组解构3.2 解构对象4. 模板字符串5. 简化对象写法6. 箭头函数7. 剩余参数（rest 参数）8. spread 扩展运算符1. ECMASript 相关介绍ECMA（European Computer Manufacturers Association）中文名称为欧洲计算机制造商协会，这个组织的目标是评估、开发和认可电信和计算机标准。1994

2021-06-26 15:12:05 344

原创 11. JavaScript 正则表达式

声明：本人前端学习笔记的所有内容均为b站上pink老师课程的学习笔记，如果想详细了解的可以搜索以下网址：2019全新javaScript进阶面向对象ES6文章目录1. 正则表达式概述2. 正则表达式在 JavaScript中的使用2.1 创建正则表达式2.2 测试正则表达式 test3. 正则表达式中的特殊字符3.1 正则表达式的组成3.2 边界符3.3 字符类3.4 量词符3.5 括号总结3.6 预定义类3.7 案例4. 正则表达式中的替换1. 正则表达式概述正则表达式（ Regular Exp

2021-06-24 08:39:11 190 1

转载给行内元素设置padding和margin是否有效

给行内元素设置padding和margin是否有效1.行内元素拥有盒子模型么答案是是的。没错，行内元素跟块级元素一样，同样拥有盒子模型。2. 行内元素的padding和margin值的设置是否有效块级元素的padding和margin值的设置都是有效的。那么行内元素的padding和margin值的设置是否有效呢。2.1 margin值首先看margin值的设置：可以看出margin-top和margin-bottom并没有起作用。下面看左右外边距：可以看到行内元素的margin-le

2021-06-23 20:20:30 5307 2

转载 JavaScript 如何判断一个变量是否为数组类型

JavaScript 如何判断一个变量是否为数组类型我们如何判断一个变量是否为数组类型呢？今天来给大家介绍七种方式，别走开，这肯定会被问到的~继续往下看吧首先先告诉你们， typeof 是无法判断一个变量是否为数组类型的，我们来看一下例子：let arr = [1, 2, 3]console.log(typeof arr)// object 最后输出的是object对象方法一使用 instanceof 运算符，该运算符左边是我们想要判断的变量，右边则是我们想要判断的对象的

2021-06-22 16:35:26 535 1

原创 10. JavaScript函数进阶-this、闭包、递归、深浅拷贝

声明：本人前端学习笔记的所有内容均为b站上pink老师课程的学习笔记，如果想详细了解的可以搜索以下网址：2019全新javaScript进阶面向对象ES6文章目录1. 函数的定义和调用1.1 函数的定义方式1.2 函数的调用方式2. this2.1 函数内this的指向2.2 改变函数内部this指向2.2.1 call()方法2.2.2 apply()方法2.2.3 bind()方法2.3 call apply bind 总结（重要）3. 严格模式3.1 开启严格模式3.2 严格模式中的变化4. 高阶

2021-06-22 15:59:27 513 1

原创网页轮播图制作

网页轮播图制作轮播图也称为焦点图，是网页中比较常见的网页特效。功能需求：鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮。点击右侧按钮一次，图片往左播放一张，以此类推，左侧按钮同理。图片播放的同时，下面小圆圈模块跟随一起变化。点击小圆圈，可以播放相应图片。鼠标不经过轮播图，轮播图也会自动播放图片。鼠标经过，轮播图模块，自动播放停止。HTML 结构<script src="js/index.js"></scrip

2021-06-21 10:16:10 6816 1

原创 8. JavaScript 构造函数和原型、ES5继承

声明：本人前端学习笔记的所有内容均为b站上pink老师课程的学习笔记，如果想详细了解的可以搜索以下网址：2019全新javaScript进阶面向对象ES6文章目录1. 构造函数和原型1.1 概述1.2 构造函数1.3 构造函数的问题1.4 构造函数原型 prototype1.5 对象原型_proto__1.6 constructor 构造函数1.7 构造函数、实例、原型对象三者之间的关系1.8 原型链2. 继承2.1 call()2.2 借用构造函数继承父类型属性2.3 借用原型对象继承父类型方法2.4

2021-06-21 08:58:28 840 9

转载 9. JavaScript 面向对象

JavaScript 面向对象1. 面向对象编程介绍面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作。在面向对象程序开发思想中，每一个对象都是功能中心，具有明确分工。面向对象编程具有灵活、代码可复用、容易维护和开发的优点，更适合多人合作的大型软件项目。面向对象的特性：封装性继承性多态性面向过程和面向对象的对比面向过程：优

2021-06-19 17:43:52 119

原创 LeetCode刷题 - Java常用输入输出

LeetCode刷题 - Java常用输入输出基本语法导包import java.util.Scanner;//或者直接导入下面两个包import java.util.*;import java.io.*;常用输入Scanner sc = new Scanner(System.in);//读一个整数int n = sc.nextInt();//读一个字符串,遇到分号则输入终止String s = sc.next();//读一个浮点数double t = sc.nextDoubl

2021-06-11 17:31:31 3949

原创 7. PC端网页特效

声明：本人前端学习笔记的所有内容均为b站上pink老师课程的学习笔记，如果想详细了解的可以搜索以下网址：H5C3+移动布局：黑马程序员pink老师前端入门视频教程 HTML5+CSS3+移动端布局-flex布局rem布局响应式布局摹客蓝湖使用-简单有趣好玩JavaScript系列：JavaScript基础语法-dom/bom-es6-jQuery-数据可视化echarts-包含笔记源码作业黑马程序员pink老师前端入门视频教程（持续更新）文章目录1. 元素偏移量offset 系列1.1 off

2021-06-09 22:44:08 1454 1

原创 6. BOM 浏览器对象模型

声明：本人前端学习笔记的所有内容均为b站上pink老师课程的学习笔记，如果想详细了解的可以搜索以下网址：H5C3+移动布局：黑马程序员pink老师前端入门视频教程 HTML5+CSS3+移动端布局-flex布局rem布局响应式布局摹客蓝湖使用-简单有趣好玩JavaScript系列：JavaScript基础语法-dom/bom-es6-jQuery-数据可视化echarts-包含笔记源码作业黑马程序员pink老师前端入门视频教程（持续更新）文章目录1 什么是BOM2. window 对象的常见事

2021-06-06 22:02:02 688 10

原创 5. 事件高级

声明：本人前端学习笔记的所有内容均为b站上pink老师课程的学习笔记，如果想详细了解的可以搜索以下网址：H5C3+移动布局：黑马程序员pink老师前端入门视频教程 HTML5+CSS3+移动端布局-flex布局rem布局响应式布局摹客蓝湖使用-简单有趣好玩JavaScript系列：JavaScript基础语法-dom/bom-es6-jQuery-数据可视化echarts-包含笔记源码作业黑马程序员pink老师前端入门视频教程（持续更新）文章目录1. 注册事件（绑定事件）1.1 注册事件概述1

2021-06-04 09:50:13 447

原创 4. DOM简介与增删查改属性操作

声明：本人前端学习笔记的所有内容均为b站上pink老师课程的学习笔记，如果想详细了解的可以搜索以下网址：H5C3+移动布局：黑马程序员pink老师前端入门视频教程 HTML5+CSS3+移动端布局-flex布局rem布局响应式布局摹客蓝湖使用-简单有趣好玩JavaScript系列：JavaScript基础语法-dom/bom-es6-jQuery-数据可视化echarts-包含笔记源码作业黑马程序员pink老师前端入门视频教程（持续更新）文章目录API 和 Web APIDOM简介与增删查改属

2021-06-02 17:30:12 1274 2

原创 Leetcode 题解 - 数学

Leetcode 题解 - 数学204. 计数质数统计所有小于非负整数 n 的质数的数量。（素数的定义很简单，如果一个数如果只能被 1 和它本身整除，那么这个数就是素数。）输入：n = 10输出：4解释：小于 10 的质数一共有 4 个, 它们是 2, 3, 5, 7 。解题思路：如果采用枚举法的话，思路是这样的：int countPrimes(int n) { int count = 0; for (int i = 2; i < n; i++) if

2021-05-31 21:27:56 1583

原创 3 JavaScript 对象与内置对象

声明：本人前端学习笔记的所有内容均为b站上pink老师课程的学习笔记，如果想详细了解的可以搜索以下网址：H5C3+移动布局：黑马程序员pink老师前端入门视频教程 HTML5+CSS3+移动端布局-flex布局rem布局响应式布局摹客蓝湖使用-简单有趣好玩JavaScript系列：JavaScript基础语法-dom/bom-es6-jQuery-数据可视化echarts-包含笔记源码作业黑马程序员pink老师前端入门视频教程（持续更新）文章目录一、JavaScript 对象1. 对象2. 创

2021-05-28 11:07:21 772

转载 Leetcode 题解 - 分治算法

Leetcode 题解 - 分治算法其实，回溯、分治和动态规划算法可以划为一类，因为它们都会涉及递归。回溯算法就一种简单粗暴的算法技巧，说白了就是一个暴力穷举算法，比如让你用回溯算法求子集、全排列、组合，你就穷举呗，就考你会不会漏掉或者多算某些情况。动态规划是一类算法问题，肯定是让你求最值的。因为动态规划问题拥有最优子结构，可以通过状态转移方程从小规模的子问题最优解推导出大规模问题的最优解。==分治算法呢，可以认为是一种算法思想，通过将原问题分解成小规模的子问题，然后根据子问题的结果构造出原问题的答

2021-05-27 15:23:06 892

原创 2.4 JavaScript 作用域与预解析

声明：本人前端学习笔记的所有内容均为b站上pink老师课程的学习笔记，如果想详细了解的可以搜索以下网址：H5C3+移动布局：黑马程序员pink老师前端入门视频教程 HTML5+CSS3+移动端布局-flex布局rem布局响应式布局摹客蓝湖使用-简单有趣好玩JavaScript系列：JavaScript基础语法-dom/bom-es6-jQuery-数据可视化echarts-包含笔记源码作业黑马程序员pink老师前端入门视频教程（持续更新）文章目录一、 JavaScript 作用域1. 作用域2

2021-05-26 20:59:51 280 4

原创 LeetCode题解 - 双指针

BFS算法文章目录BFS算法LeetCode题解 - 双指针一、快慢指针的常见算法141. 环形链表（简单）142. 环形链表II （中等）876. 链表的中间节点（简单）剑指offer 22. 链表中倒数第k个节点（简单）二、左右指针的常用算法1. 二分查找167. 两数之和 II - 输入有序数组（简单）633. 平方数之和（中等）344. 反转字符串（简单）345. 反转字符串中的元音字母（简单）541. 反转字符串 II （简单）189. 旋转数组（中等）680. 验证回文串 II (简单)88.

2021-05-26 15:14:22 656

农行研发中心-校招常见面试题汇总.pdf

前端开发校招面试题大全.7z

机器学习个人笔记完整版v5.4.docx

空空如也