自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(610)
  • 资源 (5)
  • 收藏
  • 关注

原创 input 输入 限制 大全

1、只能输入数字<el-input onkeyup="value=value.replace(/[^\d]/g,'')"></el-input>收集中…

2020-11-30 15:58:18 2228 6

原创 2022前端面试笔试题及答案

更多面试题已在小程序更新WX搜索 【MST题库】小程序查看css的重绘与回流重绘:当节点需要更改外观而不会影响布局。回流:DOM结构的修改引发DOM几何尺寸变化的时候,发生回流。常见的几何属性有width、height、padding、margin、left、top、border 或者是DOM节点发生增减移动。减少重绘和回流的办法。使用css3新增属性:translate替代top等方向值。避免频繁使用style,而是采用class。箭头函数和普通函数的区别是什么?普通函数this

2020-07-24 09:49:47 18881

原创 2022新前端面试题(中高级)

前言关于前端面试,及面试题目,我之前有很多文章总结过,可以在右侧搜索面试,进行查找。其实面试中可以问的问题很多,最近几年,我也面试过很多工作2-4年的前端,我一般会抓住他们做的项目,进行更详细的追问。所以,初中级前端面试的时候,除了掌握基础知识之外,项目中用到的技术要理清楚,假如你项目中用到的技术,问的时候却一问三不知,那么,基本上就会pass掉了。针对比较资深或者高级的前端面试,可能和初中级面试会有些不一样,当然,针对资深的前端,可能聊得东西更深,更广一些!这篇文章简单聊聊针对中高级前端我们要聊的话题。

2020-05-19 15:09:35 15307 2

原创 2022最新前端经典面试试题

1,阐述清楚浮动的几种方式(常见问题)(1)父级div定义 height原理:父级div手动定义height,就解决了父级div无法自动获取到高度的问题。 优点:简单、代码少、容易掌握 缺点:只适合高度固定的布局,要给出精确的高度,如果高度和父级div不一样时,会产生问题(2)父级div定义 overflow:hidden原理:必须定义width或zoom:1,同时不能定义heigh...

2019-12-17 17:35:56 29894 21

原创 【面试题】数组去重的五种方法

别着急,这篇文章只节选了简单的,好玩的,古老的,有实际讲解意义的去重方法,除了去重的实现以外,我还将和您分享这其中的其他细节和拓展。您或许不理解,为什么只有五种?当然,我可以举例出更多的例子来,但那有什么意义呢?工作中用不到那么多,会其中一二就可以。即使是面试,能说出五种也是完全足够的。所以,我们完全没有必要去记忆更多的去重方式。大厂面试题分享 面试题库前端面试题库 (面试必备) 推荐:★★★★★。

2023-02-06 19:28:52 214

原创 阿里面试官:如何给所有的async函数添加try/catch?

大厂面试题分享 面试题库前端面试题库 (面试必备) 推荐:★★★★★前端面试题库三面的时候被问到了这个问题,当时思路虽然正确,可惜表述的不够清晰后来花了一些时间整理了下思路,那么如何实现给所有的async函数添加try/catch呢?通过开发这个babel插件,了解很多 AST 方面的知识,了解 babel 的原理。实际开发中,大家可以结合具体的业务需求开发自己的插件大厂面试题分享 面试题库前端面试题库 (面试必备) 推荐:★★★★★前端面试题库。

2023-02-04 17:54:35 902

原创 【面试题】async/await、promise和setTimeout的执行顺序

事件的执行顺序,是先执行宏任务,然后执行微任务,这个是基础,任务可以有同步任务和异步任务,同步的进入主线程,异步的进入Event Table并注册函数,异步事件完成后,会将回调函数放入Event Queue中(宏任务和微任务是不同的Event Queue),同步任务执行完成后,会从Event Queue中读取事件放入主线程执行,回调函数中可能还会包含不同的任务,因此会循环执行上述操作。此时的await会让出线程,阻塞async内后续的代码,先去执行async外的代码。大厂面试题分享 面试题库。

2023-02-04 17:50:25 1006

