面试
文章平均质量分 67
谁是听故事的人
白日不到处,青春恰自来。苔花如米小,也学牡丹开。
展开
-
详解xuex、localStorage、sessionStorage、cookie以及session的区别
一、背景1、vuex2、localStorage和sessionStorage3、cookie和session二、异同点三、总结保存的位置&生命周期vuex保存在内存中,关闭浏览器或者刷新页面保存的值会丢失永久保存在本地文件中,不手动清除永久存在临时保存在会话窗口中,关闭浏览器或者关闭标签页保存的数据会丢失,刷新页面数据不会消失cookie保存在客户端浏览器中,可设置失效日期,失效日期前均有效session保存在服务器端,默认储存时间约30分钟容量限制&域名限制&其他vuex。原创 2023-08-18 16:17:55 · 233 阅读 · 0 评论 -
设置div中文字自适应显示一行,超出则用...代替
因为工作原因,需要设置文字自适应显示一行,超出用...代替,因此整理出来巩固记忆。主要依赖的属性如下所示:/* 强制文字一行内显示 */white-space: nowrap;/* 超出部分隐藏 */overflow: hidden;/* 用省略号替代超出部分 */text-overflow: ellipsis;完整代码如下所示:<!DOCTYPE html><html lang="en"><head> <meta char原创 2020-10-07 10:21:55 · 2101 阅读 · 0 评论 -
用css将DIV等分布局
在工作中经常会出现需要讲一个div等分为几部分的需求,现整理方法如下:1、借助设置百分比实现均分div,代码如下所示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>将页面平均分成四部分</title> <style type="text/css"> *{ ma原创 2020-10-07 09:57:16 · 8848 阅读 · 0 评论 -
webSocket 和 webWorker
HTML5:web socket 和 web worker做练习遇到了一个选择题,是关于web worker的,问web worker会不会影响页面性能?补习功课之后,答案是不会影响。查阅了相关资料学习web worker,又遇到了web socket,整理如下:web socket 和 worker 的作用:为构建高效能的web应用提供了新的参考方案。web socket提供更高效的传输协议,web worker提供多线程提高web应用计算效率。一.web socket1.web原创 2020-09-02 14:05:20 · 1976 阅读 · 2 评论 -
详解CSS3的弹性盒模型
一、CSS3弹性盒子弹性盒子是CSS3的一种新布局模式。CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。二、浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本号。紧跟在数字后面的 -webkit- 或 -moz- 为指定浏览器的前缀。属性 ...原创 2020-09-01 11:14:51 · 178 阅读 · 0 评论 -
看了不会你打我的CSS盒模型
目录1、标准盒模型2、IE盒子模型3、总结:1、标准盒模型w3c盒子模型的范围包括margin、border、padding、content,并且content部分不包含其他部分2、IE盒子模型IE盒子模型的范围包括margin、border、padding、content,和w3c盒子模型不同的是,IE盒子模型的content部分包含了padding和border3、总结:IE5.5及更早的版本使用的是IE盒模型。IE6及其以上的版本在标准兼容模式下使用的是W.原创 2020-09-01 10:55:25 · 161 阅读 · 0 评论 -
详解CSS选择器的类型以及优先级
目录一、CSS选择器的分类1、标签名选择器 2、类选择器 3、ID选择器4、后代选择器(类选择器的后代选择器)5、群组选择器二、选择器的优先级 三、总结一、CSS选择器的分类1、标签名选择器 div{ color:red;} 即页面中的各个标签名的css样式2、类选择器 .divClass{ color:red;}即定义的每个标签的class 中的css样式 3、ID选择器...原创 2020-09-01 10:12:47 · 3404 阅读 · 0 评论 -
手把手教你什么是事件冒泡
什么是JS事件冒泡?在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。如何来阻止Jquery事件冒泡?通过一个小例子来解释<%@ Page Language="C#" AutoEventW原创 2020-08-18 17:39:22 · 151 阅读 · 0 评论 -
非对称加密算法Rsa原理解析
目录一、RSA加密算法概述二、RSA加密算法的数学原理三、 RSA的破解原理一、RSA加密算法概述RSA加密算法是非对称加密算法中的一种,在1977年由罗纳德·李维斯特(Ron Rivest)、阿迪·萨莫尔(Adi Shamir)和伦纳德·阿德曼(Leonard Adleman)一起提出的,并取三人名字的首字母命名该算法。RSA加密算法因其可靠的安全性(目前看来是十分安全的),得到了广泛的认可和使用,ISO(国际标准化组织)、ITU(国际电信联盟)及SWIFT(环球同业银行金融.原创 2020-08-18 15:37:51 · 1269 阅读 · 1 评论 -
对称加密和非对称加密详解
目录一、对称加密(Symmetric Cryptography)二、非对称加密(Asymmetric Cryptography)三、总结一、对称加密(Symmetric Cryptography)对称加密是最快速、最简单的一种加密方式,加密(encryption)与解密(decryption)用的是同样的密钥(secret key)。对称加密有很多种算法,由于它效率很高,所以被广泛使用在很多加密协议的核心当中。对称加密通常使用的是相对较小的密钥,一般小于256 bit。因为密钥越大,原创 2020-08-18 15:25:10 · 12773 阅读 · 0 评论 -
JavaScript常见的垃圾回收机制
目录一、JavaScript常见的垃圾回收机制1、标记清除1.1、工作原理1.2、工作流程2、引用计数2.1、工作原理2.2、工作流程二、什么情况下会引起内存泄漏?1、意外的全局变量引起的内存泄漏2、闭包引起的内存泄漏3、没有清理的DOM元素引用4、被遗忘的定时器或者回调5、子元素存在引用引起的内存泄漏三、什么放在内存中?什么不放在内存中?1、基本类型2、引用类型四、栈和堆的区别1、堆栈空间分配区别2、堆栈缓存方式区别3..原创 2020-05-21 09:32:24 · 766 阅读 · 0 评论 -
ES6中箭头函数详解(箭头函数和普通函数的区别)
箭头函数是ES6提出来的一种标准,其表达式的语法比函数表达式(普通函数)更简洁,并且没有自己的this,arguments,super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方,并且它不能用作构造函数。一、语法1、基础语法箭头函数有两种格式,一种只包含一个表达式(如x => x * x),连{ … }和return都省略掉了。还有一种可以包含多条语句,这时...原创 2020-03-31 10:12:33 · 897 阅读 · 0 评论 -
js中的深拷贝和浅拷贝详解
一、浅拷贝与深拷贝应用的数据类型简介js数据分为基本数据类型(String, Number, Boolean, Null, Undefined,Symbol)和对象数据类型。基本数据类型的特点: 直接存储在栈(stack)中的数据,分配的内存大小确定。引用数据类型的特点: 存储的是该对象在栈中引用,真实的数据存放在堆内存里,动态分配内存,内存大小不定,即引用数据类型在栈中存储了指针,该指针指...原创 2020-03-29 21:09:49 · 817 阅读 · 0 评论 -
史上最全js判断数据类型方法总结(typeof、instanceof、constructor、Object.prototype.toString.call()的应用场景)
判断数据类型是我们工作和面试中经常会遇到的问题,因此本文对该问题进行了些许的整理,供大家参考。一、数据类型概述二、数据类型的判断方法目前常用的判断数据类型的方法有四种,分别为:typeof、instanceof、constructor以及Object.prototype.toString.call(),其中判断最为准确的方法是最后一种Object.prototype.toStrin...原创 2020-03-03 10:04:45 · 439 阅读 · 0 评论 -
2019前端面试宝典
JavaScript部分1、闭包(传音控股-滴滴优点-华为-招商银行)看了阮一峰老师关于闭包的讲解,感觉很好理解,此处结合自己的一些思考,以加深理解。(原文链接:http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html)闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用...原创 2020-05-20 16:41:14 · 371 阅读 · 1 评论