不会唱杰伦-CSDN博客

原创面经--------------

1、抢镜（某不知名小公司）CSS的position的属性一共有多少种，他们对应的表现是什么？你知道哪些本地存储的方案，他们各自的优缺点是什么？你知道浏览器的缓存机制嘛？在你的项目中是如何设置缓存策略的？script标签的async属性和defer属性有什么作用？从浏览器输入url到页面展示经历了什么？在你的项目中用过哪些性能方面的优化？你是如何保证前端应用的稳定行的？比如代码规范，数据监控？你做过哪些前端提升人效的解决方案，怎么去评估它的效果？Q：1、CSS的position的属性一共

2022-07-10 18:01:43 1103 2

原创问卷调查系统环境配置&搭建

1、安装node环境参考windows下安装node环境2、下载程序源码百度网盘链接：https://pan.baidu.com/s/1rVL8f_sr_KD9M0zDCIHxnA提取码：0lzf解压3、Download Visual Studio Code下载链接：https://code.visualstudio.com/Download#英文是不是看着不爽？设置中文vscode设置中文3、运行项目在vscode中打开刚刚下载的项目文件夹打开后如图所示快

2021-04-18 12:59:15 1128 1

原创 AP（配置辅助平台）

AP配置辅助平台AP（正式版）AP-test（测试版)AP配置辅助平台开发手册一、AP平台报错问题开发过程中可能会遇到以下问题：1、进入页面提示 [错误，出错了]解决方案：F12，选择NetWork，找到出错的接口，一般可以在右侧Response中看到接口返回的数据中status状态为1，msg为"\u51fa\u9519\u4e86"，这是Unicode编码，解码后表示“出错了”，解码需要访问http://tool.chinaz.com/tools/urlencode.aspx。如果遇到类似

2020-11-27 15:33:46 637

原创修改Element默认样式

修改Element默认样式当我们在vue中引入第三方组件库的时候，vue组件中样式的scoped就会成为我们修改样式的阻碍，有以下三种方法修改样式，并且不影响全局样式：1、在样式外新增一个样式不添加scoped<style> .my{ margin: 20px; } .my .el-input__inner{ border-radius: 15px;/* 这个样式起效果 */ }</style><style scoped> .my .el-in

2020-11-27 11:21:24 382

转载经典的排序算法

一、算法概述算法分类：常见的排序算法可以分为两大类：比较类排序：通过比较来决定元素间的相对次序，由于其时间复杂度不能突破O(nlogn),因此也称为非线性时间比较类排序非比较类排序：不通过比较来决定元素间的相对次序，它可以突破基于比较排序的时间下界，以线性时间运行，因此也称为线性时间非比较类排序...

2020-11-10 13:14:51 90

原创前端输入url到页面展示

从浏览器输入url到页面显示的步骤输入url域名解析三次握手请求建立tcp连接浏览器构建http请求报文，请求报文通过tcp协议传送到服务器指定的端口发送http请求（请求行、请求头、请求体）服务器处理http请求并返回响应报文（状态码、响应头、响应正文）浏览器解析html文档，构建DOM树，CSSOM树，构架渲染树，定位页面元素，绘制页面四次挥手断开tcp连接01、输入url当我们开始在浏览器中输入网址的时候，浏览器其实就已经在智能的匹配可能的 url 了，他会从历史记录，书签等地方

2020-10-26 20:25:22 360

原创 HTTP的前生今世

HTTP的前生今世一、HTTP是什么老样子，先来介绍一下今天的主角，HTTP。http是一个简单的请求-响应协议，它通常运行在TCP之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）HTTP协

2020-10-26 18:06:19 203 3

原创 js的数据类型

js的数据类型在编程过程中，数据类型是重要的概念。为了能够操作变量，了解数据类型是很重要的。一、js常用数据类型js的数据类型有几种？据我所知，js数据类型有以下八种：Number、String、Boolean、undefined、object、NullNumberStringBooleanundefinedObject其中Object中包含了object，function，ArrayNullES6新增了一种数据类型Symbol 。这种类型的对象永不相等，即使创建的时候传入相同

2020-10-26 16:13:57 266

原创 ES6箭头函数总结

箭头函数ES6标准新增了一种新的函数：Arrow Function（箭头函数）。为什么叫Arrow Function？因为它的定义用的就是一个箭头：x => x * x上面的箭头函数相当于：function (x) { return x * x;} 箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ … }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ … }和return：x =>

2020-10-26 16:12:36 111

转载 js函数bind、call和apply

call、apply、bind的区别和联系在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处：1、都是用来改变函数的this对象的指向的。2、第一个参数都是this要指向的对象。3、都可以利用后续参数传参。一、call，apply，bind基本用法面试当中几乎每次都会问到一个js中关于call、apply、bind的问题，比如…怎么利用call、apply来求一个数组中最大或者最小值如何利用call、apply来做继承

