自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(37)
  • 收藏
  • 关注

原创 2024前端面试笔试题及答案_前端笔试真题

由于文档内容过多,为了避免影响到大家的阅读体验,在此只以截图展示部分内容[外链图片转存中…(img-1Or8m9DM-1720083107793)][外链图片转存中…(img-ppK9bKRI-1720083107795)]由于文档内容过多,为了避免影响到大家的阅读体验,在此只以截图展示部分内容。

2024-07-04 16:52:00 466

原创 炸裂,用JS创建一个录屏功能

然后在创建index.js,监听按钮的点击:});在浏览器中打开 html文件,点击按钮,我们可以在控制台看到打印的hello。现在把打印去掉,换成如下的内容:});});

2024-06-25 02:36:50 922

原创 基于JAVA实现的WEB端UI自动化 - WebDriver框架篇 - 框架设计小结

四轮技术面+一轮hr面结束,学习到了不少,面试也是一个学习检测自己的过程,面试前大概复习了 一周的时间,把以前的代码看了一下,字节跳动比较注重算法,面试前刷了下leetcode和剑指offer, 也刷了些在牛客网上的面经。大概就说这些了,写代码去了~祝大家都能收获大厂offer~篇幅有限,仅展示部分内容。

2024-06-25 00:40:27 452

原创 前端架构八大设计准则

作为架构师,应当有广博的知识面,能够透过现象看到问题的本质。脑海中印象很深的一件事是,有一次我们做了一个文件上传的功能,刚开始有用户反馈上传速度太慢了有时候还上传失败,大家一致认为是用户的网络有问题,直到后面又有客户反馈这个问题。我立马就意识到,这肯定不是网络的问题,而是单文件过大,IIS的限制导致问题的发生。后续的方案是采取了分片上传、修改IIS限制,解决了棘手这个问题。技术选型以需求为主,而不是人员现状。经常看到这样的情况,在做技术选型决策时,明知某种技术是最优的,但还是选择当前团队掌握的技术。

2024-06-24 23:47:43 828

原创 【愚公系列】软考中级-软件设计师 018-数据结构(二叉树的分类)_软件评测师二叉树知识

构建最优二叉树的基本思路是,首先根据每个节点的权重(即出现频率)进行排序,然后选择权重最小的两个节点作为左右子节点,生成一个新的父节点,并将父节点的权重设置为左右子节点的权重之和。哈夫曼树的求法:给出一组权值,将其中两个最小的权值作为叶子节点,其和作为父节点,组成二叉树,而后删除这两个叶子节点权值,并将父节点的值添加到该组权值中。构造出的哈夫曼树中,所有初始给出的权值都作为了叶子节点,此时,求出每个叶子节点的带权路径长度,而后相加,就是树的带权路径长度,这个长度是最小的。CSS 中常用的实现动画方式,

2024-06-24 21:38:18 706

原创 Node 服务端系统架构设计基本思想及常见场景解决方案

刚说到的分布式中,应用和数据库显然在系统中提供着不同的功能,而当我们部署多个相同的应用节点时,这些应用节点就形成了一个应用集群,可见集群就是系统中多个提供相同功能的节点形成的一个整体所谓单点,也就是系统内某个服务只有一个节点,比如我们的node应用,此时如果程序崩溃或服务器宕机,则系统整体对外表现为不可用,于是形成了单点故障系统可以持久的保持对外正常的服务node服务发布时往往需要停止服务,再以新的代码重新启动服务,在此期间如果系统仍可以保持对外的正常服务,则称为平滑发布。

2024-06-24 17:48:10 499

原创 Javascript中的reverse()和sort()排序介绍_sort与reverse

看到上面的这个示例,你会觉得排序和想象中的不一致,最终返回的不应该是[6, 9, 17, 22, 50]么?时,数组每一项转换成字符串后就得按顺序一位一位进行比较,在升序排序时,“17”应该排在最前面,因为“17”的第一位是“1”,比数组中其它值的ASCII码值都要小。所以,在实际开发中很少会使用这种排序方式,在排序中使用最多的就是数字排序。并不是按照数值进行排序,而是按字符串的ASCII码值进行比较排序的,所以当数组项为数字时,不传参数时会按升序方式对数组项进行排序,并返回排序后的数组。

