草庐IT

纯前端

全部标签

前端知识梳理-浏览器篇

一、什么是进程,什么是线程进程是cpu资源分配最小单位,线程是进程最小调度单位。在我们的操作系统中,有许多许多的进程,操作系统每干一件事儿就会交给一个进程去做,比如打开音乐就是一个进程。而每个进程里又包含了许多的线程,例如打开了音乐播放器,放一首歌,就是一个新的线程,切换下一首,可能又是另外一个线程。总之他俩之间的关系就是一个进程包含多个线程。二、浏览器是多进程还是单进程浏览器一般都是多进程,每开一个tab页,就是一个新的进程。这也就是为什么一个tab页崩溃了不会影响到整个浏览器崩溃。他主要分为以下几个进程:1、主进程:只有一个,负责调度主控整个浏览器2、插件进程:每个插件都有一个进程,只在插

❤ 全面解析若依框架vue2版本(springboot-vue前后分离--前端部分)

❤解析若依框架之前台修改1、ruoyi修改页面标题-网页logo-页面标题-登录名称一般在vue项目public文件夹下命名为“favicon.ico”❤处理步骤第1步:将图标重命名为“favicon.ico”,并放在项目根目录下。第2步:然后在index.html中引入,title中修改页面标题。第3步:修改build文件夹下webpack.dev.conf.js和webpack.prod.conf.js文件中的内容。第五步:重新已经成功修改网页上的logoruoyi-ui-->public-->favicon.ico,把这个图片换成你自己的logo修改网页标题根目录下的vue.config

前端安全(XSS、CSRF)

前端安全一、xss攻击什么是xss攻击:XSS(跨站脚本攻击)是指攻击者通过注入恶意代码到Web页面中,从而达到攻击的目的。XSS(跨站脚本攻击)是一种常见的Web攻击方式,攻击者通过在Web页面中注入恶意脚本,从而达到窃取用户信息、Cookie和会话ID、破坏网站基础设施等目的。XSS攻击一般分为以下三种类型:1.反射型XSS反射型XSS攻击是指攻击者将恶意代码注入到URL中,让用户点击该链接后触发攻击。服务器接收到URL参数后,直接将其返回到浏览器端,浏览器解析URL参数中的恶意脚本并执行,从而达到攻击的目的。举例来说,攻击者可以通过以下方式构造一个恶意链接:http://example.

如何实现前端音频和视频播放?

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

web前端期末大作业实例 (1500套) 集合

文章目录📚web前端期末大作业(1500套)集合一、网页介绍二、网页集合💌表白网页125套(集合)💙Echarts大屏数据展示150套(集合)一、基于HTML+Echarts技术制作二、基于VUE+Echarts技术制作🎁更多源码📚web前端期末大作业(1500套)集合临近期末,大一新生的各种考试和专业结课作业纷至沓来。web实训大作业、网页期末作业、web课程与设计、网页设计等,简直让人头大。你还在为网页设计老师的作业要求感到头大?网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都能满足你的需求,废话不多说,直接看效果。一、网页介绍📔

【前端性能】性能优化手段-高频面试题

持续更新.............................最近更新2023/10/241.讲一下png8、png16、png32的区别,并简单讲讲png的压缩原理PNG8、PNG16、PNG32是PNG图像格式的不同变种,它们主要区别在于颜色深度和透明度支持的不同。区别PNG8:PNG8是一种8位颜色深度的PNG图像格式,它最多支持256(2^8)种颜色。对于颜色相对较简单、不需要透明度的图像,使用PNG8可以获得较小的文件大小。PNG8图像使用一种叫做调色板(Palette)的技术来存储颜色信息,它会创建一个包含所有使用的颜色的列表,并在图像中通过索引来引用这些颜色。PNG16:PN

前端实现 PPT 预览

1.背景随着互联网技术的发展,人们对于在线预览PPT文档的需求也越来越多。传统的方式是通过下载PPT文档后使用PPT软件进行查看,但这种方式需要安装软件并且不够方便。因此,前端实现PPT预览成为了一种解决方案,可以直接在网页上实现PPT文档的预览,提高用户的使用体验。2.实现方式前端实现PPT预览有多种方式,下面将介绍两种常用的方式,并分析其优劣势。方式一:使用iframe嵌入PPT文档通过使用HTML的iframe标签,将PPT文档嵌入到网页中进行预览。这种方式简单易实现,可以直接在网页中预览PPT文档,但是对于一些特殊格式的PPT文档可能无法正常显示。方式二:使用永中云预览(即永中DCS的

vue前端页面弹出红色报错遮罩层 Uncaught runtime errors:at handleError (webpack-internal:///./node_modules/webpack

报错信息:Uncaughtruntimeerrors:×ERRORUnknownpromiserejectionreasonathandleError(webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:296:58)ateval(webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:319:7)原因:当出现编译错误或警告时,在浏览器中显示全屏覆盖。解决方法:在vue.config.js中添加如下配置,重启项目即可

微前端:quankun

零:前言微前端可以将大应用拆分功能独立的微应用,可独立开发部署,每个微应用可以采用自己的技术栈,这样更好维护和拓展。微前端也会存在跨域权限控制数据共享性能(页面加载时间)安全多团队协作(一个团队负责一个页面或模块)组件重用。要采用适合的方案一:创建项目主项目yarncreatevitemain-app--templatereact-tsmicro-react01项目npxcreate-react-appmicro-react01--templatetypescriptmicro-vue01项目yarncreatevitemicro-vue01--templatevue-ts二:主项目操作npm

react ts openapi react-query docker前端架构小记

1.引言开发中,我们是否经常遇到以下痛点:项目越大,启动和热更新越来越慢,启动都要花个3-5分钟以上没有类型,接口返回的Object不拿到真实数据都不知道有哪些字段需要手动写很多request函数去调用api,手动书写各种判断枚举值缺乏代码格式化,代码错误检查,gitcommit规范难以维护的css代码和文件,js里面书写编写css时没有提示,js里面无法使用css高级用法数据流要么太死板,对ts支持很差(dva),要么太灵活(mobx)重度依赖redux,需要写很多模板文件npm包管理问题,比如:多版本的npm包冲突、npm包依赖嵌套、npm僵尸包、npm依赖包平铺到nodule_modul