草庐IT

前端面试

全部标签

【JS】前端base64转图片File对象

码base64ToFile.js/***base64转图片File*@param{String}base64图片base64*@param{String}fileName图片名称|默认→myimg*@returnsFile返回转换后的file数据类型*/constbase64ToFile=(base64,fileName='myimg')=>{//将base64按照,进行分割将前缀与后续内容分隔开letdata=base64.split(','),//利用正则表达式从前缀中获取图片的类型信息(image/png、image/jpeg、image/webp等)type=data[0].match

前端学习6:HTML链接

目录一、HTML超链接(链接)二、HTML链接语法 三、target属性 target属性值展示四、name属性 五、补充 关于创建电子邮件链接时如何发送邮件内容在进行抄送时,需要使用关键字:cc在进行密送时,需要使用关键字:bcc一、HTML超链接(链接)在HTML中,我们使用 标签来表示超链接。.超链接(Hyperlink)是网页中最常见的元素之一,整个互联网都是基于超链接而构建的。超链接可以是一个字,一个词、或者一组词,也可以是一幅图画,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。我们通过使用标签在HTML中创建链接。有两种使用标签的方式:1.通过使用href属性-创建指

Linux CentOS 常用命令 命令大全 面试

一、常用命令(一)基本命令1.关机shutdown-hnow    立刻关机shutdown-h5    5分钟后关机poweroff      立刻关机2.重启shutdown-rnow    立刻重启shutdown-r5    5分钟后重启reboot        立刻重启3.帮助--help命令shutdown--help:ifconfig--help:查看网卡信息man命令(命令说明书)manshutdown注意:manshutdown打开命令说明书之后,使用按键q退出(二)目录命令1.目录切换cd/切换到根目录cd/usr切换到根目录下的usr目录cd../切换到上一级目录或者c

【2023最新】32个web前端实战项目,练完即可就业,从入门到进阶,基础到框架,你想要的全都有,建议码住!

1、【网易云音乐首页制作】2、【实战项目之今日头条】3、【实战项目之拉勾网】4、【ReactNative项目之美食APP】5、【uni-APP项目实战教程】6、【React项目管理后台系统】7、【React项目教程(企业级实战开发)】8、【NodeJS+Express+MongoDB实战项目】9、【毕设论文辅导-React美食网】10、【仿小米电商网站】11、【仿网易云音乐】12、【React全家桶-新闻发布管理系统】13、【简书后台管理系统】14、【移动端网站布局-打造自己的“手机APP”】15、【Web支付开发(支付宝和微信支付)】16、【贪吃蛇小游戏】17、【Vue实战项目之喵喵电影】1

Web前端 ---- 【vue】vue 组件传值(props、全局事件总线、消息的订阅与发布)

目录前言父子组件父传子子传父全局事件总线什么叫全局事件总线如何创建全局事件总线如何在组件上获取到这个全局vc对象最常用的创建全局事件总线兄弟组件消息订阅与发布安装使用爷孙组件前言在上篇文章我们介绍了父子组件之间的传值通信,本文将介绍不仅限于父子组件之间的传值通信,还包括兄弟组件、爷孙组件之间的通信传值。以下方法暂未涉及到Vue3中新提供的方法父子组件父传子在父组件中给需要传递数值的子组件绑定属性importMySonfrom'./components/MySon.vue'exportdefault{name:'App',components:{MySon}}在子组件中使用props配置项接收姓

看完Redis缓存穿透、缓存击穿、缓存雪崩来吊打面试官!

一、前言「Redis是一个开源(BSD许可)的,内存中的数据结构存储系统,它可以用作数据库、缓存和消息中间件。」Redis在缓存应用中还是很广泛的,项目中也经常使用。基本上面试中肯定都会问到,总结一下增强记忆哈!在享受缓存带来的好处的同时,当然要防止这些不好的方面。下面我们一起来看看这三种情况的产生原因和解决方案!「总结:这三种情况都是在大量请求来的时候,Redis没有命中,请求直接打到数据库,从而导致数据库挂掉!」Redis缓存简图:二、缓存穿透1、产生原因「大量请求的key是不合理的,缓存中根本不存在(数据库中一般也不存在),导致这些请求绕过缓存直接访问数据库,给数据库造成了巨大的压力,随

前端请求到后端API的中间件流程解析

在前端请求到后端API的典型流程中,经过一系列中间件的处理,确保请求的顺利处理和安全性。以下是中间件的详细解析:1. 前端请求用户在前端发起请求,包括请求的URL、参数、以及其他必要的信息。2. 网关(Ingress/Nginx)请求首先经过网关层,可能是Ingress或Nginx。网关的主要功能包括:负载均衡: 将请求分发到多个后端服务,实现负载均衡,提高系统的性能和可用性。SSL终止: 在这一层进行SSL/TLS解密,保障数据的安全传输。请求转发: 根据请求的路径或其他条件,将请求转发到对应的后端服务。3. 路由中间件后端服务可能使用路由中间件,根据请求的URL或其他条件,将请求分发给相应

Vue 微前端开发的七大神器(译)

免责声明本文属于是语冰的直男翻译了属于是,略有删改,仅供粉丝参考,英文原味版请临幸 7BestToolsforVue.jsMicroFrontends[1]。微前端彻底改变了 WebApp 的构建和维护方式。使用正确的工具集,Vue爱好者可以轻松克服微前端的“管理危机”,并释放组件驱动开发的全部潜力。虽然但是,选择最佳工具集是一项挑战,因为有一大坨具有不同功能的工具。因此,在本文中,我将探讨Vue微前端的七种人气工具,辅助您入股Vue微前端的最佳工具。1.Bit(比特)图片Bit[2] 是一个独特的工具,具有强大的组件共享和协作功能。它允许开发者采用组件驱动开发,将具有较小自治组件的产品组合为

[HTML]Web前端开发技术7(HTML5、CSS3、JavaScript )CSS的定位机制——喵喵画网页

希望你开心,希望你健康,希望你幸福,希望你点赞!最后的最后,关注喵,关注喵,关注喵,佬佬会看到更多有趣的博客哦!!!喵喵喵,你对我真的很重要!目录前言CSS的定位机制文档流定位元素类型  浮动定位float的用处float的特点clear属性层定位position属性fixed固定定位相对定位:relative课后练习网页标题:CSS背景样式的应用网页标题:背景图像的应用网页标题:炫彩网站Logo网页标题:鼠标悬停效果前言开始期末考试周了,好多好多,要考的。佛系更新,暑假补齐。CSS的定位机制CSS定位可以将HTML元素放置在页面上指定的任意地方。CSS定位的原理是把页面左上角的点定义为坐标(

前端三大件html,css,js原生实现学生信息管理系统(课程设计)

话不多说,直接上代码,有用麻烦点个免费的赞赞。超级好用版。 目录结构如该图所示,只要将文件命名成图上三种。代码即可正常运行。分别有三个文件,一个是app.js,放学生信息删除添加查询主要逻辑代码。login.html放登录页面样式以及相关逻辑。studentList.html放置学生管理的页面。运行效果图: 代码: app.jslettemData={studentList:[{id:'1',name:"爱吃饭的小恐龙",age:"20",gender:"男",},{id:'2',name:"付渐渐",age:"19",gender:"男",}]}$(document).ready(funct