2024-06-24 16:00:17 377

原创 arcgis api 3(1)

今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验,干货满满呀!如果你能够一直坚持看到这儿,那么首先我还是十分佩服你的毅力的。所以看完之后,还是多多行动起来吧!可以非常负责地说,如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话,那么你就至少已经达到了中级开发工程师以上的水平,进入大厂技术这块是基本没有什么问题的了。

2024-06-24 14:08:58 359

原创 请查收 2024 全球 JS 现状调查报告

如果你打算靠自己摸索自学,那么你首先要了解学习前端的基本大纲,这是你将要学习的主要内容,理解以及掌握好这些内容,便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程,作为初学者最好的方式就是看视频教程学习,初学者容易理解接受。不要选择买书学习,这样的方式没有几个人能学会,基本都是看不下去书,也看不懂书。如果喜欢看书的学弟,可以买一些经典的书籍作为辅助即可,主要还是以看教程为主。每天抽出固定几个小时学习,做好长期学习的准备。

2024-06-20 17:16:06 584

原创 前端秋招笔试(6)- 完美世界

(1)link元素中的CSS媒体查询。(2)样式表中的CSS媒体查询。

2024-06-20 12:36:13 194

原创 TypeScript 与 JavaScript 的区别(TypeScript万字基础入门,了解TS,看这一篇就够了)

面试题千万不要死记,一定要自己理解,用自己的方式表达出来,在这里预祝各位成功拿下自己心仪的offer。单实例继承age:numberconsole.log("年龄: "+drummer.age)console.log("喜欢的乐器: "+drummer.instrument)// 年龄: 25// 喜欢的乐器: Drums多实例继承v1:numberv2:number面试题千万不要死记,一定要自己理解,用自己的方式表达出来,在这里预祝各位成功拿下自己心仪的offer。

2024-06-18 21:55:23 728

原创 JavaScript优化技巧

了解语言及其工作原理基于用例进行设计调试!修复!重复记住这一点任何傻瓜都可以编写计算机可以理解的代码,优秀的程序员编写人类可以理解的代码。- 丁·福勒我们来看看如何使 JavaScript代码运行得更快。延迟延迟算法将计算延迟到需要执行时才执行,然后生成结果。// 现在,如果有需要在执行最快的代码是未执行的代码,所以尽量延迟执行。JavaScript 使用原型继承,JS 中所有对象都是Object的实例。

2024-06-18 19:42:21 830

原创 DIV+CSS学习笔记总结篇

