自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(194)
  • 资源 (2)
  • 收藏
  • 关注

原创 Day 70/100 HTTP请求的常见状态码

2XX——表明请求被正常处理了1、200 OK:请求已正常处理。2、204 No Content:请求处理成功,但没有任何资源可以返回给客户端,一般在只需要从客户端往服务器发送信息,而对客户端不需要发送新信息内容的情况下使用。3、206 Partial Content:是对资源某一部分的请求,该状态码表示客户端进行了范围请求,而服务器成功执行了这部分的GET请求。响应报文中包含由Content-Range指定范围的实体内容。3XX——表明浏览器需要执行某些特殊的处理以正确处理请求4、30

2020-11-26 23:41:18

原创 Day 69/100 七大数据层

写在前面的话专业技能像盖房子需要地基打的牢一些今儿写写计算机互相通信的数据层。(一)定义英文全称是OSI(Open System Interconnection),简称是OSI参考模型。(二)看图说话参考链接https://blog.csdn.net/qq_31094099/article/details/80592121...

2020-11-25 23:35:20 2

原创 Day 68/100 HTTP 常用的报头

写在前面重启下希望可以每天进步一点点~(一)Request URLRequest URL:https://cloud.tencent.com/developer/services/ajax/column/article?action=BatchCheckArticlesFavorRequest Method:POSTStatus Code:200Remote Address:111.230.126.55:443Response Headercontent-len

2020-11-24 23:45:51 11

原创 Day 67/100 Vue项目上线(Nginx)刷新后,显示空白或404怎么办?

写在前面的话服务器用的是Nginx做的转发;需要配置Nginx的try_files属性网上大多是单条说明,实际用的时候,还是容易错,记录备忘下~(一)配置代码其中Vue项目中的是history 模式核心代码就这一句(二)相关知识1、看着是一句,但生成后,怎么生效呢?需要停止,再启动service nginx stopservice nginx start2、项目如何传到服务器上呢,可以用rz命令见上一篇https://blog...

2020-11-13 09:24:24 11

原创 Day 66/100 ES6中Async函数的实现原理

写在前面的话在前端面试中,经常会问到ES6属性的问题而Async是常考题,里面还有一些演变今天先分享实现原理~(一)async 函数是什么?一句话,它就是 Generator 函数的语法糖。特点比Generator的改进1)内置执行器;2)更好的语义;3)更广的适用性;4)返回值是 Promise。async函数完全可以看作多个异步操作,包装成的一个 Promise 对象,而await命令就是内部then命令的语法糖。1、形式Generator函

2020-11-09 23:30:07 47

原创 Day 65/100 如何把windows本地的文件发到linux服务器上?

写在前面的话过去,一直用FTP,服务器和本地都需要装,还得设置权限,比较麻烦;姚雷分享了一个更简单的方法rz;(一)原理rz可以批量上传文件,也可以上传单个文件。使用的协议是ZMODEM协议。下面简单说下ZModem协议的事情,先得从XMODEM协议(XMODEM Protocol)说起。XMODEM协议是一种使用拨号调制解调器的个人计算机通信中广泛使用的异步文件运输协议。这种协议以128字节块的形式传输数 据,并且每个块都使用一个校验和过程来进行错误检测。如果接收方关于一个块的校

2020-11-07 00:37:25 23

原创 Day 64/100 常用的加密算法

写在前面的话腾讯大佬问的,被问到了,当时好尴尬...于是查资料总结了下,还有其他算法,后续再学习(一)对称性加密1、MD5加密(无解密方法,解密不可逆)适用场景:用户注册完成后,将加密后的密码发送给后端,后端将加密后的密码存储在数据库中,当用户登录时,前端依然发送加密后的密码,后台对比数据库中存储的密码和前端发送的密码。2、AES加解密适用场景:网站注册时,如果注册过程分两步进行,第一步校验手机号,校验通过后,跳转到其他界面,填写其他注册信息,完成注册。如.

2020-11-05 18:06:43 27

原创 Day 63/100 Git的常用命令

写在前面的话基础的操作备忘下~1、远程全部分支git branch -a2、显示本地分支git branch3、新建分支git branch guoxing4、切换分支git checkout guoxing5、提交分支git add . 或者 git add xxxgit commit -m "修复XXbug"git push origin guoxing:guoxing...

2020-11-04 23:32:42 6

原创 Day 62/100 软件设计模式总结

