草庐IT

初级前端

全部标签

23年你可能错过的 10个 前端新变化

2023年前端圈中迎来了很多新的变化,快来回顾一下吧1.可迭代对象groupby使用groupby很容易对可迭代对象进行分组,例如下面的数组示例数据constarr=[{name:"芦笋",type:"蔬菜",quantity:5},{name:"香蕉",type:"水果",quantity:0},{name:"山羊",type:"肉",quantity:23},{name:"樱桃",type:"水果",quantity:5},{name:"鱼",type:"肉",quantity:22},];constcb=({type},index)=>type;constresult=Object.gr

前端2024加分技能:官网3D Banner效果 three.js+vue实现

官网3DBanner效果three.js+vue实现最近没什么事,写了一个3DBanner效果,给广大前端同行们分享下。在线3D体验地址1:http://www.webgl3d.cn/3D/banner1/index.html在线3D体验地址2:http://www.webgl3d.cn/3D/banner3/index.html【视频展示】https://www.bilibili.com/video/BV1Ci4y1e7XX/?share_source=copy_web&vd_source=026f0cd0b145ec9bc2c005d9eaf67b0b官网3DBanner大部分官网的Ban

springboot集成springdoc-openapi(模拟前端请求)

目录描述---痛点Springfox对比springdoc-openapi1.成熟度和维护性:2.依赖和配置:3.注解和使用方式:4.特性和扩展性:应用目录结构pom文件新增测试controllerStaffControllerYUserController启动测试看下验证swaggeryml中添加配置配置OpenApiConfig 验证配置swagger验证接口无参有参优化下界面openapi添加jar包 验证结果描述---痛点我们项目中很多时候都会用到swaggerswagger2(以下全部称swagger)当我们配置Springboot集成swagger时,要选对应的版本才可以,不然就会

【异常】前端提示FATAL ERROR: Committing semi space failed. Allocation failed - JavaScript heap out of memory

一、报错内容---LastfewGCs--->[13880:00000215307018C0]2089668ms:Scavenge636.6(662.2)->635.7(662.2)MB,1.8/0.0ms(averagemu=0.997,currentmu=

前端常见安全问题以及解决方案汇总

当涉及到前端开发时,安全性是至关重要的一环。在当今数字化的世界中,用户数据的保护和应用程序的安全性变得愈发重要。作为前端开发者,我们不仅需要关注页面的美观和功能,还要时刻牢记确保用户数据的安全以及应用程序的健壮性。本文旨在探讨前端开发中常见的安全问题,并提供解决方案,帮助开发者构建更加安全可靠的前端应用。无论是跨站脚本攻击(XSS)、跨站请求伪造(CSRF)还是点击劫持,都需要我们采取相应的措施来防范潜在的威胁。通过深入了解前端安全的重要性,我们可以更好地保护用户数据、提升用户体验,并建立可信赖的前端应用。跨站脚本攻击(XSS)问题跨站脚本攻击(XSS)是一种常见的安全漏洞,攻击者通过在网页中

关于前端脚手架的依赖升级和去风险版本可能遇到的问题

一、升级依赖版本1、检查过时依赖npmoutdated2、根据具体情况,选择安全更新或全部更新到最新版本2.1安全更新(不破坏依赖间的联系)npmupdate2.2全部更新到最新版本首先输入命令:npxnpm-check-updates-u执行完后,如果之前没安装,会提示安装npm-check-updates插件,输入y同意。运行完成后会在控制台列出各依赖即将升级的情况,可以选择执行npminstall来进行升级操作。一旦执行升级操作,因为会忽略各依赖间的联系性并统一升级到最新版本,所以可能会出现升级失败的情况,此时会询问用户是否确定并加上--force强制升级,如果你仍然想升级,直接输入强制

node.js后端+小程序前端+mongoDB(增删改查)

前言今天我对比了以下node.js的express与python的fastAPI,我决定我还是出一期关于node.js+mangoDB+小程序的小案例吧。不是python的fastAPI不好用,因为fastAPI是python较新的技术,我不敢果断发出教学文章(这件事情还是留着给python大佬们叭~)技术栈node.js微信小程序JavaScriptmongoDBexpress(node.jsweb框架)mongoose(mongoDB管理器)mongDB优点灵活的数据模型:MongoDB是一个文档型数据库,使用BSON(BinaryJSON)格式存储数据。这种文档型结构使得存储的数据可以非

前端开发_Node.js

Node.js概念Node.js是一个跨平台JavaScript运行环境,使开发者可以搭建服务器端的JavaScript应用程序Node.js是前端工程化的基础(前端工程化:开发项目直到上线,过程中集成的所有工具和技术)浏览器能执行JS代码,依靠的是内核中的V8引擎(C++程序)Node.js是基于ChromeV8引擎进行封装(运行环境)Node.js环境没有DOM和BOM等模块模块:类似插件,封装了方法/属性fsfs模块:封装了与本机文件系统进行交互的,方法/属性语法:加载fs模块对象constfs=require('fs') //fs是模块标识符:模块的名字写入文件内容fs.writeFi

K8S初级入门系列之九-共享存储

一、前言   Pod里面的容器都有自己独立的文件系统,来自容器镜像,用于保存容器运行的数据,但容器的文件存储有两个弊端,一个是无法持久化,其生命周期与容器一致,一旦容器销毁,相关的数据也就随之一起销毁;二是无法共享,Pod里多个容器之间无法共享数据,会导致无法提供完整的服务,比如监控容器需要读取业务容器提供的日志数据,就无法实现。   为解决以上问题,K8S提供多种类型存储卷。二、存储卷类型 实际上,在前面的章节中,已经接触到各种卷,比如在K8S初级入门系列之四-Namespace/ConfigMap/Secret章节中,ConfigMap与Secret就是K8S公开给Pod的特殊类型的卷。K

【前端】Electron可以开发手机app吗?问答

问:Electron可以开发手机app吗?答:可以的,使用Electron可以开发跨平台的移动应用。Electron是一个使用JavaScript、HTML和CSS来构建跨平台桌面应用的框架。通过Electron打包的应用,不仅可以运行在桌面Windows、Mac和Linux系统上,也可以打包成Android和iOS应用运行在移动设备上。要使用Electron开发移动应用,主要有以下两种方式:1.使用Electron的主要竞争对手Capacitor-这是一个专门用于打包web应用为原生移动应用的框架。它支持iOS和Android,可以将Electron应用打包为这两个平台的应用。2.使用Apa