前端CSS面试题文档,JavaScript面试题文档,Vue面试题文档,大厂面试题文档le-cell;”>透明度的兼容代码1-1000-1.00-1.00-1.0文本溢出的几种处理方法简单隐藏使用滚动条简单裁切div.clip{超出隐藏强制在一行显示裁切超出部分省略号div.elli{使用省略号清除浮动的几种方法投机取巧法– 不推荐直接一个放到当作最后一个子标签放到父标签那儿,此方法屡试不爽,兼容性强方法 --不推荐zoom:1;

2024-06-18 15:02:41 252

原创 大厂面试为何如此偏爱源码阅读?

很多人之所以觉得源码难以理解,主要是开始的方式错了,正确的思路应该是利用编辑器的先看清楚整体的代码是一个什么样的结构。比如像这样:把功能代码隐藏,的是在怎么样的一个里。然后我们再接着去找他的,如上图的Vue源码所示。我们使用Vue是直接New Vue(),所以我们直接去找他的Vue类在哪定义。然后看Vue的类里面又做了什么,一路查找下去。这样源码阅读就会更有头绪,更有思路。我们能够阅读一个框架的前提,是我们要学会用这个框架。就像上面说的找起点,。你才能找到起点。

2024-06-17 12:58:17 830

原创 【面试题】前端题面试小知识 <3>_new array(10001)

Polyfill 指的是用于实现浏览器并不支持的原生 API 的代码。比如说 querySelectorAll 是很多现代浏览器都支持的原生 Web API,但是有些古老的浏览器并不支持,那么假设有人写了一段代码来实现这个功能使这些浏览器也支持了这个功能,那么这就可以成为一个 Polyfill。事件代理(Event Delegation)也称之为事件委托。是JavaScript中常用绑定事件的常用技巧。顾名思义,“事件代理”即是把原本需要绑定在子元素的响应事件委托给父元素,让父元素担当事件监听的职务。

2024-06-17 03:19:19 441

原创 js基础(二):数据类型和变量

/ 1112 +号口诀:数值相加,字符相连。// 你好undefined。console.log(typeof num)//结果为 number。// 1.字符串型可以是引号中的任意文本,语法为 单引号 和 双引号。// 1.字符串型可以是引号中的任意文本,语法为 单引号 和 双引号。// 1.在JS中八进制前面加0,十六进制前面加 0x。// 对应十进制的7。//1.2 数值字符串 “相加”//1.3 数值字符串 + 数值。//1.1 字符串 “相加”// 1.4 字符串拼接加强。

2024-06-17 01:07:18 312

原创 Vue进阶(幺捌玖):VantUI 实现 Dialog 弹框动态显示 message_van-dialog 动态设置message(1)

实现步骤三时,鉴于移动设备屏幕尺寸限制,将弹出框锚点至相应省份信息时,会出现不友好的展示方式。在实现以上逻辑时,应注意控制弹窗的隐藏样式。共两个容器,一个地图,一个弹出框。

2024-06-15 22:20:18 182

原创 J2EE进阶(十一)SSH框架整合常见问题汇总(二)_j2ee用户登录ssh

世界上只有一种真正的英雄主义就是在认清生活真相之后仍然热爱它。

2024-06-15 20:19:08 988

原创 CSS学习记录03CSS的作用及样式

面试前要精心做好准备,简历上写的知识点和原理都需要准备好,项目上多想想难点和亮点,这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学,以及对于未来持续进阶的规划,企业招人更偏爱稳定的人。万事开头难,但是程序员这一条路坚持几年后发展空间还是非常大的,一切重在坚持。为了帮助大家更好更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。前端面试题汇总JavaScript性能linux前端资料汇总。

2024-06-13 10:39:46 229

原创 Java项目毕业设计:交流互动论坛信息网站(java+springboot+vue+mysql

我在成长过程中也是一路摸爬滚打,没有任何人的指点,所以走的很艰难。例如在大三的时候,如果有个学长可以阶段性的指点一二,如果有已经工作的师兄可以告诉我工作上需要什么,我应该前面的三年可以缩短一半;后来去面试bat,失败了有5、6次,每次也不知道具体是什么原因,都是靠面试回忆去猜测可能是哪方面的问题,回来学习和完善,当你真正去招人的时候,你就会知道面试记录是多么重要,面试官可以从面试记录里看到你的成长,总是去面试,总是没有成长,就会被定义为缺乏潜力。该前面的三年可以缩短一半;

2024-06-12 15:43:41 717

原创 JavaScript 数组

var arr = [“玛卡巴卡”,“哈呼呼”,“唔西迪西”];arr[1] = ‘小点点’;var arr = [“玛卡巴卡”,“哈呼呼”,“唔西迪西”];不要给数组名直接赋值,此时数组中的所有元素都没有了var arr = [“玛卡巴卡”,“哈呼呼”,“唔西迪西”];arr = “小点点”;新增数组元素。

2024-06-12 14:37:13 275

原创 flex布局,最后一行靠左显示

* 设置元素在主轴方向对齐方式 *//* 设置元素换行后的对齐方式 *//* 设置元素在侧轴对齐方式 *//* 两端对齐,中间自适应 *//* 设置元素是否换行显示 *//* 设置为伸缩盒子 *//* 设置主轴方向 *//* 竖立显示 *//* 环绕对齐 */

2024-06-12 13:25:41 365

原创 bootstrap使用(十)

块级按钮。

2024-06-12 12:06:15 550

原创 0基础学前端开发,HTML常用的五种标签,面试题+笔记+项目实战_前端实战项目 html标签

从转行到现在,差不多两年的时间,虽不能和大佬相比,但也是学了很多东西。我个人在学习的过程中,习惯简单做做笔记,方便自己复习的时候能够快速理解,现在将自己的笔记分享出来,和大家共同学习。如果在大二时就开始有意识的锻炼自己,参加社团,组织比赛,甚至创业,锤炼你的思维,培养你的能力,然后抓住校招的东风,你甚至能一遇风云便化龙。大厂的面试难在,针对一个基础知识点,比如JS的事件循环机制,不会上来就问概念,而是换个角度,从题目入手,看你是否真正掌握。普通的大学,不能阻止你的平庸,让你变得平庸的,是你停滞不前的心。

2024-06-12 10:45:07 186

原创 数据库有百万数据量的情况下,分页查询的方法及其优化方式

为了对下面列举的一些优化进行测试,下面针对已有的一张表进行说明。表名:order_history描述:某个业务的订单历史表主要字段:unsigned int id,tinyint(4) int type字段情况:该表一共37个字段,不包含text等大型数据,最大为varchar(500),id字段为索引,且为递增。数据量:5709294MySQL版本:5.7.16 线下找一张百万级的测试表可不容易,如果需要自己测试的话,可以写shell脚本什么的插入数据进行测试。

2024-06-11 18:11:54 766

原创 好用的 JavaScript 动画库

现阶段较热门是React、Vue两大框架,两者工作原理上存在共通点,也存在一些不同点,对于校招来说,不需要两个框架都学得特别熟,一般面试官会针对你简历中写的框架进行提问。Anime.js支持各种各样的效果,例如缩放,变形和旋转,为开发人员提供了轻松创建复杂时间表和动画的工具。Trix.js的多功能性允许创建大量的3D图形和动画,从简单的形状到复杂的模型。针对React应用程序量身定制的,在所有主要浏览器中提供了无缝的动画体验,并具有其简单的API。,在学习的过程可以结合框架的官方文档。

2024-06-11 16:55:52 334

原创 原生javaScript实现图片透明渐变轮播(代码)

全网独播-价值千万金融项目前端架构实战从两道网易面试题-分析JavaScript底层机制RESTful架构在Nodejs下的最佳实践一线互联网企业如何初始化项目-做一个自己的vue-cli思维无价,看我用Nodejs实现MVC代码优雅的秘诀-用观察者模式深度解耦模块前端高级实战,如何封装属于自己的JS库VUE组件库级组件封装-高复用弹窗组件。

2024-06-11 15:56:33 333

原创 关于webpack打包文件

entry: ‘./src/app.js’, //输出路径output: {path: path.resolve(__dirname, ‘dist’), //输出路径,__dirname表示为当前文件的路径下},plugins: [ //配置plugins],module: [ //配置loader。

2024-06-11 14:41:58 252

原创 你不可不知的WEB安全知识(第一部分:HTTPS, TLS, SSL, CORS, CSP)

HTTPS它是HTTP的安全版本,该协议的全称是Hypertext transfer protocol secure,它主要用于在web浏览器和网站之间发送数据。其他人不能访问数据,因为它使用TSL协议加密通信,我将在下一个主题中解释它。HTTPS的工作原理它使用称为传输层安全(TLS)的加密通信协议,前身称为安全套接字层(SSL)。此加密使用两个密钥,一个称为公钥,另一个称为私钥。1、:在浏览器和网站之间共享。2、:此密钥用于解密由公钥加密的信息,并且不会在服务器之外共享。TLS。

2024-06-11 13:51:38 987

原创 一名合格的前端工程师需要掌握的浏览器渲染笔记

框架原理真的深入某一部分具体的代码和实现方式时,要多注意到细节,不要只能写出一个框架。算法方面很薄弱的,最好多刷一刷,不然影响你的工资和成功率😯在投递简历之前,最好通过各种渠道找到公司内部的人,先提前了解业务,也可以帮助后期优秀 offer 的决策。要勇于说不,对于某些 offer 待遇不满意、业务不喜欢,应该相信自己,不要因为当下没有更好的 offer 而投降,一份工作短则一年长则 N 年,为了幸福生活要慎重选择!!!

2024-06-11 12:49:23 848

原创 【计算机网络原理】第三章 传输层

对于框架原理只能说个大概,真的深入某一部分具体的代码和实现方式就只能写出一个框架,许多细节注意不到。算法方面还是很薄弱,好在面试官都很和蔼可亲,擅长发现人的美哈哈哈…(最好多刷一刷,不然影响你的工资和成功率???在投递简历之前,最好通过各种渠道找到公司内部的人,先提前了解业务,也可以帮助后期优秀 offer 的决策。要勇于说不,对于某些 offer 待遇不满意、业务不喜欢,应该相信自己,不要因为当下没有更好的 offer 而投降,一份工作短则一年长则 N 年,为了幸福生活要慎重选择!!!

2024-06-11 10:21:01 377

原创 web前端入门到实战:32道常见的js面试题

面试前要精心做好准备,简历上写的知识点和原理都需要准备好,项目上多想想难点和亮点,这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学,以及对于未来持续进阶的规划,企业招人更偏爱稳定的人。万事开头难,但是程序员这一条路坚持几年后发展空间还是非常大的,一切重在坚持。为了帮助大家更好更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。前端面试题汇总a-zA-Z↩︎。

2024-06-11 02:02:16 555

原创 Html-小米官网头部

全部margin: 0;padding: 0;flex: 1;font-family: “宋体”;flex: 1;

2024-06-11 00:48:18 1035 1

原创 jQuery-Day3

🏆 学习の目标能够说出4种常见的注册事件能够说出 on 绑定事件的优势能够说出 jQuery 事件委派的优点以及方式能够说出绑定事件与解绑事件能够说出 jQuery 对象的拷贝方法能够说出 jQuery 多库共存的2种方法能够使用 jQuery 插件🥇 一、jQuery 事件注册​ jQuery 为我们提供了方便的事件注册机制,使开发人员易于操作,优缺点如下:优点: 操作简单,且不用担心事件覆盖等问题。缺点: 普通的事件注册不能做事件委托,且无法实现事件解绑,需要借助其他方法。

2024-06-10 18:06:10 737

原创 HTML(十一) 表单内容-详解

可关联的元素有:button,input,meter,output,progress,select,textarea列表选择器,主要用作选择菜单,默认是一个单选菜式1菜式2菜式3菜式4菜式5如果要开启多选功能,加上multiple属性菜式1菜式2菜式3菜式4菜式5如果在单选或多选的情况下,(默认四项),加一个size,另外可以使用**做分组**菜式1菜式2菜式3菜式4菜式5可以通过菜式1菜式2菜式3菜式4菜式5。

2024-06-10 16:52:20 844

原创 CSS 垂直居中的正确打开方式

parent{/* 核心代码 */.child{/* 核心代码 */

2024-06-10 15:36:54 1047

原创 10分钟教你 手写 Vue-Router

如果我们使用 vue_cli 创建项目并且运行时,使用上述创建方法会出现一些报错,原因在于创建标签时使用了 template而 vue_cli 使用的 运行时版的 vue,不支持 template 模板,需要打包的时候提前编译解决方法有两种修改 vue.config.js 配置使用完整版的 vue完整包含运行时和编译器,体积比运行时版大 10k 左右,程序运行的时候把模板转换成 render 函数使用 render 函数。

2024-06-10 14:17:47 564

空空如也

空空如也

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

TA关注的人

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