草庐IT

前端工程师

全部标签

前端实现单点登录(SSO)

单点登录是什么?你是怎么理解的?单点登录是如何实现的普通登录提到单点登录,首先可以想到传统登录,通过登录页面根据用户名查询用户信息,判断密码是否正确,正确则将用户信息写到session,访问的时候通过从session中获取用户信息,判断是否已登录,登录则允许访问。普通登录的缺点由于session不能共享,服务越来越多,并且还服务还搭建集群,导致每访问另外一个服务都需要重新登录。单点登录单点登录有个简称是sso,它是一个功能可以控制多个有联系的系统操作,简单地理解为通过单点登录可以让用户只需要登录一次软件或者系统,那么同系统下的平台都可以免去再次注册、验证、访问权限的麻烦程序,通俗易懂的理解为一

Html转PDF,前端JS实现Html页面导出PDF(html2canvas+jspdf)

Html转PDF,前端JS实现Html页面导出PDF(html2canvas+jspdf)文章目录Html转PDF,前端JS实现Html页面导出PDF(html2canvas+jspdf)一、背景介绍二、疑问三、所使用技术html2canvas+jspdf四、展示开始1、效果展示2、代码部分3、参数说明3.1、html2canvas常用参数3.2、jsPDF常用参数五、常见问题一、背景介绍​当我们在不想改变后端代码的同时想是纯html页面导出PDF,那么(html2canvas+jspdf)就是无疑最好的选择,导出时它不占用我们服务器的资源,而是由用户本地自行执行js文件下载PDF,不占用我们

汽车之家Unity前端通用架构升级实践

背景介绍随着之家3D虚拟化需求的增加,各产品线使用Unity引擎的项目也越来越多,新老项目共存,代码维护成本也随之增加。代码质量参差加之代码规范仍没有完全统一产生高昂学习成本进一步加重了项目维护负担。为应对这些问题,我们决定借助主机厂数科产品线销冠神器VR版本大升级为契机,开发一套移动端通用Unity代码框架,旨在统一Unity项目开发流程和规范,使不同项目开发人员能够快速上手业务开发,实现不同项目之间代码组件化复用,降低学习成本,提高项目的健壮性和复用性。1.Unity架构调研Unity通用架构核心想帮助Unity开发人员加速项目开发效率。该架构的设计基于大量的经验和最佳实践,旨在使项目开发

AI Prompt工程师 & 学习整理

前言如果说Al大语言模型(LLM,LargeLanguageModel)是宝藏我,那么Prompt提示词就是打开宝藏的钥匙。最新一代的Al大语言模型具备出色的创作能力,能够生成富有人类感情、严谨逻辑、多场景应用的内容,而如何获得高质量的回答,正确学习使用Prompt提示词是关键。💥Prompt提示词的发展带来新的就业机会:随着Prompt技术的不断发展,AlPrompt工程师将在各个行业找到新的就业机会。岗位职责将包括设计、开发和优化Prompt、应用落地以满足不同场景需求,Prompt提示词更像是未来人人都要学会的一门互联网语言。一、文心一言创作者服务1、创作者服务平台网址:http://p

前端文件上传

文件上传方式前端文件上传有两种方式,第一种通过二进制blob传输(formData传输),第二种是通过base64传输文件相关的对象file对象其实是blob的子类blob对象的第一个参数必须是一个数组,你可以把一个file对象放进去就可以给你转成blob对象formData可以使一个files以一个二进制的形式传递给后端fileReader用于把文件(file对象或者blob对象)读成某种形式,如base64,text文本Blob对象template>div>inputtype="file"name="file"@change="FileChange">/div>/template>scri

前端Async和Await的原理、流程、使用方法及注意事项

理解async/await的原理和使用方法是理解现代JavaScript异步编程的关键。这里我会提供一个详细的实例,涵盖原理、流程、使用方法以及一些注意事项。代码注释会尽量详尽,确保你理解每个步骤。实例:使用async/await进行异步操作Async/Await示例点击触发异步操作//异步函数1:模拟获取用户信息的异步操作asyncfunctiongetUserInfo(userId){returnnewPromise((resolve)=>{setTimeout(()=>{//模拟异步操作完成后返回用户信息resolve({id:userId,username:`User${userId}

JSX/TSX 是 Vue 前端开发的未来吗?

大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心~什么是JSX&TSX?JSX是Facebook专门为react发明的一种新的类似于XML格式的语言,它是JavaScipt的语法拓展。它使用XML标记的方式去直接声明界面,然后再利用编译器转换成JS语言。但是Vue早就能使用JSX去编写页面了~并且现在大部分都是使用Typescript来写项目,所以TSX会用的更多JSX(JavaScriptXML):JSX是一种JavaScript的语法扩展,它允许在JavaScript代码中编写类似于XML或HTML的结构。JSX使得在React中编写UI组件更加直

前端开源项目悬赏改Bug,500 - 1000美元/个,还剩 278 个

大家好,我是CUGGZ。马上要过年啦,大家都什么时候放假呢?今天在Github上发现一个很有意思的开源项目:Expensify。这个项目是一个支持多端的费用管理系统,支持Web、移动端、客户端,技术栈包括:React、Webpack、TypeScript、Webpack、Jest、Electron、Expo、ReactNative等。与其他开源项目不同的是,这个项目是一个开源的商业项目,它的issues很多是由内部人员提出,并且每个问题都附带了价格,以公开悬赏的方式寻求修复Bug。每个Bug的赏金在500-1000美元之间,目前还剩278个Bug待解决。用谷歌翻译简单翻译一下,看看大概都是些什

[职场] Java研发工程师求职简历项目经历范文(精选5篇) #经验分享#职场发展#学习方法

Java研发工程师求职简历项目经历范文(精选5篇)java工程师在找工作做简历的时候,经常不知道求职简历中的项目经验板块怎么写,下面是简历网小编整理的5篇适合java开发工程师在做简历时写的项目经验范文5篇!希望能帮助到大家。Java研发工程师求职简历项目经历1项目周期:2022.03-2022.07(4个月)开发成员:上海xx软件有限公司描述:统筹承保平台为上海远眸软件公司的业务平台,业务核心为车险的投保操作,其中业务流转主要有报价、投保、支付审核、生成统筹单、批单(批改、退保)批单模块较为复杂,一系列流程为系统的核心业务,数据库:MYSQL版本控制:git责任描述:参与项目的开发和流程细节

前端知识笔记(五)———前端密钥怎么存储,才最安全?

前端密钥存储安全是非常重要的,具体原因如下:保护敏感数据:密钥用于保护敏感数据的安全性。如果密钥泄露,攻击者可能能够访问和篡改敏感数据,导致数据泄露、数据被篡改或系统被入侵。防止恶意使用:在前端存储密钥的情况下,攻击者可以更轻易地获取密钥。一旦攻击者获得密钥,他们可能会使用该密钥进行恶意操作,例如伪造请求、未经授权的访问或数据篡改。遵守安全性和合规性要求:许多行业和法规要求对敏感数据采取特定的安全措施,包括密钥的安全存储和管理。不遵守这些要求可能导致法律责任和声誉损害。防止客户端篡改:前端代码在客户端执行,这使得它容易受到攻击和篡改。如果密钥存储在前端,攻击者可以更轻易地修改和获取密钥,从而破