- 博客(65)
- 收藏
- 关注
原创 HTML5新增元素
Canvas和SVG的对比CanvasSVG基于JavaScript渲染2D图形基于HTML渲染2D图形标量图矢量图不支持事件处理各个DOM元素均支持事件处理不可被SEO可以被SEO一般用于游戏谷歌地图等表单的扩充新增元素datalist提示内容<form action=""><input type=...
2020-02-29 08:54:05
119
原创 进程的三态模型
进程三态模型进程在处理器交替运行,状态不断改变。一般有三种:运行,就绪,准备。运行进程在处理器上运行,运行的进程数小于处理器数就绪进程准备好一切出了处理器的资源,就绪进程可按优先级划分队列阻塞进程执行时发生事件(请求I/O或阻塞I/O),进入阻塞,等待事件完成。...
2020-02-28 10:36:50
626
原创 关于TCP和UDP
TCP和UDP对比TCP面向连接,提供可交付服务端对端的全双共通信面向字节流,一般进程是数据块通信,TCP进程将其看做一连串无结构字节流。UDP无连接,不可靠服务。一对一或一对多或多对多面向报文流。没有拥塞控制机制,首部开销比TCP小。(8vs20)TCP的三次握手TCP三次握手(三次报文段握手)并不传递数据,传递报文段建立数据的连接。名词名词...
2020-02-28 10:17:58
271
原创 Js如何遍历一个对象
遍历自身可枚举的属性for in可遍历自身可枚举的属性以及继承得到的属性Object.keys(),Object.values(),Object.entries(),遍历自身可枚举的,只属于自身(非继承)的来的属性,数值,和键值对。传统for in 和 for of遍历区别:for of遍历对象的实际值,for in遍历对象的可枚举属性ES6新增迭代器iterable,拥有next...
2020-02-26 19:16:04
883
原创 Js面向对象
Js中通过new创建一个对象时发生了什么创建一个新的对象将构造函数的作用赋给创建的新对象(将this指向新对象)执行构造函数中的代码,为新创建的对象赋属性和方法返回创建的对象...
2020-02-26 18:05:33
146
原创 浏览器缓存
HTTP缓存浏览器输入URL后顺序查找浏览器缓存,系统缓存和路由器缓存,若无法找到将进行下一步的DNS解析,若找到后返回304.HTTP1.1为浏览器添加了强缓存和协商缓存两种新的缓存。强缓存Expires,HTTP1.0使用,指定缓存到期时间,但由于服务器和浏览器之间时间不统一被舍弃。Cache-control,HTTP1.1新增,有如下属性。Public,服务器和浏览器均可缓...
2020-02-25 20:47:57
240
原创 ES6面试篇
let和constlet和varES5使用var声明变量并没有块级作用域,会造成for循环的变量污染,变量名重复和变量提升的问题。ES6新增let声明变量,变量只在代码块中有效,不存在变量提升的问题。暂时性死区 TDZconst和let声明变量前均为暂时性死区,在暂时性死区中,变量不能够被使用。TDZ的本质:进入作用域后,变量已存在但声明后才可获取。const声明常量,且必须初始...
2020-02-25 15:14:34
144
原创 区分v-if和v-show
v-showv-show改变的是CSS的display:none,来决定元素是否渲染。并不会改变页面DOM结构,切换开销小,适合频繁切换的场景使用。v-ifv-if依靠布尔值来实现组件的渲染,过程中涉及组件的挂载和销毁,会改变页面DOM结构,切换开销较大,适合切换较小的场景使用。v-if是惰性渲染的机制,只会渲染需要的组件。...
2020-02-24 21:26:31
111
原创 Vue中data作为函数返回的原因
原因在开发可重用组件的时候Vue的data作为函数return其他的对象。将data作为对象将导致全局变量污染,即一个组件修改data后另一个组件的data也被修改。而将data设定成返回对象的函数时,每个实例可以维护被返回对象的独立拷贝。即每次都会有新的对象生成,即内存栈中的引用地址不一样,也就不会有全局变量污染。举个例子 //当data作为对象时 data{ count:0 ...
2020-02-24 21:17:15
599
原创 JavaScript中的堆和栈
前言上一篇文章中谈了谈JavaScript中基本数据类型和引用类型的区别。下面从操作系统的内存角度理解基本数据类型和引用类型在操作系统堆和栈中存放的差别。堆和栈堆内存堆内存动态变化,内存大小不一,不会自动释放。JavaScript中,引用类型Object,Array,RegExp,Data等或通过new运算符得到的变量,其实际数值等存储在堆中。但引用的地址指针存储在栈中。在获取引用类...
2020-02-24 20:35:13
179
原创 关于JavaScript的数据类型
基本数据类型Undefined声明后并未赋值的变量为undefinedtypeof未声明的变量同样返回undefinedNullundefined派生自null因此null == undefinedBoolean只有两个字面值true和falseNumberJs使用IEE754双精度记录浮点数,只保留小数点后17位。因此0.1+0.2==0.3 ;//falseN...
2020-02-24 19:00:33
114
原创 关于栈的那些事
无重复字符的最长子串_中等给定一个字符串,请你找出其中不含有重复字符的 最长子串 的长度。示例 1: 输入: “abcabcbb” 输出: 3 解释: 因为无重复字符的最长子串是 “abc”,所以其长度为 3。示例 2: 输入: “bbbbb” 输出: 1 解释: 因为无重复字符的最长子串是 “b”,所以其长度为 1。示例 3: 输入: “pwwkew” 输出: 3 解释: 因为无重复...
2020-02-24 15:39:28
90
原创 清除浮动,水平居中,垂直居中。
清除浮动浮动:元素可通过设置float:left || right来实现浮动。浮动框将脱离文档流,知道触碰到另一个浮动框为止。手动设置父元素的宽度和高度设置父元素为overflow:hidden在子元素后设置空元素的样式clear:both在父元素后设置伪类:after和zoom.clearfix :after{ display:block; clear:both; heig...
2020-02-24 11:36:52
322
原创 盒模型
关于CSS的盒模型CSS的盒模型作为网页的一部分显示在页面上。从内到外分为四个部分:content,padding,border,margin。标准盒模型支持W3C标准的盒模型content显示内容,可以设置width和height属性控制盒模型的宽度与高度。padding填充区,内容背景的最外层,将内容和边距分隔开。border边界,可设置其宽度,样式和颜色。margin外边距,使...
2020-02-24 10:27:00
201
原创 关于CSS选择器
CSS选择器CSS选择器是CSS规则的一部分,它能够告诉浏览器,相应的HTML元素的样式规则。CSS选择器类型ID选择器,类选择器,元素选择器ID选择器#ID{ }类选择器.class{ }元素选择器html,body{ }属性选择器属性选择器只对存在属性的HTML元素有效,常见<a>标签的href属性<a href="url"> URL ...
2020-02-24 09:56:56
193
1
原创 关于搜索的那些事
前言深度遍历广度遍历跳跃游戏③_中等这里有一个非负整数数组 arr,你最开始位于该数组的起始下标 start 处。当你位于下标 i 处时,你可以跳到 i + arr[i] 或者i - arr[i]。 请你判断自己是否能够跳到对应元素值为 0 的 任意 下标处。 注意,不管是什么情况下,你都无法跳到数组之外。示例1: 输入:arr = [4,2,3,0,3,1,2], start = ...
2020-02-21 18:38:51
250
原创 动态规划
前言单词拆分_中等给定一个非空字符串 s 和一个包含非空单词列表的字典 wordDict,判定 s 是否可以被空格拆分为一个或多个在字典中出现的单词。说明:拆分时可以重复使用字典中的单词。 你可以假设字典中没有重复的单词。示例 1: 输入: s = “leetcode”, wordDict =[“leet”, “code”] 输出: true 解释: 返回 true 因为 “leetc...
2020-02-21 17:58:54
170
原创 链表
前言链表知识点回顾反转链表_简单反转一个单链表。示例:输入: 1->2->3->4->5->NULL 输出: 5->4->3->2->1->NULL链表单次遍历,将当前节点指向前一节点。最后监听当前节点是否为null即可。 * Definition for singly-linked list. * function...
2020-02-14 19:29:35
206
原创 排序
前言春招要来了,大三的我目标找到一家实习公司,趁着这段空闲时间,来温习温习数据结构与算法吧。来看排序篇吧。排序知识点回顾冒泡排序时间复杂度为O(n)=n²排序算法中最简单的即冒泡排序。但运行时间也最长。冒泡排序的基本思想是,比较任何两个相邻项,若后者比前者小,将会交换这两项。进而每次确定一个最大值。像气泡一样升到表面,因此得名。function bubbleSort(array){...
2020-02-13 20:59:29
112
原创 关于数组那些事
前言会议室_中等给定一个会议时间安排的数组,每个会议时间都会包括开始和结束的时间 [[s1,e1],[s2,e2],…] (si <ei),为避免会议冲突,同时要考虑充分利用会议室资源,请你计算至少需要多少间会议室,才能满足这些会议安排。示例 1:输入: [[0, 30],[5, 10],[15, 20]] 输出: 2示例 2: 输入: [[7,10],[2,4]] 输出: 1...
2020-02-12 22:26:58
245
原创 关于字符串的那些事
前言给定一个只包括 ‘(’,’)’,’{’,’}’,’[’,’]’ 的字符串,判断字符串是否有效。有效字符串需满足:左括号必须用相同类型的右括号闭合。 左括号必须以正确的顺序闭合。 注意空字符串可被认为是有效字符串。示例 1:输入: “()” 输出: true示例 2:输入: “()[]{}” 输出: true示例 3:输入: “(]” 输出: false示例 4:输入: “([...
2020-02-12 21:09:57
225
原创 关于树的那些事
前言二叉树的中序遍历递归方式实现按照左子树遍历,中节点输入,右子树遍历的顺序来实现。将复杂的过程交予程序完成。/** * Definition for a binary tree node. * function TreeNode(val) { * this.val = val; * this.left = this.right = null; * } *...
2020-02-12 16:39:13
124
原创 前端面试常见问题之CSS篇
前言总结一些常见的面试问题,查缺补漏也锻炼锻炼自己的表达能力,每天都会更新,用心来看,相信会有收获。作者只是一枚大三的学生,如有错误还往指正,感激不尽。如果觉得写还阔以,请万万不要吝啬手中的赞。据说不点赞都会变成下图闪人 。盒模型谈谈CSS位置属性CSS规定,每个元素的位置属性由position的值来决定,因此共有五种位置属性:position位置表现inheri...
2020-02-09 22:39:58
195
原创 Vue关闭烦人的ESlint
问题初学Vue.js时,ESlint永远不会让我们兴高采烈的运行理想的代码。不断会有如下的错误出现:空格、单引号和双引号这些所谓的编码规范来约束。为此关闭ESlint无疑是一个好主意Expected indentation of 4 spaces but found 3Strings must usesinglequoteMissing space before function ...
2020-02-09 19:06:34
1036
原创 前端面试常见问题之HTML
总结一些常见的面试问题,来查缺补漏谈一谈cookiecookie简介cookie是什么:cookie是一个小文本文件,用于在客户端和服务器之间通信时保存客户端状态。(比如登录信息等)cookie的作用:为了解决HTTP1.0不能够保存客户端状态的问题从而设置cookie。cookie工作流程:来直接看图吧,客户端发起需要记录的请求后,服务器响应返回set-cookie字段,标记客...
2020-02-02 21:41:46
401
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