- 博客(42)
- 收藏
- 关注
RSS订阅
原创 21届秋招前端面经
21届前端秋招面经汇总985本硕 非科班 前端小学生 从7月10号开始投简历 到现在手上已有的面试基本都给面完了（面的那叫一个昏天地暗，我想象过今年的面试会很痛苦，却没想到能这么痛苦）。最终决定还是将这一段时间的面试的经历给详细的写一写，为大家铺铺路，也是对面试中的知识点进行一个回顾和总结。下面先罗列出我面试的一些公司名单，后续会一家家的补上我记录中的面试内容。持续更新！！！（尽量做到每天更新一家）思谋科技（一面，二面，HR面）Shopee (笔试，一面，二面，HR面)作业帮（一面，二面，HR面）
2020-10-18 14:45:59
467
1
原创 秋招 -- 前端面经
大概记录下自己的秋招历程，希望对大家能够有所帮助吧，下篇博客开始写正式面经，如果不想看这个博客可以直接去主页找下一篇啦~秋招历程最近一直在准备秋招，博客也没有更新，上一篇还停留在2020年3月。从3月开始找实习一直到九十月秋招，大小厂投了个遍，索性结果还不错，拿了度小满，好未来，跟谁学（SP），有赞，大华，兴业数金，电信云。自己也是一边秋招一边整理面经，刚刚结束了秋招，计划将自己整理的面经发出来大家一起交流学习下，也希望能帮助到其他人吧~面试流程和男朋友一起准备的秋招，下面大概记录了每个厂.
2020-10-17 16:43:01
1164
5
原创 element-ui以服务方式调用loading，自定义修改icon
调用loading// 添加自定义类名，避免影响页面内部及button的默认loading样式})新建css文件// 自定义icon地址important;top: 40%;.el-loading-spinner .circular {/*隐藏 默认的 loading 动画*/important;important;.el-icon-loading:before{/*隐藏 默认的 loading 动画*/important;
2023-12-13 10:52:39
1087
原创 前端实现chatGpt流式输出 - SSE
Server-Sent Events (SSE)是一种用于实现服务器向客户端实时推送数据的Web技术，它允许服务器向客户端发送数据和信息。与 WebSocket 不同，SSE 是一种单向通信方式，只有服务器可以向客户端推送消息。与传统的轮询和长轮询相比，SSE提供了更高效和实时的数据推送机制。SSE基于HTTP协议，允许服务器将数据以事件流（Event Stream）的形式发送给客户端。客户端通过建立持久的HTTP连接，并监听事件流，可以实时接收服务器推送的数据。
2023-10-08 14:01:34
2235
1
原创 基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传
基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传
2023-04-04 10:41:10
7987
原创 iTerm2终端集成git缩写意思
iTerm2终端集成git缩写意思oh-my-zsh gitgit 插件提供了许多别名和一些有用的功能。在获取 OMZ 之前通过将 git 添加到 plugins 数组来启用它（参见 [[Plugins]]）AliasesAliasCommandggitgagit addgaagit add --allgapagit add --patchgaugit add --updategbgit branchgbagit branch
2021-11-15 09:16:18
577
原创 JavaScript将字符串转换为文档下载
JavaScript将字符串转换为文档下载downloadFile.js/** * @param {string} fileName * @param {string} content */export function downloadFile(fileName, content) { const a = document.createElement('a'); const event = document.createEvent('MouseEvents'); const blo
2021-11-10 14:34:11
746
原创 win10下nginx配置
win10下nginx配置1. 到nginx官网上下载相应的安装包，https://www.cnblogs.com/qfb620/p/5508468.html；2.下载进行解压，将解压后的文件放至自选的目录下，我的解压文件放在了d盘software目录下，如下图所示：3. 打开cmd窗口，进入到nginx目录（D:\software\nginx-1.18.0），使用“start nginx.exe ”进行nginx的安装，如下图所示：4.安装成功后，在“任务管理器”中会看到“nginx.e
2021-07-06 14:30:40
557
原创 vue实现点击按钮保存图片
HTML部分：<div class="btn" @click="saveImg">保存海报</div>js部分： downloadIamge: function(imgsrc, name) { let image = new Image(); image.setAttribute("crossOrigin", "anonymous"); image.onload = function() { let canvas =
2021-03-11 11:22:14
2641
8
原创 vue element上传文件并使上传文件按钮和其他按钮显示在同一行
vue element上传文件并使上传文件按钮和其他按钮显示在同一行<el-form> <el-form-item > <!-- 文件上传按钮 --> <el-upload class="upload-demo" action="http://localhost:9002/educenter/member/upImg" :on-preview="handlePreview" :on-
2021-03-11 11:19:47
2566
2
原创 21届秋招前端面经 -- 猫眼
JS继承的6种方式原型链继承 重点：让新实例的原型等于父类的实例。特点：实例可继承的属性有：实例的构造函数的属性，父类构造函数属性，父类原型的属性。（新实例不会继承父类实例的属性！）缺点：新实例无法向父类构造函数传参。继承单一。所有新实例都会共享父类实例的属性。（原型上的属性是共享的，一个实例修改了原型属性，另一个实例的原型属性也会被修改！）借用构造函数继承 重点：用.call()和.apply()将父类构造函数引入子类函数（在子类函数中
2020-10-27 15:08:21
324
原创 21届秋招前端面经 -- 淘宝
Vue和jquery区别1.jQuery首先要获取到dom对象，然后对dom对象进行进行值的修改等操作2.Vue是首先把值和js对象进行绑定，然后修改js对象的值，Vue框架就会自动把dom的值就行更新。可以简单的理解为Vue帮我们做了dom操作，我们以后用Vue就需要修改对象的值和做好元素和对象的绑定，Vue这个框架就会自动帮我们做好dom的相关操作。这种dom元素跟随JS对象值的变化而变化叫做单向数据绑定，如果JS对象的值也跟随着dom元素的值的变化而变化就叫做双向数据绑定3.vue适用的场景：复
2020-10-20 16:38:21
356
原创 21届秋招前端面经 --支付宝
支付宝一面事件委托的原理事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。好处：在JavaScript中，添加到页面上的事件处理程序数量将直接关系到页面的整体运行性能，因为需要不断的与dom节点进行交互，访问dom的次数越多，引起浏览器重绘与重排的次数也就越多，就会延长整个页面的交互就绪时间，提高性能；使用场景给 ul 的1000个li注册点击事件，普通做法是循环给每个li添加，事件委托利用事件对象的 target 来找到当前点击的 li，因为点击 li，事件会冒
2020-10-20 16:25:17
397
原创 21届秋招前端面经 -- 腾讯（企业微信部）
For Each和map区别一、相同点：1.都是循环遍历数组中的每一项2.每次执行匿名函数都支持三个参数，参数分别为item（当前每一项），index（索引值），arr（原数组）3.匿名函数中的this都是指向window4.只能遍历数组二、不同点1.map()会分配内存空间存储新数组并返回，forEach()不会返回数据。2.forEach()允许callback更改原始数组的元素。map()返回新的数组。数组方法foreach、map、filter、some、everyforEach
2020-10-19 14:58:24
649
原创 21届秋招前端面经 -- 腾讯
Ajax实现音乐播放器//获取随机频道信息 function getChannel(){ $.ajax({ url: 'http://api.jirengu.com/fm/getChannels.php', dataType: 'json', Method: 'get', success: function(response){
2020-10-19 08:56:12
501
1
原创 21届秋招前端面经 -- 兴业数金
JS事件流事件流描述的是从页面中接收事件的顺序。事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即 DOM 事件流。比如我们给一个div 注册了点击事件：DOM 事件流分为3个阶段：捕获阶段当前目标阶段冒泡阶段事件冒泡： IE 最早提出，事件开始时由最具体的元素接收，然后逐级向上传播到到 DOM 最顶层节点的过程。事件捕获： 网景最早提出，由 DOM 最顶层节点开始，然后逐级向下传播到到最具体的元素接收的过程。同步和异步同步 所有的操作都做完，才返回给
2020-10-18 14:41:08
1795
原创 ajax
ajax请求的五个步骤创建XMLHttpRequest异步对象var xhr = new XMLHttpRequest()设置回调函数xhr.onreadystatechange = callback使用open方法与服务器建立连接// get 方式xhr.open("get", "test.php", true)// post 方式发送数据 需要设置请求头xhr.open...
2020-03-31 10:22:42
116
转载 Vue常见面试题
1.vue优点？答：轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；双向数据绑定：保留了angular的特点，在数据操作方面更为简单；组件化：保留了react的优点，实现了html的封装和重用，在构建单页面应用方面有着独特的优势；视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需...
2020-03-30 17:34:35
795
原创 URL
URL统一资源定位符（Uniform Resource Locator，URL）是互联网上标准资源的地址。互联网上每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。URL的一般语法格式为：protocol://host[:port]/path/[?query]#fragmenthttps://www.runoob.com/jquery/jquery-tuto...
2020-03-04 15:51:36
159
原创 JS同步和异步
同步任务同步任务都在主线程上执行，形成一个执行栈。异步任务JS的异步是通过回调函数实现的。一般而言，异步任务有以下三种类型：普通事件，如click、resize等资源加载，如load、error等定时器，包括setInterval、setTimeout等异步任务相关回调函数添加到任务队列中（任务队列也称为消息队列）...
2020-03-04 15:44:04
114
原创 js窗口加载事件
window.onload = function(){}或者window.addEventListener("load",function(){})window.onload是窗口（页面）加载事件，当文档内容完全加载完成会触发该事件（包括图像、脚本文件、CSS文件等），就调用的处理函数。注：有了window.onload就可以把JS代码写到页面元素的上方，因为onload是等页面内容...
2020-03-04 15:39:59
3170
原创 模拟京东快递单号查询案例
快递单号输入内容时，上面的大号字体盒子（con）显示（这里面字号更大）表单检测用户输入：给表单添加键盘事件同时把快递单号里面的值（value）获取过来赋值给con盒子（innerText）作为内容如果快递单号里面的内容为空，则隐藏大号字体盒子（con）<script> var con = document.querySelector('.con'); var jd_in...
2020-03-04 15:32:50
1092
原创 模拟京东按键输入内容
核心思路：检测用户是否按下了s键，若按下，就把光标定位到搜索框里面使用键盘事件对象里面的keycode 判断用户按下的是否是s键搜索框获得焦点：使用js里面的focus（）方法<body> <input type="test"> <script> var search = document.querySelector('input'); d...
2020-03-04 15:21:25
212
原创 Java内存分析、稀疏数组
稀疏数组介绍当一个数组中大部分元素为0，或者为同一值的数组时，可以使用稀疏数组来保存该数组。稀疏数组的处理方式是：记录一个数组一共有几行几列，有多少个不同值把具有不同值的元素和行列及值记录在一个小规模的数组中，从而缩小程序的规模如下图：左边是原始数组，右边是稀疏数组：...
2020-03-04 15:11:50
114
原创 JS常用的鼠标、键盘事件
常用的鼠标事件鼠标事件触发条件onclick鼠标点击左键触发onmouseover鼠标经过触发onmouseout鼠标离开触发onfocus获得鼠标焦点触发onblur失去鼠标焦点触发onmousemove鼠标移动触发onmouseup鼠标弹起触发onmousedown鼠标按下触发禁止鼠标右键菜单contex...
2020-03-02 17:49:09
290
原创 事件对象的常见属性和方法
1.e.target与thise.target 返回的是触发事件的对象（元素）this返回的是绑定事件的对象（元素）e.target点击了哪个元素，就返回哪个元素；this哪个元素绑定了该事件就返回谁事件对象属性方法说明e.target返回触发事件对象 标准e.srcElement返回触发事件对象 非标准 ie6...
2020-03-02 17:30:17
1306
原创 JS表单全选以及反选
效果图：当表单内所有均被选择时，最上方全选自动勾选；当表单内有选项未被选择时，最上方全选自动取消；当最上方全选勾选时，表单内所有均被自动勾选。<body> <div class="wrap"> <table> <thead> <tr> ...
2020-02-29 17:05:03
274
原创 JS发送手机验证码倒计时
<body> 手机号码: <input type="number" /> <button>发送</button> <script type="text/javascript"> var btn = document.querySelector('button'); var time = 10 ;//剩下的秒数 b...
2020-02-29 17:00:53
183
原创 JavaScript的组成
JS基础以及Web APIs关系APIAPI是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问的一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。Web APIWeb API是浏览器提供的一套操作浏览器功能和页面元素的API（BOM和DOM）。...
2020-02-16 16:07:54
133
原创 JQuery的下载及使用
JQuery下载进入官网www.jquery.com点击首页右上方Download按钮，进入下载页面。JQuery版本说明： 1x：兼容IE 678等低版本浏览器，官网不再更新 2x：不兼容IE 678等低版本浏览器，官网不再更新 3x：不兼容IE 678等低版本浏览器，是官方主要更新维护的版本ps： 若需要之前的版本，可通过以下网址下载：https://code.jquery.c...
2020-02-16 15:54:15
425
原创 JavaScript实现倒计时操作
JavaScript实现倒计时操作function countDown(time) { var nowTime = +new Date();//返回的是当前时间总的毫秒数 var inputTime = +new Date();//返回的是用户输入的毫秒数 var times = (inputTime - nowTime) / 1000;//times是剩余时间的秒数 var d = p...
2020-02-15 17:41:28
266
原创 JavaScript内置函数
内置对象JavaScript中的对象分为3种：内置对象、自定义对象、浏览器对象JavaScript 提供多个内置对象：Math/Array/Date…对象只是带有属性和方法的特殊数据类型。学习一个内置对象的使用，只要学会其常用的成员的使用（通过查文档学习）可以通过MDN/W3C来查询内置对象的方法很多，我们只需要知道内置对象提供的常用方法，使用的时候查询文档。MDNMozilla ...
2020-02-15 17:32:25
157
原创 JDK的卸载及安装
JDK卸载删除Java的安装目录删除JAVA_HOME删除path下关于Java的目录java-version安装JDK百度搜索JDK8（目前使用最多的是JDK8）找到下载地址同意协议下载电脑对应版本双击安装JDK更改安装路径记住安装路径配置环境变量1.我的电脑 --> 右键 -->属性2.环境变量 -->JAVA_HOME3....
2020-02-11 16:04:26
150
原创 基本的DOS命令
打开CMD的方式开始 + 系统 + 命令提示符Win键 + R键 输入cmd打开控制台（推荐使用）在任意文件夹下面，按住shift键 + 鼠标右击，在此打开命令行窗口资源管理器的地址栏前面加上 cmd 路径常用的DOS命令1. 盘符切换 例：E:2. 查看当前目录下的所有文件 dir3. 切换目录 cd · 跨盘符切换 cd /d F: · 返回上一级 cd.. · ...
2020-02-10 16:36:34
128
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人