原创 2023前端调试技巧

前端工作中,不仅编码很重要,重现bug,解决bug的能力同样重要。而这些都离不开代码调试。大厂面试题分享 面试题库前端面试题库 (面试必备) 推荐:★★★★★。

2023-02-02 18:12:03 487

原创 【面试题】2023当面试官问我前端可以做的性能优化有哪些

大厂面试题分享 面试题库前端面试题库 (面试必备)地址:前端面试题库面试过程中面试官问到前端性能优化有哪些,当我咔咔一顿输出之后面试官追问:前端可以做的性能优化有哪些呢?前端优化大概可以有以下几个方向:网络优化页面渲染优化JS优化图片优化webpack打包优化React优化Vue优化。

2023-02-01 17:51:18 551

原创 2023前端面试系列-- Vue 篇

MVVM,是的简写,其本质是MVC模型的升级版。其中Model代表数据模型,View代表看到的页面,ViewModel是View和Model之间的桥梁,数据会绑定到ViewModel层并自动将数据渲染到页面中,视图变化的时候会通知ViewModel层更新数据。以前是通过操作DOM来更新视图,现在是数据驱动视图。

2023-02-01 17:46:23 2423

转载 作为一个前端,都2023年了你还不会抓包吗?

本文将带你深入抓包原理,通过抓包工具 whistle 做到拦截线上页面请求数据,再响应本地代码1. 什么是抓包?抓包就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作,通过抓包可以:分析网络问题业务分析分析网络信息流通量网络大数据金融风险控制探测企图入侵网络的攻击探测由内部和外部的用户滥用网络资源探测网络入侵后的影响监测链接互联网宽频流量监测网络使用流量(包括内部用户,外部用户和系统...

2023-01-30 17:55:19 34

转载 2023被吊打的第一轮面试

背景base重庆,面试中高级,目标先检验一下自己的水平和能力顺便看看薪资,好直接开始把。自我介绍讲了一下自己的技术栈:掌握vue全家桶,底层及上层框架、掌握react底层原理、熟悉js、熟悉工程化、熟悉微信小程序、使用过node、关注前端趋势有开源经历、主方向工程化等。大概说了1分钟把,可能是我一边自我介绍一边在笑,面试官就问了一下:“你看起来心态很好啊!你是不是要写面经啊?”我:“我是紧张才笑,...

2023-01-30 17:55:19 45

原创 面试遇到的面试题(前端初级)50题

大厂面试题分享 面试题库,前端面试题库 (面试必备) 推荐:★★★★★

2023-01-13 16:51:31 939

原创 【TypeScript】泛型 (6)

现在我们已经给恒等函数加上了一个类型变量 Type,这个 Type 允许我们捕获用户提供的类型,使得我们在接下来可以使用这个类型。在现在的写法里,我们可以清楚的知道参数和返回值的类型是同一个。有的时候,我们会希望将泛型参数作为整个接口的参数,这可以让我们清楚的知道传入的是什么参数 (举个例子:Dictionary 而不是 Dictionary)。如果我们传入的是一个全是数字类型的数组,我们的返回值同样是一个全是数字类型的数组,因为 Type 会被当成 number 传入。

2023-01-12 18:12:38 225

原创 一个前端大神电脑里的秘密

作为前端仔,当你入职一家公司,拿到新发的电脑,你会对电脑干点啥,装开发环境?装软件?你是否铺天盖地到处找之前电脑备份的东西?又或者是想不起来有什么上一台电脑好用的软件叫什么名?这篇文章除了记录一些作为前端常用的一些开发环境、软件、网站等,还跟大家分享一下入职新公司需要了解的一些方向大厂面试题分享 面试题库前端面试题库 (面试必备) 推荐:★★★★★前端面试题库。

2023-01-12 18:02:17 617 1

原创 【面试题】说说你对发布订阅、观察者模式的理解?区别?

上述过程中,如果公司自己去管理快递的配送,那公司就会变成一个快递公司,业务繁杂难以管理,影响公司自身的主营业务,因此使用何种模式需要考虑什么情况两者是需要耦合的。例如生活中,我们可以用报纸期刊的订阅来形象的说明,当你订阅了一份报纸,每天都会有一份最新的报纸送到你手上,有多少人订阅报纸,报社就会发多少份报纸。上述代码,发布者和订阅者需要通过发布订阅中心进行关联,发布者的发布动作和订阅者的订阅动作相互独立,无需关注对方,消息派发由发布订阅中心负责。在发布订阅模式中,组件是松散耦合的,正好和观察者模式相反。

2023-01-11 18:01:49 312

原创 【TypeScript】对象类型(5)

因为对于类型系统,StringNumberPair 描述了一个数组,索引 0 的值的类型是 string,索引 1 的值的类型是 number。这样,我们就有了一个具有索引签名的接口 StringArray,这个索引签名表示当一个 StringArray 类型的值使用 number 类型的值进行索引的时候,会返回一个 string类型的值。在 TypeScript 中,属性可以被标记为 readonly,这不会改变任何运行时的行为,但在类型检查的时候,一个标记为 readonly的属性是不能被写入的。

2023-01-11 15:34:12 507

原创 【TypeScript】 函数 (4)

关于本节原文中的 push down 含义,在《重构》里,就有一个函数下移(Push Down Method)的优化方法,指如果超类中的某个函数只与一个或者少数几个子类有关,那么最好将其从超类中挪走,放到真正关心它的子类中去。即只在超类保留共用的行为。换句话说,如果这样一个返回 void 类型的函数类型 (type vf = () => void), 当被应用的时候,也是可以返回任何值的,但返回的值会被忽略掉。尽管我们在函数声明中,在一个必须参数后,声明了两个可选参数,它依然不能被传入两个参数进行调用。

2023-01-11 15:31:42 317

转载 30 岁了, 现在开始努力,晚吗?

“最好的种一棵树的时间是 20 年前,其次是现在”,启示我们不要被年龄和时间束缚,临渊羡鱼,不如退而结网,与其哀怨叹气,不如现在就开始行动起来。网上也有段子,黄忠六十跟刘备,德川家康七十大天下,姜子牙八十为丞相,佘太君百岁挂帅,孙悟空五百多岁西天取经,白素贞一千多年下山谈恋爱,以戏谑的方式讲述了大器晚成这个道理。听起来确实是能宽慰人心,什么时候都不算晚,从现在开始做,也就是大器晚成而...

2023-01-10 18:57:24 48

原创 【TypeScript】类型收窄(3)

但这并不是一个好方法,我们不得不用一个非空断言来让类型检查器确信此时 shape.raidus 是存在的,我们在 radius 定义的时候将其设为可选属性,但又在这里将其认为一定存在,前后语义也是不符合的。注意这些赋值语句都有有效的,即便我们已经将 x 改为 number 类型,但我们依然可以将其更改为 string 类型,这是因为 x 最初的声明为 string | number,赋值的时候只会根据正式的声明进行核对。如果传入的是空字符串,真值检查判断为 false,就会进入错误的处理分支。

2023-01-10 16:24:13 899

原创 【TypeScript】常见类型(2)

像这个例子中,类型注解写和没写都是一样的,但一些代码库会显式指定返回值的类型,可能是因为需要编写文档,或者阻止意外修改,亦或者仅仅是个人喜好。但是可以等一等再用,除非你确定要使用它。选项关闭的时候,如果一个值可能是 null 或者 undefined,它依然可以被正确的访问,或者被赋值给任意类型的属性。举个例子,如果你使用 document.getElementById,TypeScript 仅仅知道它会返回一个 HTMLElement,但是你却知道,你要获取的是一个 HTMLCanvasElement。

2023-01-10 16:19:05 191

转载 【2023】 开启你的面试计划

前言以前我看到面试贴就直接刷掉的,从不会多看一眼,直到去年 9 月份我开始准备面试时,才发现很多面试经验贴特别有用,看这些帖子(我不敢称之为文章,怕被杠)的过程中对我的复习思维形成影响很大,所以我现在把之前自己好好整理的面试计划分享出来,希望能帮到接下来要找工作的朋友,不喜勿喷哈~一、简历简历在找工作过程中是非常非常重要的,无论你是什么途径去面试的,面试你的人一定会看你的简历。1、重点简历就像高考...

2023-01-09 18:09:33 81

原创 【面试题】做了一份前端面试复习计划,保熟~

以前我看到面试贴就直接刷掉的,从不会多看一眼,直到去年 9 月份我开始准备面试时,才发现很多面试经验贴特别有用,看这些帖子(我不敢称之为文章,怕被杠)的过程中对我的复习思维形成影响很大,所以我现在把之前自己好好整理的面试计划分享出来,希望能帮到接下来要找工作的朋友,不喜勿喷哈~CSS3 中的盒模型有以下两种:标准盒模型IE(替代)盒模型。

2023-01-09 17:56:27 497

转载 2022:被裁后你会躺平平吗?

去年的年终总结:2021 从跳槽到被裁,也要和2022说再见了,做个总结吧一、裁员1月底经历了裁员,有兴趣的可以看另外一篇:【逃离一线】被裁后的面经与感慨234三个月就是减肥、复习、面试:【面试】2022被裁之后的面经-详细篇4月底因为各种原因,从杭州来到了武汉,开起了躺平的一年。2022实际工作日5月-12月,8个月。群里也有很多老哥,持续躺的更久的,覆巢之下安有完卵。二、工作对比看一张工作对比...

2023-01-08 10:00:48 67

转载 前端线上图片怎么生成马赛克?

前言说起图片的马赛克,可能一般都是由后端实现然后传递图片到前端,但是前端也是可以通过canvas来为图片加上马赛克的,下面就通过码上掘金来进行一个简单的实现。实现实现过程<imgsrc="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d0b4e30cd0f648fcbe675992ddcb90f1~tplv-k3u1fbpfcp-wat...

2023-01-08 10:00:48 49

原创 【TypeScript】 基础知识(1)

其实可能会过犹不及,面试官就会重点考察你说的每个细节,因为怀疑你说的都是你从网上看的,而不是你项目中用到的。不管怎样,一旦回答简单,不主动说出你的擅长点,或没有条理很清楚地说出你的亮点,就算我让你通过面试,也不会写上“框架细节了解比较深,数据库应用比较熟练”等之类的好评语,你即使通过技术和后面的综合面试,工资也是比较低的。在做项目介绍的时候,你可以穿插说出一些你的亮点,但请记得,不论在介绍项目还是在回答问题,你当前的职责不是说明亮点而是介绍项目,一旦你详细说,可能会让面试官感觉你跑题了。

2023-01-07 17:30:58 413 2

转载 在国企做程序员怎么样?

有读者咨询我,在国企做开发怎么样?当然是有利有弊,国企相对稳定,加班总体没有互联网多,不过相对而言,工资收入没有互联网高,而且国企追求稳定,往往技术栈比较保守,很难接触新的技术,导致技术水平进步缓慢。下面分享一位国企程序员的经历,希望能给大家一些参考价值。下文中的“我”代表故事主人公我校招加入了某垄断央企,在里面从事研发工程师的工作。下面我将分享一些入职后的一些心得体会。在国企中,开发是最底层最苦...

2023-01-07 16:57:02 73

转载 【年终总结】另类年终总结:在煤老板开的软件公司实习是怎样一种体验?

某个编剧曾经说过:“怀念煤老板,他们从不干预我们创作,除了要求找女演员外,没有别的要求。”,现在的我毕业后正式工作快半年了,手上的活越来越多,负责的事项越来越多越来越杂,偶尔夜深人静走在回家的路上,也怀念当时在煤老板旗下的软件公司实习时无忧无虑的快乐生活,谨以此文纪念一下当时的时光。画重点,福利究竟有多好首先公司的办公地点位于南京市中心,与新街口德基隔基相望。每天发价值88元的内部币,用于在楼下老...

2023-01-04 18:01:48 66 2

原创 教你程序员的年终报告怎么写

又到年终,各位是一年经验用十年呢?还是打怪的级数越来越高?年终的述职报告是很多公司都要求的一项工作.好的述职报告不能作为考量的所有,但是坏的述职报告却能导致对于接触过少的领导产生很大影响,毕竟很多时候述职报告并不只是自己的直接上级看,更高级的领导仅能从述职报告上来评判你的工作.述职报告有2个重要意义:1.向领导提炼总结一年工作内容,作为表现自己的形式2.作为年终个人总结前的部分铺垫,完成个人总结中...

2023-01-04 18:01:48 106

原创 意想不到的前端三个小妙招

大家开发中难免会遇到在当前页面中,点击某个按钮等之类的操作后,会在该页面弹出一个带着遮罩层的功能框,要求你点击遮罩层时,该功能框消失;那么问题来了,你点击该功能框中的功能按钮时,会先出发该点击事件,然后整个功能框就消失了,因为在你点击该功能框中的功能按钮时,会出现事件冒泡,那么我们如何特别简单的解决呢?像这样转换下就可以,如果直接this.modelList进行遍历就不管用,必须用arr这种,我觉得跟这玩意是复杂数据类型有关,不能只改变他地址,要改变他本身。是滴,你没看错,只需要这个.stop,即可~

2023-01-04 17:45:50 386

转载 程序员步入 30岁后,不能瞎卷了,停下等一等灵魂

一、反复思考:不能瞎卷了先说结论吧:不卷过于细节、远离业务的技术不卷偏离目标的体力活儿了如果你问我 “你的梦想是什么?”7年前,我正在自学转行程序员,我会告诉你:“成为一个真正的技术专家。”4年前,我刚刚从小公司跳槽到一家正规企业,我会告诉你:“成为一个业界一流的前端开发。”1年前,我的答案可能是:“成为一个熟悉某个行业,能解决一些问题的靠谱前端。”今年,我的真实想法可能更加悲观而具体:不失业、不...

2022-12-30 16:28:38 75

原创 【面试题】面试官:为什么Promise中的错误不能被try/catch?

之前我写过一篇文章,讨论了为什么中的错误可以被try catch,而setTimeout等api不能,有小伙伴提出之前面试被面试官问过为什么Promise的错误不能try catch,为什么要这么设计。好吧,虽然Promise这个话题大家都聊烂了,今天我们再来展开聊聊🤭。Promise是一个用来代表异步操作结果的对象,我们可以通过观察者模式观察异步操作的结果。在其它语言里面,我们多多少少接触过future,deferred这些概念,Promise其实就是Javascript的类似实现。根据MDN定义:A。

2022-12-30 16:07:03 740 1

转载 程序员年底好找工作吗?

到年底了除非必要不要辞职!除非必要不要辞职!除非必要不要辞职!重要的事情说三遍。很多老哥问我:工作干不下去了,这会儿辞职找工作合适吗?今天就来为大家解答一下,为什么不要在年底辞职,找工作。影响年终最后一笔大钱大家要知道,年终奖一般是在年底或是在次年统一结算,如果你在这时候离职,新公司的年终奖拿不到,连原公司的年终奖也大概率不保了。一般年终奖会是1~3个月工资,某些效益好的大厂甚至会给到6个月的工资...

2022-12-26 17:58:39 78

原创 面试官:ui组件可以自动加载,那么业务组件可以吗?

我们项目的业务组件还比较规范(如果实在不规范,其实手动维护一下这个Map也工作量不大),src/common/components有2个文件夹 basic 是基础组件,business里面是基于基础组件生成的业务组件,当然代码库内的代码都是随便写的,只是为了展示如何做自动加载组件。这两个点在很多项目都会有,常规的思路是我们手动的一个组件一个组件的搜,然后修改。按照常规的思路就是把全局引入的东西手动去掉,可是手动这个项目设计到的页面太多了,纯人工来改的话涉及到很多人天的工作量,

2022-12-26 17:45:15 1342

原创 我写这10+个JavaScript单行代码,被组长夸代码写得优雅!

浏览器使用选项卡式浏览,任何网页都有可能在后台,此时对用户来说是没有在浏览的, 知道怎么快速检测到,你的网页对用户是隐藏还是可见吗?本文整理了非常有用的单行代码,这些需求都是在开发中非常常见的,用单行代码可以帮助你提高工作效率。检查对象是否为空,实际上并不那么简单,即使对象为空,每次检查对象是否等于。包实现,如果你只是要实现去参数,这一句代码就可以实现,不用再引入。这种形式的,我们是经常需要取参数的,可以使用第三方的。幸运的是,下面的单行代码正是我们想要的。它的所有操作都是异步的,返回。

2022-12-23 17:08:19 3977

转载 在循环 for、for-in、forEach、for-of 、map中改变item的值,会发生什么?

听说你精通循环,我不信真正开始写业务逻辑,就离不开循环。而循环一直是编程中基础的基础。但是作为一个工作多年的前端程序员,一定还有人不了解循环的基础知识。下面我们一起来看看,在循环中如果改变了item的值会发生什么:forEach改变item本身const list = [ {name: 'a', count: 1}, 2, function fn() { console.log...

2022-12-22 15:57:27 63

转载 35岁程序员:被大厂裁员后,我赚的却是这样

这两年互联网行业一直不平静,都得都懂。认识一兄弟,技术不错,p7,干架构的,也在这场风波中“光荣毕业”了,前段时间找我出去小聚,聊起了这事儿:“比起惆怅,我更多的是感到自由了”,他中途说到,“其实在大厂工作的时候就接触过一些兼职。这下就放手去做了,一年快过去了,也确实小有成效,拿到手的不比以前少。”我理了理咱对话的内容,大致如下,有更好建议的朋友也可以留言,一起讨论。一、做什么副业?副业最好贴着主...

2022-12-21 15:35:02 114

原创 【面试题】聊聊 js 异步解决方案

继续聊聊 js 的异步解决方案有哪些,以及各个方案的优缺点是什么......

2022-12-21 15:30:27 478

原创 【面试题】5年前端 - 历时1个月收获7个offer

省流:最终拿到了58、UMU、便利蜂、虾皮、快手、腾讯、字节的offer。金三银四面试的, 这次整体面试通过率还挺高的, 面试前没有太多准备, 基本上是面试过程中不断复盘, 整理面试遇到的问题, 到最后面几家自己心仪的公司, 其实就会发现大家问的问题都差不多。时间过去比较久了, 最近得空了稍微整理一下发出来(不过有些比较重复的问题我当时没有记录, 现在也记不起来了)

2022-12-20 10:30:59 530

原创 【面试题】 面试官:你如何实现大文件上传

如果将大文件一次性上传,会发生什么?想必都遇到过在一个大文件上传、转发等操作时,由于要上传大量的数据,导致整个上传过程耗时漫长,更有甚者,上传失败,让你重新上传!先不说上传时间长久,毕竟上传大文件也没那么容易,要传输更多的报文,丢包也是常有的事,而且在这个时间段万不可以做什么其他会中断上传的操作;分片上传就是将大文件分成一个个小文件(切片),将切片进行上传,等到后端接收到所有切片,再将切片合并成大文件。,那么可得到4个切片,分别是[0,2MB]、[2MB,4MB]、[4MB,6MB]、[6MB,8MB]。

2022-12-16 16:57:34 826

头像生成器 小程序工具

头像生成器 小程序工具,自动生成头像,不需要服务器,前端代码,上传即用

2022-09-20

FiddlerRoot 过滤器

Fiddler 过滤器 有效过滤不需要的接口请求

2021-12-20

vue +el + Sortable table列拖拽排序

vue table 列拖拽排序例子

2021-05-19

二维码生成dome.zip

二维码生成实例 jq 打开即可查看效果

2021-02-07

公共的css样式类名开发更方便

公共的css,就不用重复写, 公共的css样式类名开发更方便

2020-01-03

空空如也

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

TA关注的人

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