2020-10-26 14:45:37 224

转载从零认识重绘(repaint)和重排(reflow)

重绘(repaint)和重排(reflow)接着上一篇的输入一个URL到页面展示发生了什么？接着引出了今天的主角：重绘和重排。前端性能优化一直以来都是要考虑的，这直接影响用户体验，重绘和重排作为前端性能优化的一部分也是面试中的高频考点重绘：某些元素的外观被改变，例如：元素的填充颜色，字体颜色的改变重排：重新生成布局，重新排列元素。页面生成的过程HTML 被 HTML 解析器解析成 DOM 树；CSS 被 CSS 解析器解析成 CSSOM 树；结合 DOM 树和 CSSOM 树，生成一

2020-10-26 10:20:06 519

原创 let、var、const的用法

let、var、const用法var 、 let、 const 都可以用来声明变量，那么它们的区别是什么？他们之间又有怎样的联系？让我们一起来康康。var声明的变量会挂载在window上，而let和const声明的变量不会var声明变量存在变量提升，let和const不存在变量提升let和const声明形成块作用域同一作用域下let和const不能声明同名变量，而var可以暂时性死区一、var声明的变量会挂载在window上，而let和const声明的变量不会话不多说，直接上代码，请看

2020-10-19 17:10:39 344

原创 CSS实现水平垂直居中

水平垂直居中作为一道面试必考题，水平垂直居中多次登上热搜，热度一直不减，作为吃瓜群众，这种大瓜你们确定不过来蹭一波热度吗？话不多说，直接上瓜1、为什么要水平垂直居中中国文化讲究对称,大到帝王的宫殿,小至老百姓的门户、装束,都讲究左右对称，也就是对称美，水平垂直居中作为对称中的对称，美的是一塌糊涂。这么美的东西你确定不学吗？所以学会它就Vans了。2、水平垂直居中实现方法以下是经常使用的水平垂直居中的方案：方案编号具体实现方案01flex弹性布局02子绝父相+le

2020-10-15 20:19:57 119

原创 HTTP常见状态码

HTTP常见状态码今天又是被前端萌化的一天，hhhh又双叒叕到了激动人心的写文章环节了，废话不多说，直接进入主题…？？？？今天主题是啥来着？？？？？？，哦哦哦oooo想起来了，是HTTP状态码！什么是HTTP状态码首先解释一下什么是HTTP状态码HTTP状态码：（英语：HTTP Status Code）是用以表示网页服务器超文本传输协议响应状态的3位数字代码官方解释是不是很到位？看完后不妨再看看通俗一点的理解↓当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收

2020-10-14 15:57:30 167

转载 MVC，MVP，MVVM架构模式

MVC（model-view-controller）MVC概念解释MVC：MVC是三个单词的首字母缩写，它们分别是Model（模型），View（视图）和Controller（控制器）Model：数据层，是应用程序中用于处理应用程序数据逻辑的部分。View：视图层，它是提供给用户操作的界面，是程序的外壳，是应用程序中处理数据显示的部分。Controller：控制层，它负责根据用户从视图层输入的指令，选取数据层中的数据，然后对其进行相应的操作，产生最终结果。理解：用户操作->View（负

2020-10-09 19:00:42 1023

原创 iconfont使用方法

一、iconfont他来了，他来了，他带着阿里妈妈iconfont字体图标库的使用方法向我们走来了！首先看一下什么是iconfont：Iconfont：阿里妈妈MUX倾力打造的矢量图标管理、交流平台。设计师将图标上传到Iconfont平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。敲黑板！敲黑板！敲黑板！童鞋们手里的iphone都放一放，认真听课了，重点来了。1.1、使用方法第一步：登录还是熟悉的套路，又是熟悉的场景，登录账号！细心

2020-09-30 17:33:51 520

原创笔试-找出数组中重复的元素

找出数组中重复的元素描述：在一个长度为 n 的数组 nums 里的所有数字都在 0～n-1 的范围内。数组中某些数字是重复的，但不知道有几个数字重复了，也不知道每个数字重复了几次。请找出数组中任意一个重复的数字。示例1：输入：[2, 3, 1, 0, 2, 5, 3]输出：2 或 3解题方法：int findRepeatNumber(vector<int>& nums) { //1.升序排序 sort(nums.begin(), nums

2020-09-29 20:03:27 128

原创 vue中qs的使用

vue中qs插件的使用qsqs安装qs使用之qs.parse()qs使用之qs.stringify()qsqs主要用于参数序列化，处理发送请求的参数qs官网：qs官网qs安装下载安装：全局安装：npm install qs使用淘宝镜像：cnpm install qs文件中引入：import qs from qs使用://调用接口，发送请求获取数据http.get("api/manage/console/getcheck_infobyid/?"+//使用qs将name，statu

2020-09-28 20:13:49 1192 1

不会唱杰伦