草庐IT

前端面试

全部标签

前端开发中的单元测试(unit testing)和端到端测试(end-to-end testing)

聚沙成塔·每天进步一点点⭐专栏简介前端入门之旅:探索Web开发的奇妙世界欢迎来到前端入门之旅!感兴趣的可以订阅本专栏哦!这个专栏是为那些对Web开发感兴趣、刚刚踏入前端领域的朋友们量身打造的。无论你是完全的新手还是有一些基础的开发者,这里都将为你提供一个系统而又亲切的学习平台。在这个专栏中,我们将以问答形式每天更新,为大家呈现精选的前端知识点和常见问题解答。通过问答形式,我们希望能够更直接地回应读者们对于前端技术方面的疑问,并且帮助大家逐步建立起一个扎实的基础。无论是HTML、CSS、JavaScript还是各种常用框架和工具,我们将深入浅出地解释概念,并提供实际案例和练习来巩固所学内容。同时

记录--前端无感知刷新token & 超时自动退出

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前端无感知刷新token&超时自动退出一、token的作用因为http请求是无状态的,是一次性的,请求之间没有任何关系,服务端无法知道请求者的身份,所以需要鉴权,来验证当前用户是否有访问系统的权限。以oauth2.0授权码模式为例:每次请求资源服务器时都会在请求头中添加Authorization:Beareraccess_token资源服务器会先判断token是否有效,如果无效或过期则响应401Unauthorize。此时用户处于操作状态,应该自动刷新token保证用户的行为正常进行。刷新token:使用refresh_token获取

Web前端二级导航栏设计

下面两个100行代码,注释详实易懂,主要靠gpt,这么说,是不是,只要某些游戏网站是开源的,我把网址给gpt,它也能给我找来,并在每一行注释,然后我各种搜资料,那么是不是可以几天速成制作精美而新潮的网页当然框架,数据库也得学, 道阻且长啊目录🌼前言🍉代码之导航栏👊效果🍉代码之二级导航栏👊效果🌼学习方法🌼前言初学web前端,发现gpt特别好用gpt给C++代码debug还是很好用的,虽然说给一道稍微需要思考变通的算法题,它很拉跨gpt在前端方面(文科)还不错,在后端(理科)方面就有点蠢了 🍉代码之导航栏以下代码的img随便找点资源,复制粘贴过来即可注意的是,img和index.html要在同一项

基于区块链与IPFS的数据共享系统之前端部分设计

本节对数据共享系统的前端做一个简单的介绍,包括目录结构、JS引入、页面跳转实现与发送文件功能的实现方法。购买专栏前请认真阅读:《基于区块链与IPFS的数据共享系统》专栏简介一、前端的目录结构如下├──css//样式文件│└──style.css├──index.html//主页└──statics//静态文件(首页图片)├──blockchain.jpeg├──favicon.ico//网站标签页图标├──keys.jpeg├──search.jpeg└──send.jpeg二、JS引入使用到的vue、elementui、axios通过cdnjs引入,在head标签中scriptsrc="ht

软件测试面试真题 | Selenium 的工作原理是什么?

Selenium 通常被我们用做测试web的自动化测试工具,其实Selenium不仅仅是个API,它是一组工具集合,它是由三大组件组成WebDriver:可以模拟真正的用户去操作浏览器页面,主要是通过控制浏览器厂商提供的driver来控制浏览器SeleniumIDE:是安装在浏览器上一个扩展工具,可以将操作浏览器的过程录制下来,可以导出不同的语言,不同的框架格式SeleniumGrid:可以在不同电脑上执行测试用例,实现分布式并发执行测试用例的效果。Web自动化测试的意义通常我们所说的Web 自动化测试,就是使用Selenium WebDriver 来对浏览器进行自动化控制。可以调用Selen

今年面试好激烈!

金三银四过去一半,市场火热,但是大家就业压力却没有缓解多少。很多粉丝后台留言,Java程序员面临的竞争太激烈了……我自己也有实感,多年身处一线互联网公司,虽没有直面过求职跳槽的残酷,但经常担任技术面试考官,对程序员招聘市场的现状很清楚。导致现在激烈竞争的原因不外乎三方面:1、Java程序员供应增加,大概是2018年的25%以上;2、高薪也意味着高门槛,技术需求越来越高;3、高端缺人,目前技术强、牛的Java程序员供不应求;虽然行业红利在消失,但这绝不是最坏的时代,只是回归理性和稳定,我们除了要判断趋势,还要看到本质。想要破局,可以直接从招聘信息的解析中迈出第一步。只要大家能精准踩点这些高薪技术

前端-relation-graph实现关系数据展示(关系图/流程图)

目录前言:1.relation-graph2.relation-graph数据关系组件---官方地址relation-graph-ARelationshipGraphComponenthttps://www.relation-graph.com/3.选择relation-graph的理由4.项目中引用relation-graph4.1下载命令4.2 在Vue2中使用4.3 在Vue3 中使用4.4 在React中使用5.简单的实例代码6.参考文献前言:    今天公司同事的项目新需求需要实现数据关系展示,我在CSDN上找的了答案,并分享给大家。具体在哪位大佬分享,我会在文章末尾引用标注给出链接

前端vue2中axios封装请求数据,教会你封装教会你请求数据 简单易懂,轻松学会axios封装请求数据 看一眼就会 手把手教会

前端vue2中axios封装请求数据,教会你封装教会你请求数据简单易懂,轻松学会axios封装请求数据看一眼就会手把手教会1、在完成下面的步骤之前,先脚手架创建vue项目,然后再vue项目当中,首先先创建一个文件夹utils,里面放request.js的文件(1)下载npmiaxios先下载好axios请求依赖(2)下面的这个文件,包括封装请求,以及拦截器,还有设置了请求头(里面的代码需要根据自己个人需求修改)importaxiosfrom"axios";//封装axios构造函数请求//1.先是自定义一个方法名//2.然后获取头部token值//3.延长器设不设置都可以constinstan

Jenkins持续集成、持续部署(CICD)-尚硅谷(含自己整理的前端、后端项目部署详细步骤)

文章目录该文章已同步收录到我的博客网站,欢迎浏览我的博客网站,[xhang'sblog](https://xhablog.online/)1.背景引入2.Jenkins简介3.GitLab环境搭建3.1SSH下安装GitLab3.2创建虚拟机,Docker下安装GitLab4.Jenkins安装4.1Jenkins官网4.2安装Jenkins的环境需求4.3安装JDK114.4安装Maven4.6安装Git4.7安装Jenkins5.凭证5.1凭证的概念5.2安装CredentialsBinding插件5.3添加全局凭证5.4普通用户密码凭证5.5SSH密钥凭证5.6在GitHub中设置公钥5

程序员面试笔试通关宝典系列丛书(由清华大学出版社出版)

程序员面试笔试通关宝典系列——编程职场成功的必备秘籍由清华大学出版社出版的专为编程爱好者和职业开发者打造的“程序员面试笔试通关宝典”系列丛书。该系列包含五本专业指南,覆盖数据库、Java、前端、通用编程和Python五个领域。这些书籍深度解析各领域的核心技术,包括数据库理论、Java高级特性、前端现代框架、编程基础与进阶知识以及Python语言艺术。每本书都融入了实战笔试题和面试技巧,并有行业资深专家的深度解读和经验分享。无论你是编程新手还是寻求职业突破的资深开发者,这套系列都将为你提供强大的支持。它将帮助你提升理论与实践能力,从容应对各种面试和笔试挑战,助力你在编程职业生涯中取得成功。选择“