写在前面的话停更好久了,今天开张啦~为什么要有软件设计模式?因为设计模式是解决问题的老路(一)基础知识设计模式的本质是面向对象设计原则的实际运用,是对类的封装性、继承性和多态性以及类的关联关系和组合关系的充分理解。1、基本要素模式名称,问题,解决方案,效果;1. 模式名称每一个模式都有自己的名字,通常用一两个词来描述,可以根据模式的问题、特点、解决方案、功能和效果来命名。模式名称(PatternName)有助于我们理解和记忆该模式,也方便我们来讨论自己的设计

2020-11-03 13:26:34 26

原创 Day 61/100 (前端ES6)Set和Map区别

写在前面的话参加大学舍友婚礼,浪了一天,今儿继续放水~(一)Set类似于数组,但是成员的值都是唯一的,没有重复的值set以RBTree作为底层容器所得元素的只有key没有value,value就是key不允许出现键值重复所有的元素都会被自动排序不能通过迭代器来改变set的值,因为set的值就是键(二)Map“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键map以RBTree作为底层容器所有元素都是键+值存在不允许键重复所有.

2020-10-02 23:02:47 19

原创 Day 60/100 (前端)typeof null返回什么类型?

写在前面的话今儿有点多,偷懒回答个简单问题,相信完成好过完美(一)先说答案返回的是Object(二)疑惑typeof 是判断基础数据类型的方法呀,为什么返回的是Object?(三)原理这是一个bug,不同的对象在底层都表示为二进制,在 JavaScript 中二进制前三位都为 0 的话会被判断为 object 类型, null 的二进制表示是全 0,自然前三位也是 0,所以执行 typeof 时会返回“ object ”参考链接https:..

2020-10-01 22:48:13 26

原创 Day 59/100 箭头函数和普通函数的区别

写在前面的话看了资料,才发现之前面试回答的有多扯...落后挨打,没毛病啊(一)箭头函数的this指向规则1、箭头函数没有prototype(原型),所以箭头函数本身没有thislet a = () =>{};console.log(a.prototype); // undefined2、箭头函数的this指向在定义的时候继承自外层第一个普通函数的this。3、不能直接修改箭头函数的this指向call显示绑定this指向失败了,包括aaply、bind..

2020-09-30 23:55:38 1706

原创 Day 58/100 JavaScript 改变this指针的三种方法

写在前面的话最近在晚上写,有点困,明儿试试早上~(一)先说三种方法Apply,Call,Bind(二)共同点1、都是用来改变函数的this对象的指向的。2、第一个参数都是this要指向的对象。3、都可以利用后续参数传参。三者的参数不限定是 string 类型,允许是各种类型,包括函数 、 object 等等!(三)区别1、Apply参数传的是数组obj.myFun.apply(db,['成都','上海']); // 德玛 年龄 99 来自 成...

2020-09-29 22:11:09 14

原创 Day 57/100 (重点题)浏览器缓存

写在前面的话遇到厉害的面试官,有时会紧张的数不出话来,就像第一次被问到这个题目时,啥也说不出来;后来发现,说一点就会比不说强;当然,说的好,最好了~(一)有图有真相脑图(二)缓存过程分析划重点1、强缓存不会向服务器发送请求,直接从缓存中读取资源,在chrome控制台的Network选项中可以看到该请求返回200的状态码,并且Size显示from disk cache或from memory cache。强缓存可以通过设置两种 HTTP Header 实现...

2020-09-28 22:51:43 33

原创 Day 56/100 Vue3.0比2.0优化的点有哪些

写在前面的话Vue也在进化,同样,我们的能力也可以提升~(一)代码和双向绑定原理1、使用TypeScript重构TypeScript包括了 ES5、ES5+ 和其他一些诸如泛型、类型定义、命名空间等特征的集合,而且能够编译成普通的Java 代码;支持任意浏览器,任意环境,任意系统并且是开源的2、使用Proxy API代替defineProperty API 作数据劫持3、默认进行懒观察(lazy observation)在 2.x 版本里,不管数据多大,都会...

2020-09-27 18:35:55 27

原创 Day 55/100 CSS引用时link 和@import的区别

写在前面的话今儿搬家,累趴,简写一篇~本质上,这两种方式都是为了加载css文件,但还是存在细微的差别。差别1:link属于XHTML标签,而@import完全是css提供的一种方式。link标签除了可以加载css外,还可以做很多其他的事情,比如定义RSS,定义rel连接属性等,@import只能加载CSS。差别2:加载顺序的:页面加载时,link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再加载。所以有时候浏览@import加载CSS的页面时.

2020-09-26 22:29:22 14

原创 Day 54/100 前端技术选型

