草庐IT

纯前端

全部标签

第一次面试实习-Web前端开发

第一次面试总结背景情况:1、室友推荐,12月推送了需要实习生的师哥的微信(当时准备考研期间)2、推了几次机会,但暂时没空没有面试3、3月考研成绩出来后,没过国家线,打算考教资(3月12号)后找工作4、3月9号联系我是否有空面试,答应后10号面试5、对于前端接触不多,接触的更多的是java开发,加上备考教资,我就拿出了一天时间去了解公司,和面试的一些技巧。做了一页纸的公司优势。6、没有实习经历,因为准备考研去了。面试情形:因为之前联系过几次,所以面试视频时(微信视频),两个师哥(我猜:一个需要实习生的,一个部门管理人),并不是很紧张,反而在面试前,我很紧张。1、先自我介绍:学校背景,证书,校内经

【前端】jquery获取data-*的属性值

 通过jquery获取下面data-id的值获取id方法一:dataset()方法//data-前缀属性可以在JS中通过dataset取值,更加方便console.log(getId.dataset.id);//112//赋值getId.dataset.id="113";//113//新增data属性getId.dataset.id2="100";//100//删除,设置成null,或者deletegetId.dataset.id2=null;//nulldeletegetId.dataset.id2;//undefind方法二:jquerydata()方法//取值varid=$("#getI

前端实现websocket的应用场景以及逻辑实现

前端实现websocket的应用场景以及逻辑实现前端在基础业务逻辑外,根据具体的业务需求还可以实现更复杂的交互逻辑,如:数据同步:WebSocket可用于实时更新数据,当服务器端数据发生变化时,通过WebSocket将变化的数据推送给前端,以保持数据的实时同步。聊天功能:使用WebSocket实现实时聊天功能,前端用户可以发送消息给服务器并接收其他用户发送的消息。多用户协同编辑:通过WebSocket将多个用户之间的编辑操作实时同步,实现多人协同编辑功能。实时数据展示:将实时数据从服务器传输到前端,展示在页面上,如股票行情、实时天气等。websocket实现逻辑连接建立:当WebSocket连

前端 vue el-table 增加合计行及合并单元格

自己总结的,不好别喷,谢谢~~~先看效果图 表格触发调用方法 合计行代码在合计行方法中直接去修改了表格样式//合计行addTotal(param){const{columns,data}=param;//console.log(columns)constsums=[];columns.forEach((column,index)=>{if(index===0){console.log(column)column.colSpan=4;//行占用格数column.rowSpan=1;//列占用格数sums[index]='权重得分合计';}if(index!==0&&index!==4){colu

前端需要知道的计算机网络知识----网络安全,自学网络安全,学习路线图必不可少,【282G】初级网络安全学习资源分享!

网络安全(英语:networksecurity)包含网络设备安全、网络信息安全、网络软件安全。黑客通过基于网络的入侵来达到窃取敏感信息的目的,也有人以基于网络的攻击见长,被人收买通过网络来攻击商业竞争对手企业,造成网络企业无法正常营运,网络安全就是为了防范这种信息盗窃和商业竞争攻击所采取的措施。随着互联网的高速发展,信息安全问题已经成为企业最为关注的焦点之一,而前端又是引发企业安全问题的高危据点。在移动互联网时代,前端人员除了传统的XSS、CSRF等安全问题之外,又时常遭遇网络劫持等新型安全问题。当然,浏览器自身也在不断在进化和发展,不断引入CSP、Same-SiteCookies等新技术来增

Vue前端渲染blob二进制对象图片的方法

近期做开发,联调接口。接口返回的是一张图片,是对二进制图片处理并渲染,特此记录一下。本文章是转载文章,原文章:Vue前端处理blob二进制对象图片的方法接口response是下图显然,获取到的是一堆乱码,前端需要将其解析出来,百度之后发现解析二进制文档流的写法如下:1.定义接口的时候加上responseTypeexportfunctionImgTest(){returnrequest1({url:"/test",method:"get",responseType:"blob",});}methods中,imgUrl是接收的模型ImgTest(){ImgTest().then((res)=>{c

微信小程序获取用户手机号码教程(前端+后端)

系列文章目录文章目录系列文章目录前言一、前端实现获取用户手机号码1.前端获取用户登录凭证code2.后端解析用户登录凭证获取手机号码二、注意事项总结前言在开发微信小程序时,获取用户手机号码是常见的需求之一。本教程将为你详细介绍如何在前端和后端实现获取用户手机号码的功能,以及如何保护用户隐私和安全。一、前端实现获取用户手机号码在微信小程序中,可以通过调用wx.login()获取用户的登录凭证code,然后将code发送给后端服务器,由后端通过微信提供的接口获取用户的手机号码。具体步骤如下:1.前端获取用户登录凭证code在前端页面的逻辑层中,调用wx.login()方法获取用户的登录凭证code

vue前端和后端交互实现(最简单)

大家在写项目时候都会遇到一个问题,就是前后端的交互情况,也就是前端发的请求,后端能给前端相应结果返回。原理很简单,但是有很多人可能不知道是如何实现的前后端交互,今天就给大家分析一下。    知道的前端和后端的基础之后,那么我们就得先知道前端该如何去请求,在前端中,最原始的请求就是去new XMLHttpRequest();但是这种方法基本被淘汰,因为比较麻烦。然后后面就是jQuery的请求,先比与原生简单许多,但是我们所使用的前端框架是vue,所以肯定是不会去引jQuery的,所以这里所使用的是axios的这一个库。大家安装一下就可以去使用npmiaxios         好了,接下来说一下

处理前端访问m3u8视频文件出现跨越问题

一、后端模板渲染的方式,不需要处理,不会存在跨域问题二、如果是前后端分离项目在nginx中配置跨域1、m3u8文件存放在服务器地址为`/home/video-api/public/uploads/video2、修改nginx的配置location/uploads/video{ types{ application/vnd.apple.mpegurlm3u8; video/mp2tts; } root/home/video-api/public; add_headerCache-Controlno-cache; #加上这句可以处理跨域 add_headerAccess-Control-Allow

使用模式时:无需请求,浏览器没有添加我在前端代码中设置的请求标头

在我的React应用程序中,我有以下API帖子,以允许用户编辑其配置文件(名称和图像)。staticupdateProfile(formData,user_id){constrequest=newRequest(`http://localhost:4300/api/v1/profiles/${user_id}`,{headers:newHeaders({'Authorization':getBearerToken()}),mode:'no-cors',method:"POST",body:formData});returnfetch(request).then(response=>{retur