TypeScript学习笔记 简介TypeScript 是 JavaScript 的一个超集，主要提供了 类型系统 和对 ES6 的支持，由 Microsoft 开发。应用：vue3.0，angular2.0，vscode...编译型语言：编译为 js 后运行，单独无法运行 强类型语言 面向对象的语言语言特性TypeScript 是一种给 JavaScript 添加特性的语言扩展。增加的功能包括：类型...
前端复习题库 HTTPS和HTTP的主要区别1、https协议需要到ca申请证书，一般免费证书较少，因而需要一定费用。2、http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl加密传输协议。3、http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。4、http的连接很简单，是无状态的；HTTPS协议是由SSL+HTTP协议构建的可进行加密...
Babel和Webpack打包原理学习笔记 一、babelbabel是一个JS编译器，用来转换最新的JS语法，比如把ES6, ES7等语法转化成ES5语法，从而能够在大部分浏览器中运行。像箭头函数，就可以做转换。babel在执行过程中，分三步：先分析(parsing)、再转化、最后生成代码。但babel只转换语法的话，一些最新的api是不转化的，比如Object.assign， Promise等。所以babel还提供了很多插件，也就...
Vue和React学习笔记 MVVM模式 Model：负责数据存储 View：负责页面展示 View Model：负责业务逻辑处理（比如Ajax请求等），对数据进行加工后交给视图展示 Vue框架的特点 模板渲染：基于 html 的模板语法，学习成本低。 响应式的更新机制：数据改变之后，视图会自动刷新。【重要】 渐进式框架 组件化/模块化 轻量：开...
Promise，async，await学习笔记 Promise概述Promise对象: 代表了未来某个将要发生的事件(通常是一个异步操作)。ES6中的promise对象, 可以将异步操作以同步的流程表达出来，很好地解决了回调地狱的问题（避免了层层嵌套的回调函数）。在使用ES5的时候，在多层嵌套回调时，写完的代码层次过多，很难进行维护和二次开发。promise对象的3个状态 初始化状态（等待状态）：pending 成功...
ES6学习笔记 ECMAScript 的各大版本 ES5 : 09年发布。 ES6：ECMAScript 2015年6月 ES7：ECMAScript 2016 ES8：ECMAScript 2017 ES6 的其他优势 使用 babel 语法转换器，支持低端浏览器。 流行的库基本都是基于 ES6 构建。 React 默认使用 ES6 标准开发。 ES6...
vue中动态添加节点和动态绑定事件 需求：在vue模块中需要动态append一段dom节点代码，同时代码里面有@click等绑定事件，但是绑定事件无效原因：vue开发的代码是需要挂载编译后，再渲染成html代码的，直接append进去不认识vue的语法解决方法一：先手动挂载需要添加的节点，再追加到代码里。参考以下代码createMapAuthSetting: function () { var app = ...
Exif.js用法，解决手机照片逆时针旋转90° 逆时针旋转90°原因：手机照片带有EXIF信息，里面含有orientation旋转标记exif用法demo<!doctype html><html><head><title>exif例子</title><script src="https://cdn.jsdelivr.net/npm/exif-js">&...
html中图片保持原比例自适应div大小 自适应+居中代码<div style="width:500px;height:500px;display:flex;justify-content:center;align-items:center"> <img src="2.jpg" style="width:100%;height:auto"></div>效果图（ps：原图是长方形的，div盒...
Java实现深度优先遍历和广度优先遍历 深度优先遍历public static void depthterator(BiTree root){ if(root == null){ return; } Stack<BiTree> stack = new Stack<>(); //深度遍历，利用栈后进先出的特性 stack....
Java秋招面试相关 Java常见异常算术异常类：ArithmeticExecption空指针异常类：NullPointerException类型强制转换异常：ClassCastException数组下标越界异常：ArrayIndexOutOfBoundsException文件未找到异常：FileNotFoundException字符串转换为数字异常：NumberFormatException...
TCP的三次握手和四次挥手 2.1 TCP 三次握手漫画图解如下图所示，下面的两个机器人通过3次握手确定了对方能正确接收和发送消息(图片来源：《图解HTTP》)。简单示意图：客户端–发送带有 SYN 标志的数据包–一次握手–服务端 服务端–发送带有 SYN/ACK 标志的数据包–二次握手–客户端 客户端–发送带有带有 ACK 标志的数据包–三次握手–服务端2.2 为什么要三次握手三次握手的目的...
Java高并发秒杀业务场景分析 1 秒杀场景商品秒杀，抢红包，抽奖等2 技术特点读多写少，高并发，资源冲突（短时间内突发性高并发请求）3 应对策略读多写少缓存：把热点数据丢到缓存中，浏览器缓存，本地缓存等高并发限流：延迟处理策略，拒绝访问 负载均衡：使用nginx实现反向代理和负载均衡 缓存：使用redis，memcache等，减轻服务器和数据库压力 异步：将同步的并发请求转移为异步，提高响应...
Java后台复习题（二） 1 log4j日志级别从高到低OFF、FATAL、ERROR、WARN、INFO、DEBUG、ALL2 如何避免xss攻击XSS攻击原理XSS原称为CSS(Cross-Site Scripting)，因为和层叠样式表(Cascading Style Sheets)重名，所以改称为XSS(X一般有未知的含义，还有扩展的含义)。XSS攻击涉及到三方：攻击者，用户，web server...
mysql查询一天，一周，一个月内的数据 查询一天select* from表名 whereto_days(时间字段名) = to_days(now());select* from表名wheredate(时间字段名) = curdate();昨天select* from表名 whereto_days( now( ) ) - to_days( 时间字段名) <= 1;7天select* fr...
docker(包括docker、mysql、tomcat的安装，以及部署web工程文件) 本文是在我查看了很多前辈的博客上完成的有很多借阅的成分，主要记录docker从安装到部署Javaweb程序的整个过程，希望对有需要的人有所帮助，我是个菜鸟，望多多包涵。CentOS 07 Docker安装使用Ctrl+alt在虚拟机和Windows切换鼠标，直接复制文档里的指令。安装了图形化界面：在虚拟机中右键粘贴即可没安装图形化界面：切换鼠标光标在虚拟机命令行按一下C...
Java后台复习资料（一） java基础复习java基础知识点整理java基础知识-面试面向对象的特征封装：将对象属性和方法的代码封装到一个模块中，也就是一个类中，保证软件内部具有优良的模块性的基础，实现“高内聚，低耦合”。抽象：找出一些事物的相似和共性之处，然后归为一个类，该类只考虑事物的相似和共性之处。抽象包括行为抽象和状态抽象。继承：在已经存在的类的基础上进行，将其定义的内容作为自己的内容，并可...
微信小程序request请求方法封装 api.jsimport config from '@/config'export function request (url, method, header, data) { return new Promise((resolve, reject) => { wx.request({ data, method, header, ...
axios请求方法封装 fetch.jsimport axios from 'axios'const service = axios.create({ baseURL: 'https://admin.casualcharger.com/share-battery/', // 接口域名的地址 headers: { 'Content-Type': 'application/x-www-form-ur...
关注