写在前面的话昨儿面试被问到的一个好问题,想想还蛮重要~(一)技术选型做技术选型时,要考虑实际的项目需求,不要跟风(时髦驱动开发)和凑热闹(热闹驱动开发)。踏实的研究和对目标成果的认真思考。面临的是一整套技术、方案、规范和产品的选型(二)构建技术体系的基本原则(三)考虑因素业务出发1、选型要针对业务形态特点,注重业务场景匹配度2、具有一定业务前瞻性(中期或中短期以避免过度设计,短期、中期、长期与迭代速度强相关)团队出发1、考虑团队规模,成员技术特点和偏好

2020-09-25 17:25:16 9

原创 Day 53/100 (必考题)HTTPS原理

写在前面的话敲黑板,画重点,今儿是重点(一)题目HTTPS 协议相关的概念有 SSL 、非对称加密、 CA证书等;为什么用了 HTTPS 就是安全的?HTTPS 的底层原理如何实现?用了 HTTPS 就一定安全吗?(二)思路1、整体分为证书验证和数据传输两部分具体流程如图证书验证阶段:浏览器发起 HTTPS 请求服务端返回 HTTPS 证书客户端验证证书是否合法,如果不合法则提示告警...

2020-09-24 17:44:22 32

原创 Day 52/100 JavaScript事件模型

写在前面的话被玖富的面试官,问到的,只知道大概的我,当时尴尬极了...好记性不如烂笔头,脑子越来越不可靠(一)观察者模式观察者模式又叫做发布订阅者模式(Publish/Subscribe),它可以让多个观察者对象同时监听某一个主题对象,这个主题对象的状态变化时会通知所有的订阅者,使得它们能够做出反应。JS的事件模型就是一种观察者模式的体现,当对应的事件被触发时,监听该事件的所有监听函数都会被调用。(二)事件与事件流事件是与浏览器或文档交互的瞬间,如点击按钮,填写表格...

2020-09-23 16:39:33 10

原创 Day 51/100 Vue双向绑定原理及相关知识链接

写在前面的话面多了,问题五花八门,但也有一些规律,比如,今儿的题就是常考题~(一)Vue的双向绑定原理实现数据的双向绑定,首先要对数据进行劫持监听,所以我们需要设置一个监听器Observer,用来监听所有属性。如果属性发上变化了,就需要告诉订阅者Watcher看是否需要更新。因为订阅者是有很多个,所以我们需要有一个消息订阅器Dep来专门收集这些订阅者,然后在监听器Observer和订阅者Watcher之间进行统一管理的。接着,我们还需要有一个指令解析器Compile,对每个节点元素进行扫描和

2020-09-22 21:57:50 11

原创 Day 50/100 JavaScript中new之后做了什么?

写在前面的话之前偷懒的,没理解透彻的,在面试中都碰到且被问住了,好尴尬~学习,还是要踏踏实实;能说的出来,做的到的才真正的是自己内化的东西今儿的题是被面试官问到的(一)先上代码var obj = new Base();(二)背后干的事儿var obj = {};obj.__proto__ = Base.prototype;Base.call(obj);用图说话(三)解释说明第一行,我们创建了一个空对象obj第二行,我们将这个空对象的_.

2020-09-21 21:05:17 14

原创 Day 49/100 Vuex的工作流程

写在前面的话昨儿去看房了~ 今儿补上发现前端岗位的能力要求包括两部分:1、基础知识:JavaScript的基础知识(含算法)2、Vue,没错,就是Vue(大有一统江湖的意思)(一)功能负责Vue中多次复用的状态(主要是异步请求,即与后台交互的接口)(二)流程1)在vue组件里面,通过dispatch来触发actions提交修改数据的操作。2、然后再通过actions的commit来触发mutations来修改数据。3、mutations接收到commit..

2020-09-20 08:35:37 30

原创 Day48/100(ES6新特性) Map&Set

写在前面的话新的特性,会在底层影响着我们的写代码的日常。而学习新语法,就像学习新的武功招式一样~今儿不早了,写个简单的(一)MapMap是类似Object的一种键值对集合,区别在于Map的键不仅限于是字符串,其他各种类型的值包括对象都可以成为Map的键var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);m.forEach(function (value, key, map) { alert(value);});..

2020-09-18 23:31:54 14

原创 Day47/100 (常考题)Promise和Async await

