- 博客(62)
- 收藏
- 关注
原创 2020奇安信前端笔试
1.算法的特性有穷性:算法必须能在执行有限个步骤之后终止确切性:算法的每一步骤必须有确切的定义输入项输出项可行性(有效性) :每个计算步骤都可以在有限时间内完成2.Linux文件权限drwxr-xr-x第一位:文件类型d表示目录-表示文件第二三四组:用户,组用户,其他用户w表示写x表示执行r表示读-表示没有权限3.正则表达式String.prototype.split()var str=‘ab1cd22ef3g’;str.split(/\d+/g).length//[‘a
2020-10-28 12:53:26
1598
原创 2020腾达前端笔试题
switch中的case: 使用的是严格比较===DOM的append()与appendChild()的区别append()可以接收Node对象和DOMString对象作为参数,而appendChild()只能接收Node对象。append()没有返回值,appendChild()有返回值。append()可以追加多个节点和字符串,appendChild()只能追加一个。var p = document.createElement(“p”);parent.append(“Some tex.
2020-10-28 12:50:27
784
原创 2020腾讯阅文集团-前端笔试题
1.let [head, , …tail] = [1, 2, 3, 4];console.log(head);//1console.log(tail);//[3,4]2.会加粗的元素:<strong> <h6> <th><dt>是自定义列表<dl>的列表组的组名标签,不会加粗<dl><dt>项目组组名</dt><dd>项目组中的每一项</dd><dd>项目组中的
2020-10-28 12:45:22
1087
2
原创 2020携程旅游前端笔试题
题目1:生成和遍历二叉树题目描述:已知有平面坐标系的十组坐标点[[x1,y1], [x2,y2], ……, [x10,y10]],每次找出距离最近的两组坐标进行合并,合并后的坐标取两者平均值,即[(x1+x2)/2 , (y1+y2)/2](如有小数统一向下取整,即2.4取2),合并后的新坐标作为二叉树根节点,原坐标取X值较小的作为左节点,另一个为右节点,假设第一次计算后得出[x1,y1], [x2,y2]距离最近,且x1<x2,则构成如下二叉树: [(x1+x2)/2, (y1
2020-10-18 11:31:57
1106
原创 2020美团前端笔试题
美团:题目1:蛋糕奶茶(数组)题目描述:小团的蛋糕铺长期霸占着美团APP中“蛋糕奶茶”栏目的首位,因此总会吸引各路食客前来探店。小团一天最多可以烤n个蛋糕,每个蛋糕有一个正整数的重量。早上,糕点铺已经做好了m个蛋糕。有一个顾客要来买两个蛋糕,他希望买这一天糕点铺中最重的和最轻的蛋糕,并且希望这两个蛋糕的重量恰好为a和b。剩余的n-m个蛋糕可以现烤,请问小团能否满足他的要求?输入描述:输入包含多组数据,每组数据两行。每组数据的第一行包含4个整数,n,m,a,b,空格隔开。这里不保证a和b的
2020-10-11 14:44:49
5740
4
原创 2020前端面试(十五)-前端模块化,前端性能优化,js设计模式,常见编程题
点这里,欢迎关注文章目录一.前端模块化1.如何理解前端模块化2.说一下Commonjs、AMD和CMD3.ES6与Commonjs的区别:二.前端性能优化1.性能优化的方式:2.懒加载:(1)图片的懒加载和预加载的区别3.什么是按需加载:4.异步加载js的方法为什么需要异步加载js方法一:defer延时加载:方法二:async:方法三:动态创建script标签,插入到DOM中方法四:AJAX + evaleval()是做什么的5.游戏卡顿的原因以及解决方法:6.click在ios上有300ms延迟,原因及
2020-10-10 09:10:04
1016
原创 2020前端面试(十四)- Promise篇
点这里,欢迎关注文章目录Promise1.解决异步编程的方案:2.Promise基础(1)promise的三种状态:(2)promise的then方法:(3)then方法返回的Promise对象的状态和值由什么决定:3.回调地狱相关(1)什么是回调地狱问题:(2)Promise解决回调地狱的问题:(3)Generator函数解决回调地狱的问题:(4)async/await解决回调地狱的问题:4.Promise代码相关:(1)用es6中的类简单的实现一个promise:(2)promise封装Ajax请求:
2020-10-09 17:56:18
426
原创 2020前端面试(十三)-js执行机制相关
点这里,欢迎关注文章目录一.浏览器多进程与js单线程:1.进程与线程:2.浏览器的多进程:3.浏览器渲染进程中的线程:(1)GUI渲染线程,也称UI线程(2)js引擎线程(3)事件触发线程(4)定时器触发线程(5)http异步请求线程4.WebWorker线程:5.异步任务的由来:6.js执行机制:7.从任务列表中取出并执行异步任务的原则:(1)异步任务的分类:(2)具体原则:8.js执行机制分析题:(1)第一题:超级大综合(2)第二题(3)第三题:考察setImmediate,process.next的
2020-10-09 17:51:32
360
原创 2020前端面试(十二)- 作用域与原型链
点这里,欢迎关注文章目录一. 作用域相关1.js的编译时与运行时2.执行环境(词法作用域)与作用域链3.函数声明,函数表达式,匿名函数,立即执行函数:4.什么是闭包5.立即执行函数IIFE6.闭包有什么作用7.闭包在实际中的应用:(1)定时器(2)事件监听器(3)单例模式(4)js的节流和防抖(5)如何实现一个私有变量,用getName方法可以访问,不能直接访问(6)实现一个once函数(传入函数参数),使其只能执行一次二.JS中的垃圾回收机制三. 原型链相关1.讲一讲js原型链,原型链的顶端是什么?Ob
2020-10-09 17:48:19
673
原创 2020前端面试(十一)- DOM和BOM相关
点这里,欢迎关注文章目录一. DOM1.DOM是什么:2.DOM0级和DOM2级有什么区别:3.textContent、innerText、innnerHTML、value的区别:4.关于dom的api有什么:5.什么是事件监听:6.说说前端中的事件流7.如何让事件先冒泡后捕获8.说一下事件代理:(1)了解事件代理吗,这样做有什么好处(2)事件委托以及冒泡原理:(3)事件代理在捕获阶段的实际应用:9.事件类型相关:(1)mouseover和mouseenter的区别(2)三种键盘事件的区别:10.静态绑定
2020-10-09 17:41:49
1752
1
原创 2020前端面试(十)- ES6相关
点这里,欢迎关注文章目录1.简单讲一讲ES6的一些新特性:2.let const var的区别 :3.箭头函数:(1)箭头函数与普通函数的区别:(2)箭头函数获取arguments对象:4.简单介绍一下symbol:5.对于js临时死区的理解:1.简单讲一讲ES6的一些新特性:let、const变量,块级作用域。ES5只有全局作用域和函数作用域,块级作用域的好处是不再需要立即执行的函数表达式,循环体中的闭包不再有问题。解构赋值各种数据类型扩展的方法:数组:扩展运算符…
2020-10-09 17:37:06
241
原创 2020前端面试(九)- javascript数据相关
点这里,欢迎关注文章目录1.js数据类型:2.关于NaN:3.深浅拷贝(1)可枚举与不可枚举:(2)赋值,浅拷贝,深拷贝:(3)浅拷贝的实现(4种):(4)深拷贝的实现(2种):4.比较判断相关(1)隐式转换:(2)不同数据类型的值的比较,是怎么转换的,有什么规则:(3)unll与undefined:(4)=\=和==、以及Object.is的区别(5)typeof与instanceof的区别(6)写一个函数判断变量类型:5.数组:(1)数组的方法:(2)数组去重(7种):(3)如何判断一个变量是否为数组
2020-10-09 17:34:18
324
原创 2020前端面试(八)- CSS面试题
点这里,欢迎关注文章目录1.link标签和@import的区别2.说一下css盒模型3.CSS选择器:(1)类型和权重(2)选择器解析规则:(3)a标签4个伪类选择器的书写顺序:4.line-height和height的区别5.设置一个元素的背景颜色,背景颜色会填充哪些区域?6.元素的类型和定位方式(1)display有哪些取值:(2)块元素和行元素,行内替换元素的区别(3)display:table和html的table标签有什么区别(4)position有哪些取值:(5)让元素脱离标准流的方式:(6)
2020-10-09 17:28:58
558
4
原创 2020前端面试(七)- HTML面试题
点这里,欢迎关注文章目录HTML部分1.HTML中Doctype的作用:2.HTML中的严格模式和混杂模式:3.web Quality4.对HTML语义化标签的理解:5.常见的语义化标签:6.iframe:(1)什么是iframe?(2)iframe的缺点:(3)iframe通信:7.HTML5的新属性:HTML部分1.HTML中Doctype的作用:Doctype声明用于告诉浏览器以何种方式来解析渲染页面。对于HTML5不是基于SGML(标准通用标记语言)实现的,所以在声明DOCTYPE
2020-10-09 17:16:29
538
原创 2020前端面试(六)- HTTP面试题
点这里,欢迎关注文章目录HTTP部分1.什么是HTTP协议:2.怎么理解HTTP协议的无状态性:3.HTTP与HTTPS:4.HTTP1.0,HTTP1.1,HTTP1.2的区别:5.HTTP报文的基本结构:6.常见的头部字段7.HTTP的请求方式:(1)常见的请求方式:(2)get请求和post请求的区别:(3)get请求传递的参数长度的误区:8.HTTP的状态码:9.一句话概括RESTFUL:HTTP部分1.什么是HTTP协议:HTTP是基于TCP/IP的可靠的超文本传输协议。用于在客
2020-10-09 17:14:33
1215
原创 记一个前端面试题[1,2,3].map(parseInt)
[1,2,3].map(parseInt)分析:- 将map函数中的回调函数换为了parseInt函数- parseInt(string, radix) 原来可以接收两个参数,第二个参数为基数,此时第一个参数表示的是以第二个参数为基数表示的值,返回值是该值的十进制形式。- 比如:parseInt('123',5)表示把5进制的123转换为10进制,也就是1\*5^2 + 2\*5^1 + 3\*5^0=38原题分析:原表达式相当于:parseInt(1, 0) // 将0进制的1转换为1
2020-10-09 14:17:06
216
原创 2020前端面试(三)-浏览器存储机制篇
文章目录1.总述:2.Cookie:(1)来源:(2)实现原理:(3)Set-Cookie字段中可以设置的属性:(4)Cookie如何防范跨站脚本(XSS)攻击:(5)存储类型:(6)应用场景:(7)缺陷:3.localStorage:4.sessionStorage:5.Cookie、localStorage、sessionStorage的区别:6.IndexedDB:7.Cookie和Session的区别:8.Cookie和Session的联合使用:9.Token与Session:10.如何实现不同标签
2020-10-06 18:09:49
731
原创 2020前端面试(二)-浏览器缓存机制篇
文章目录1.缓存的位置:2.缓存过程的分析:3.浏览器的缓存策略:3.1强缓存(1)Expires方法(设置过期时间)(2)Cache-Control方法(设置过期时间)(3)Expires和Cache-Control两者对比:3.2协商缓存:(1)Last-Modified(根据文件修改时间来决定是否从缓存取数据)(2)Etag方法(根据文件内容是否修改来决定是否从缓存取数据)(3)Last-Modified与Etag两者比较4.浏览器的缓存机制:5.实际场景中的缓存策略应用:浏览器的缓存机制即是HTT
2020-10-06 18:05:54
2315
原创 2020前端面试(一)-浏览器渲染机制篇
文章目录1.一个页面从输入URL到加载显示完成,这个过程发生了什么?2. 重绘和重排(回流)(1)渲染树的生成过程:(2)回流:(3)重绘:(4)何时会触发回流和重绘(5)浏览器对于重排的优化机制:(6)减少重绘和重排:a.合并多次对DOM样式的修改:b.批量修改DOM:c.缓存布局信息,减少某些属性的使用:d.对于复杂的动画效果,应使用绝对定位让其脱离文档流:e.CSS3硬件加速f.不要使用table表格:1.一个页面从输入URL到加载显示完成,这个过程发生了什么?https://segmentfau
2020-10-06 18:02:13
737
2
原创 2020前端面试(五)-Ajax篇
文章目录1.如何实现Ajax请求:2.ajax返回的状态:3.如果我想发出两个有顺序的ajax需要怎么做?(原生JS的ajax)4.发送Ajax请求时禁止浏览器的缓存功能:5.websocket和ajax的区别是什么:5.1 [什么是websocket](https://segmentfault.com/a/1190000011450538):(1)websocket诞生的背景:(2)在websoket之前服务器推送消息的两种方式:(3)websoket的概念:(4)webSocket的应用:5.2 web
2020-10-06 17:56:57
590
原创 2020前端面试(四)-跨域篇
???? 跨域问题一.同源策略1.同源策略:同源策略是一种约定,它是浏览器最核心也最基本的安全功能。请求资源时必须保证同源,即"协议+域名+端口"三者必须相同,否则浏览器会因为安全性问题拦截请求到的数据。如果缺少了同源策略,浏览器很容易受到XSS、CSRF等攻击。2.同源策略限制内容有:Cookie、LocalStorage、IndexedDB 等存储性内容Ajax请求3.有三个标签是允许跨域加载资源:<img src=XXX><link hr
2020-10-06 10:35:08
172
原创 vscode 自动转换css为rem
安装cssrem点击进入设置中心在设置页面的输入框中输入“cssroot”,修改1rem代表的px值。系统默认设置为的是16px。重启VScode,键入px时会自动提示可以转换后的rem单位
2020-07-23 14:00:21
1728
1
原创 精灵图在线测量,自动生成想要图片的宽高及位置
在线工具网站:http://www.spritecow.com/1.点击select sprite2.按住鼠标并拖动,选择想要的精灵图,在下面的代码区域会自动的生成代码3.直接复制代码就可
2020-07-18 22:06:35
3275
3
原创 vue中使用js根据参数动态设置@keyframes,实现多个时钟不同角度的旋转
效果图:核心html代码://时钟【实际项目中为探测器,这里用时钟代替】是通过v-for循环出来的<div class="chart" v-for="(item,index) in currentDetectors" :key="index"> <div class="electChart"> <div class="detector"> //为每一个时钟均添加一个pointer类,设置初始的样式,包括初始位
2020-06-05 16:37:49
6612
原创 Must call super constructor in derived class before accessing or returning from derived const
源代码:<script> class Father { constructor() { } say() { console.log('this is father'); } } class Son extends Father { constructor() { } say() { console.log('
2020-06-03 18:16:30
3204
原创 vue+element-ui 自定义校验规则实现邮箱和手机格式的验证
表单:<el-form :model="addUserForm" :rules="addUserRules" ref="addUserRef" label-width="100px" class="demo-ruleForm" > <el-form-item label="用户名" prop="username"> <
2020-06-02 23:00:49
4101
原创 【vue+element-ui】获取el-table-column中一条记录的值
使用插槽:<el-table-column label="状态"> <!-- 作用域插槽 --> <template v-slot:="scope">{{scope}}</template></el-table-column>
2020-06-02 22:50:47
5514
原创 【vue+element-ui】为v-for渲染出来的每一项添加各自的图标样式
在data中添加一个对象menu,用于存储id与class类名的对应关系 menuIcon: { 125: "iconfont icon-yonghuguanli", 103: "iconfont icon-quanxianguanli", 101: "iconfont icon-shangpinguanli", 102: "iconfont icon-dingdanguanli", 145: "iconfont icon-s
2020-06-02 22:44:50
2376
3
原创 【vue+element-ui】实现发送数据请求时携带token
在main.js中配置axios请求拦截器:axios.interceptors.request.use((config) => { config.headers.Authorization = window.sessionStorage.getItem("token"); return config;});
2020-06-02 22:39:45
2219
原创 vue+element-ui 登录预验证,token
1.点击登录时的预验证触发函数调用this.$refs.xxx.validate方法 this.$refs.loginFormRef.validate((vali, obj) => { if (!vali) { return; } }2.配置axios发送登录请求main.js文件: //导入axios import axios from "axios"; //配置请求的根路径 axios.defaults.bas
2020-06-02 22:23:34
881
原创 HTML5的严格模式和混杂模式与!DOCTYPE的关系
1.前言:在讲HTML5的严格模式与混杂模式之前,我们需要谈谈HTML文件第一行必有的<!DOCTYPE>2.在HTML文件的第一行,我们都会注意到有一行<!DOCTYPE>,这是什么意思呢?其实<!DOCTYPE>是专门用来说明文档类型的,便于浏览器按指定的规则渲染页面。3.那这跟标题中的严格模式与混杂模式有什么关系呢?其实,使用了<!DOCTYPE>就表明HTML文档采用了标准模式:CSS1Compat。而不使用<!DOCTYPE>
2020-05-15 10:13:10
561
2
原创 自定义xshell(linux终端)主机名字和命令行颜色:
修改bashrc文件:vim ~/.bashrc在文件末添加:PS1='\[\e[01;33m\][\[\e[01;33m\]\u@\h\[\e[m\]\[\e[01;32m\]\W\[\e[01;33m\]]\[\e[37m\]\$[\e[m\] '先看效果:参数解释:[01;33m]中分号前的01表示字体的样式,33m表示字体的颜色。第一个位置[01;33m]表示当前用户第二个位置[01;33m]表示主机名第四个位置[01;32m]表示当前目录第五个位置[01;33m]表示右括
2020-05-15 09:38:44
1318
4
原创 无法远程访问docker中创建的web项目(华为云服务器)
1.创建完tomcat容器时,需要将宿主机的某个端口与tomcat容器的8080端口相通例如:2.然后在华为云服务器设置中更改安全组的设置,为安全组添加开放8099端口3.访问在tomcat中webapp下存放的项目:...
2020-05-15 09:05:19
842
原创 (华为云服务器)无法使用navicat远程连接docker创建的mysql容器
报错一:主要原因:未关闭防火墙解决:1.禁用Firewalld服务:systemctl mask firewalld2.停止Firewalld服务。systemctl stop firewalld报错二:原因:远程连接时需要将用户表的密码验证方式从caching-sha2-password改为mysql_native_password解决:步骤1:进入mysql容器,输入以下内容:select host,user,plugin,authentication_string
2020-05-15 08:47:42
990
原创 某计算机字长16位,主存容量128KW,请用16K 8 的静态RAM存储芯片和32K 16的ROM芯片,为该机设计一个主存储器。
题目:某计算机字长16位,主存容量128KW,请用16K 8 的静态RAM存储芯片和32K 16的ROM芯片,为该机设计一个主存储器。要求18000H1FFFFH为ROM区,其余为RAM区。画出存储器结构及其与CPU连接的框图。答案:...
2020-05-15 08:34:08
12637
原创 设某机内存容量为16MB,Cache的容量16KB,每块8个字,每个字32位.设计一个四路组相联映射(即Cache内每组包含4个字块)的Cache组织方式。
题目:设某机内存容量为16MB,Cache的容量16KB,每块8个字,每个字32位.设计一个四路组相联映射(即Cache内每组包含4个字块)的Cache组织方式。1)求满足组相联映射的主存地址字段中各字段的位数2)设Cache的初态为空,CPU从主存第0号单元开始连续访问100个字(主存一次读出一个字),重复此次序读8次,求存储访问的命中率3)若Cache的速度是主存速度的6倍,求存储系统访问加速比答案:(1):组相联映射主存地址被分成三个部分(由低位到高位):字快内地址、组地址、主存字块标记
2020-05-15 08:31:45
36581
9
原创 某计算机的CPU主频为500MHz,CPI为5(即执行每条指令平均需5个时钟周期)。假定某外设的数据传输率为0.5MB/s
题目:某计算机的CPU主频为500MHz,CPI为5(即执行每条指令平均需5个时钟周期)。假定某外设的数据传输率为0.5MB/s,采用中断方式与主机进行数据传送,以32位为传输单位,对应的中断服务程序包含18条指令,中断服务的其他开销相当于2条指令的执行时间。请回答下列问题,要求给出计算过程。当该外设的数据传输率达到5MB/s时,改用DMA方式传送数据。假设每次DMA传送大小为5000B,且DMA预处理和后处理的总开销为500个时钟周期,则CPU用于该外设I/O的时间占整个CPU时间的百分比是多少(假没
2020-05-15 08:30:22
8465
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人