自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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 1512

原创 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 759

原创 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 1056 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 1089

原创 2020美团前端笔试题

美团:题目1:蛋糕奶茶(数组)题目描述:小团的蛋糕铺长期霸占着美团APP中“蛋糕奶茶”栏目的首位,因此总会吸引各路食客前来探店。小团一天最多可以烤n个蛋糕,每个蛋糕有一个正整数的重量。早上,糕点铺已经做好了m个蛋糕。有一个顾客要来买两个蛋糕,他希望买这一天糕点铺中最重的和最轻的蛋糕,并且希望这两个蛋糕的重量恰好为a和b。剩余的n-m个蛋糕可以现烤,请问小团能否满足他的要求?输入描述:输入包含多组数据,每组数据两行。每组数据的第一行包含4个整数,n,m,a,b,空格隔开。这里不保证a和b的

2020-10-11 14:44:49 5629 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 628

原创 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 260

原创 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 209

原创 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 407

原创 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 1450 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 169

原创 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 149

原创 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 404 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 456

原创 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 985

原创 记一个前端面试题[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 198

原创 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 608

原创 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 2138

原创 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 606 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 510

原创 2020前端面试(四)-跨域篇

???? 跨域问题一.同源策略1.同源策略:同源策略是一种约定,它是浏览器最核心也最基本的安全功能。请求资源时必须保证同源,即"协议+域名+端口"三者必须相同,否则浏览器会因为安全性问题拦截请求到的数据。如果缺少了同源策略,浏览器很容易受到XSS、CSRF等攻击。2.同源策略限制内容有:Cookie、LocalStorage、IndexedDB 等存储性内容Ajax请求3.有三个标签是允许跨域加载资源:<img src=XXX><link hr

2020-10-06 10:35:08 155

转载 viewport、布局视口、视觉视口、理想视口 深入理解

https://www.jianshu.com/p/7c5fdf90c0ef

2020-07-31 23:03:13 268

原创 vscode 自动转换css为rem

安装cssrem点击进入设置中心在设置页面的输入框中输入“cssroot”,修改1rem代表的px值。系统默认设置为的是16px。重启VScode,键入px时会自动提示可以转换后的rem单位

2020-07-23 14:00:21 1676 1

原创 精灵图在线测量,自动生成想要图片的宽高及位置

在线工具网站:http://www.spritecow.com/1.点击select sprite2.按住鼠标并拖动,选择想要的精灵图,在下面的代码区域会自动的生成代码3.直接复制代码就可

2020-07-18 22:06:35 3138 3

原创 VSCode ctrl+s自动格式化代码

步骤1:步骤二:步骤三:

2020-07-09 11:11:43 5101

原创 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 6371

原创 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 3013

原创 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 3953

原创 【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 5485

原创 【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 2331 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 2201

原创 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 853

原创 HTML5的严格模式和混杂模式与!DOCTYPE的关系

1.前言:在讲HTML5的严格模式与混杂模式之前,我们需要谈谈HTML文件第一行必有的<!DOCTYPE>2.在HTML文件的第一行,我们都会注意到有一行<!DOCTYPE>,这是什么意思呢?其实<!DOCTYPE>是专门用来说明文档类型的,便于浏览器按指定的规则渲染页面。3.那这跟标题中的严格模式与混杂模式有什么关系呢?其实,使用了<!DOCTYPE>就表明HTML文档采用了标准模式:CSS1Compat。而不使用<!DOCTYPE>

2020-05-15 10:13:10 505 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 1254 4

原创 无法远程访问docker中创建的web项目(华为云服务器)

1.创建完tomcat容器时,需要将宿主机的某个端口与tomcat容器的8080端口相通例如:2.然后在华为云服务器设置中更改安全组的设置,为安全组添加开放8099端口3.访问在tomcat中webapp下存放的项目:...

2020-05-15 09:05:19 792

原创 (华为云服务器)无法使用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 967

原创 某计算机字长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 11940

原创 设某机内存容量为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 35089 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 8163 5

原创 uni-app切换底部导航栏后无数据显示

解决:由于在pages.josn中添加了路由,所有必须重新启动uni-app来刷新

2020-04-21 14:26:19 1385

空空如也

空空如也

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

TA关注的人

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