写在前面的话今儿是一道前端面试常考题(亲测)(一)题目笔试一般会考,console.info打印的顺序,代码类似如下asyncfunctionasync1(){console.info('async1start')awaitasync2();console.info('async1end')}asyncfunctionasync2(){console.in...

2020-09-17 22:26:50 39

原创 Day46/100 (前端面试)如何将数组铺平?

写在前面的话昨儿忘拿电脑回家了,早晨来补~(一)题目将下面的数组铺平constdata=[{id:1,title:"课程1",children:[{id:4,title:"课程1-1"},{id:5,title:"课程1-1",child...

2020-09-17 09:30:29 145

原创 Day45/100 Vue的生命周期

写在前面的话Vue生命周期贯穿Vue的整体思想的理解~灰常重要(一)Vue生命周期全景图Vue生命周期(二)新建Vue实例1、每个 Vue 应用都是通过用Vue函数创建一个新的Vue 实例开始的:var vm = new Vue({ // 选项})2、当一个 Vue 实例被创建时,它将data对象中的所有的属性加入到 Vue 的响应式系统中。当这些属性的值发生改变时,视图将会产生“响应”,即匹配更新为新的值。// 我们的数据对...

2020-09-15 15:23:07 18

原创 Day 44/100 HTTP/TCP三次握手及各版本特点

写在前面的话和家人在一起的幸福,感觉真的很不错,开心~继续码字~(一)HTTP和TCP的区别和联系TCP是传输层,而http是应用层http是要基于TCP连接基础上的:TCP就是单纯建立连接,不涉及任何我们需要请求的实际数据,简单的传输。http是用来收发数据,即实际应用上来的。(二)TCP/IP“三次握手协议”:第一次:C发送一个请求连接的位码SYN和一个随机产生的序列号给Seq,然后S收到了这些数据。第二次:S收到了这个请求...

2020-09-14 10:13:16 25

原创 Day 43/100 前端基础之跨域(5种)未完待续

写在前面的话没有什么比每天进步一点点更踏实了~(一)什么是跨域跨域是a页面想要获取b页面资源,如果a,b页面的协议、域名、端口号、子域名不同,所进行的访问都是跨域的,而浏览器一般为了安全都限制了跨域访问,也就是不允许跨域访问资源。(二)怎么解决1、JSONPJSONP是一个非官方协议,它允许在服务器端集成script tags返回至客户端,通过javascript callback的形式实现跨域访问。基本思想:网页通过添加一个<script>元素,向服务器请

2020-09-12 23:53:02 13

原创 Day 42/100(网易笔试)position跟display,margin collapse叠加使用会怎么样

写在前面的话功不唐捐,努力不会白费在面试的过程中,复习过的经常会碰到~(一)题目:position跟display,margin collapse,overflow,float这些特性叠加使用会怎么样?(二)分类讨论1、position,display和float1)如果一个元素的display属性被设置为none,那么就不会生成元素对应的box,这种情况下,float和position被忽略2)否则(display非none),如果一个元素的position属性被.

2020-09-11 19:59:46 132

原创 Day 41/100(网易笔试)Server-sent Events和websocket的不同和优缺点

写在前面的话第一次,见Server-sent Events,完全是土包子心态没见过啊。。。(一)Server-sent Events翻译成汉语是,服务器发送事件;使用的协议是HTTP协议,但HTTP协议无法做到服务器主动推送信息;这里是变通为向客户端声明,接下来要发送的流信息(streaming)本质上:是以流信息的方式,完成一次用时很长的下载;(二)Websocket特点:更为强大和灵活;因为它是全双工通道,可以实现双向通信;服务器可以主动...

2020-09-10 22:04:22 29

原创 Day 40/100 (网易笔试)前端基础知识(五)

写在前面的话大厂里考查的JavaScript基础会居多~而其中的各种框架,只是基于基础知识上盖房子的方法;(一)如何使用Canvas和svg去画一个圆型?1、canvas绘制圆形<canvas id="mycanvas"></canvas>var mycanvas = document.getElementById("mycanvas"); var context = mycanvas.getContext("2d"); con...

2020-09-10 00:26:19 23

原创 Day39/100 (百度面试)前端基础知识(四)

写在前面的话复习好基础先~(一)基础1、原型和原型链1)设计思想:从设计之初,是为了简化类和对象的概念,以及实现类继承;参考链接:http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html2)prototype和__proto__区别var a = {};console.log(a.prototype); //unde..

2020-09-08 23:18:58 46

原创 Day 38/100(网易笔试)JavaScripts数组遍历方法

写在前面的话憋大招,大段时间的学习或搞定某件事;其实,不一定靠谱;最靠谱的,就是日拱一卒,每天学习点;坚持每天进步一点点~请描述Array方法中的every,some,indexOf,filter,forEach,map,reduce作用1、every返回值是true或falseevery() 方法用于检测数组所有元素是否都符合指定条件(通过函数提供)。every() 方法使用指定函数检测数组中的所有元素:如果数组中检测到有一个元素不满足,则整个表达式返回fals.

2020-09-07 23:04:19 151

原创 Day 37/100 (网易笔试)前端复习(二)

写在前面欠的“债”比较多,现在来还债了早晨4:30,不是被闹钟叫醒的,而是这些“债”果然,出来混,迟早是要还的(一)JavaScriptNo.1console.info(0.1+0.2===0.3)输出false原因十进制转二进制的时候精度损失(参考链接1)No.2console.info('11'-2+'1')输出91原因做减法,会转换字符类型为Number;做加法,会转换类型为StringNo.3c

2020-09-06 22:04:37 131

原创 Day 36/100 前端基础知识复习(一)

写在前面昨儿的华为笔试做的和渣渣一样,哎,半夜做题的效果真的不咋地。。下周面百度的前端,发现虽然写前端有5年多了,发现自己还是有很多知识不扎实(一)数组方法1、数组删除某元素(1)spliceA.删除某元素,改变原始数组let arr=[1,2,3,4]arr.splice(1,1)console.info(arr)输出[1, 3, 4]B.修改let arr=[1,2,3,4]arr.splice(1,1,'lll')con..

2020-09-05 22:06:31 53

原创 Day 35/100 (华为机试)提取不重复的整数

写在前面的话做题多了以后,手会越来越顺;第一次,直接在输入框中直接写代码,通过,感觉还不错(一)题目题目描述输入一个int型整数,按照从右向左的阅读顺序,返回一个不含重复数字的新的整数。输入描述:输入一个int型整数输出描述:按照从右向左的阅读顺序,返回一个不含重复数字的新的整数示例1输入9876673输出37689(二)解题思路1、从右到左滑动指针并push到数组中;在push前,需要数组判断是否有;f.

2020-09-05 09:01:47 87

原创 Day 34/100 (华为机试)合并表记录

写在前面的话有个感觉,做题的过程,像是抽象地实现底层原理;无论最终结果如何,都会有所收获,加深对于底层原理的理解;从今天开始,打算弄个错题本~(一)题目题目描述数据表记录包含表索引和数值(int范围的整数),请对表索引相同的记录进行合并,即将相同索引的数值进行求和运算,输出按照key值升序进行输出。输入描述:先输入键值对的个数然后输入成对的index和value值,以空格隔开输出描述:输出合并后的键值对(多行)示例1输入40.

2020-09-03 13:35:35 91

原创 Day 33/100 (华为机试)质数因子

写在前面的话这篇是提前看了答案后,自己又写的,还是会有心的问题相比于追求好的算法而言,独自完成会更好一些毕竟,自己的人生得自己走,坑不踩不知道...(一)题目描述功能:输入一个正整数,按照从小到大的顺序输出它的所有质因子(重复的也要列举)(如180的质因子为22335)最后一个数后面也要有空格输入描述:输入一个long型整数输出描述:按照从小到大的顺序输出它的所有质数的因子,以空格隔开。最后一个数后面也要有空格。示例1输入...

2020-09-02 18:43:44 85

原创 Day 32/100 (华为机试)16进制转化为10进制

写在前面的话吭哧吭哧写半天,发现在JavaScript中有现成实现过的方法哎,笨啊...(一)题目题目描述写出一个程序,接受一个十六进制的数,输出该数值的十进制表示。(多组同时输入)输入描述:输入一个十六进制的数值字符串。输出描述:输出该数值的十进制字符串。示例1输入0xA输出10(二)解题思路1、截取输入的字符串,去掉0xstr.slice(2)2、遍历字符串,利用对象属性找到每个字符对应的值..

2020-09-01 22:10:08 56

原创 Day 31/100 (华为机试)字符串分隔问题

写在前面的话算法越写的越顺手,开心~题目链接 :https://www.nowcoder.com/practice/d9162298cb5a437aad722fccccaae8a7?tpId=37&&tqId=21227&rp=1&ru=/ta/huawei&qru=/ta/huawei/question-ranking(一)题目题目描述•连续输入字符串,请按长度为8拆分每个字符串后输出到新的字符串数组;•长度不是8整数倍的字符串请在后.

2020-08-31 21:01:51 36

nodejs最新Mac安装包

nodejs,npm Mac安装包

2017-08-24

pywin32-220.win-amd64-py2.7

Python for Windows Extensions

2017-08-24

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除