![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
MJ
文章平均质量分 65
步入中年的狗
请不要关注我,我会把文章设置成私密的
展开
-
MJ系列之Git汇总
Gitgit checkout 切换分支git checkout -b 切换并创建分支git push git pullgit push --set-upstream origin 和远方的仓库关联git fetch 是将远程主机的最新内容拉到本地,用户在检查了以后决定是否合并到工作本机分支中git add. 将变化添加到暂存区git status 查看本地分支状态git branch 查看所有分支git commit 操作的是本地库,git push操作的是远程库。是将本地修改过的文件提原创 2021-09-10 16:00:08 · 99 阅读 · 0 评论 -
MJ系列之HTTP汇总
HTTP汇总get和post的区别传送:get把参数放入url里,post把参数放在body里,参数保留在浏览器历史大小:url长度有限制(浏览器和服务端自己限制的)缓存:get能,post不能,除非手动设置,get能被收藏为书签编码:get只支持url编码,post支持多种编码数据类型:get只支持ASCII,post不限制转发 和 重定向的区别转发是服务器行为,重定向是客户端行为。转发:客户浏览器发送HTTP请求,服务器接收,将转发跳转到的那个网页资源返回给客户,但是浏览器地址不变。在原创 2021-09-10 16:04:36 · 173 阅读 · 0 评论 -
MJ系列之ES6汇总
ES6 ECMA为JavaScript制定的第6个标准版本var、const、let区别let、const是es6,const用于声明常量,不能改变let相比var不会存在声明提前,不会有变量覆盖,有块级作用域…扩展运算符,深拷贝一个数组,数组拼接模板字符串反引号(``)标识,用${}界定表达式嵌入字符串中进行拼接对象和数组解构允许按照一定模式,从数组和对象中提取值,对变量进行赋值const { name, age, sex } = student;let color = ['red'原创 2021-09-15 17:40:30 · 97 阅读 · 0 评论 -
MJ系列之JS汇总
JS汇总数据类型基本数据类型:字符串、数字、布尔、null、undefined、Symbol、bigInt引用数据类型:ObjectSymbol这种类型的对象永不相等,即便创建的时候传入相同的值也不相等。BigInt数据类型的目的是比Number数据类型支持的范围更大的整数值。引用数据类型存储在堆内存中,引用数据类型占据空间大、大小不固定基本数据类型变量保存在栈内存中,因为基本数据类型占用空间小、大小固定,通过值来访问类型转换类型转换隐式转换:if括号里变量会转换成布尔遇到宽松相等开启原创 2021-09-20 21:17:07 · 463 阅读 · 0 评论 -
MJ系列之前后端汇总
前后端通信方式长轮询、轮询、长连接有图Websocketwebsocket基于TCP的全双工通信协议,通过一次http请求建立连接。心跳前端定时发送心跳消息ping,后端收到ping类型的消息,立马返回pong消息,告知前端连接正常。如果一定时间没收到pong消息,就说明连接不正常,前端便会执行重连。let interval;/** * WebSocket 连接方式封装 * @returns {void} */function connectSocket() { let原创 2021-09-21 17:50:27 · 591 阅读 · 0 评论 -
MJ系列之算法汇总
快排冒泡const array = [1, 3, 2, 6, 4, 5, 9, 8, 7];const sort = (arr) => { let result = [...arr]; let temp; for(let i = 0; i < result.length - 1; i++){ for(let j = 0; j < result.length - 1 -i; j++){ if(result[j] > result[j + 1]){原创 2021-09-28 20:31:32 · 294 阅读 · 0 评论 -
MJ系列之手写代码汇总
Promiseclass Promise{ constructor(executor) { this.state = 'pending'; this.value = undefined; this.reason = undefined; let resolve = value => { if (this.state === 'pending') { this.state = 'fulfilled'; this.value原创 2021-09-28 20:32:11 · 181 阅读 · 0 评论 -
MJ系列之Vue汇总
虚拟dom优点:提高开发效率、提升性能、跨平台、浏览器兼容Diff调用名为patch的函数,比较新旧Virtual DOM Tree找出差异并更新,对比出是哪个虚拟节点更改了,找出这个虚拟节点,并只更新这个虚拟节点所对应的真实节点打补丁。深度优先算法,只在同层级进行。流程当数据改变时,会触发setter,并且通过Dep.notify去通知所有订阅者Watcher,订阅者们就会调用patch方法,给真实DOM打补丁,更新相应的视图。patch:对比当前同层的虚拟节点是否为同一种类型的标签,原创 2021-09-28 20:33:08 · 197 阅读 · 0 评论 -
MJ系列之端汇总
大前端大前端就是所有前端的统称,比如Android、iOS、web、Watch等。大前端最大的特点在于一次开发,同时适用于所有平台,开发者不用为一个APP需要做Android和iOS两种模式而担心。其实大前端的主要核心就是跨平台技术,有了跨平台技术,各个平台的差异性就抹平了,开发者只需要一套技术栈就可以开发出适用于多个平台的客户端。全栈的性能全栈工程师主要负责应用开发,对前端后端技术都能熟练使用,更关注应用开发本身,以做新功能为主。但在大型应用中,除了功能,性能也变得重要,这时候就需要构架师了。原创 2021-09-28 20:33:40 · 2081 阅读 · 0 评论 -
MJ系列之浏览器汇总
性能优化1、缓存(缓解服务器压力,提升性能本地更快,)缓存流程缓存1、浏览器会根据 http response header 中的 Expires 和cahe-control 字段判断是否命中强缓存,如若命中,则直接从缓存中取资源,不会再去向服务器请求了。2、否则,浏览器会发出一个条件请求,浏览器会在请求头中包含 If-Modified-Since 或 If-None-Match 字段,If-Modified-Since 即浏览器当初得到的 Last-Modified;If-None-Matc原创 2021-09-28 20:34:58 · 458 阅读 · 0 评论 -
MJ系列之css汇总
权重选择器盒模型W3C 标准盒模型:属性width,height只包含内容content,不包含border和padding。IE 盒模型:属性width,height包含border和padding,指的是content+padding+border。在当前W3C标准中盒模型是可以通过box-sizing自由的进行切换的。content-box(标准盒模型)width = 内容的宽度height = 内容的高度border-box(IE盒模型)width = border +原创 2021-09-28 20:35:36 · 113 阅读 · 0 评论