草庐IT

纯前端

全部标签

node.js - 服务器身份验证后如何为前端提供 JSON Web token ?

到目前为止,我只处理了服务器呈现的应用程序,在用户通过用户名/密码或使用OAuth提供程序(Facebook等)登录后,服务器只是在重定向到相关页面时设置sessioncookie。但是现在我正在尝试使用更“现代”的方法构建应用程序,前端使用React,后端使用JSONAPI。显然,对此的标准选择是使用JSONWebtoken进行身份验证,但是我无法弄清楚如何将JWT提供给客户端,以便可以将其存储在session/本地存储或任何地方。举例说明:用户点击链接(/auth/facebook)通过Facebook登录用户被重定向并显示Facebook登录表单和/或权限对话框(如有必要)Fac

前端性能测试 WebPagetest功能

WebPagetest功能简介WebPagetest,是前端性能测试的利器:可以为我们提供全方位的量化指标,包括页面的加载时间、首字节时间、渲染开始时间、最早页面可交互时间、页面中各种资源的字节数、后端请求数量等一系列数据;还可以自动给出被测页面性能优化水平的评价指标,告诉我们哪些部分的性能已经做过优化处理了,哪些部分还需要改进;同时,还能提供Filmstrip视图、Waterfall视图、Connection视图、Request详情视图和页面加载视频慢动作。可以说,WebPagetest为我们提供了前端页面性能测试所需要的一切,而且还是免费的。接下来,我们就通过测试一个具体的网站,实践一下它

解决前端跨域的几种方法

一、跨域报错        在我们实际开发过程中,都有遇到过跨域的问题,跨域报错如下:二、为什么会报跨域?        跨域的本质是浏览器基于同源策略的一种安全手段,主要是考虑到用户的信息安全。何为同源策略呢?同源策略是一种约定,它是浏览器最核心也最基本的安全功能。所谓同源(即指在同一个域)具有以下三个相同点:协议相同、域名相同、端口相同。        反之非同源请求,也就是协议、端口、主机其中一项不相同的时候,这时候就会产生跨域。跨域是浏览器的限制,拦截的是响应而非请求。我们用抓包工具抓取接口数据,可以看到接口已经把数据返回来了,只是由于浏览器的限制我们获取不到数据。另外,并不是所有的跨

《前端bug齁逼多,真假开发说》2023/4/10-2023/4/18问题汇总

1高德地图运行抱错  INVALID_USER_SCODE 这里是错误信息对应原因 错误信息列表-参考手册-地图JSAPI|高德地图API 这里是高德地图api设置说明  准备-入门-教程-地图JSAPI|高德地图API   如果你自己能排查出错误那不用看我的,如果都写的对还是抱错那不妨试试我说的a) 上面2段代码的顺序要正确。即先有上面设置serviceHost后有下面引入高德的jsapib)如果还不好使。不妨试试将上面的这2段代码 放到标签里。到这里基本就好使了对了高德key个人账号上线只能申请25个2钉钉小程序和微信小程序 之前写过自动转换文章和工具 有需要的可以去看钉钉小程序自动转微信

24 个高级 Web 前端开发工程师都应该掌握的强大HTML 属性

HTML的属性有很多,除了一些基本的属性外,还有很多有用而且特别强大的属性;本文将介绍24个强大的HTML属性,它们可以使您的网站更具活力和交互性,让用户感到更加舒适和愉悦。让我们一起探索这24个强大的HTML属性吧!1.AcceptAccept属性用于指定浏览器可以处理的MIME类型列表。tips:MIME类型是识别文档类型的标准,例如,text/html表示一个HTML文档,image/jpeg表示一个JPEG图像,等等。通过在HTTP请求标头中包含Accept属性,浏览器可以告诉服务器它可以接受哪些MIME类型作为响应。基于这些信息,服务器可以选择最合适的响应类型并将其返回给浏览器。Ac

【前端】Vue+Element UI案例:通用后台管理系统-Echarts图表准备:axios封装、mock数据模拟实战

文章目录axios封装请求首页数据mock模拟数据mock相关数据tableData柱状图:userData饼图:videoData效果总代码参考视频:VUE项目,VUE项目实战,vue后台管理系统,前端面试,前端面试项目案例链接【前端】Vue+ElementUI案例:通用后台管理系统-导航栏(视频p1-16)https://blog.csdn.net/karshey/article/details/127640658【前端】Vue+ElementUI案例:通用后台管理系统-Header+导航栏折叠(p17-19)https://blog.csdn.net/karshey/article/de

【Web】前端框架对微软老旧浏览器的支持

零、原因最近要做一个项目,要能在学校机房运行的,也要在手机上运行。电脑和手机,一次性开发,那最好的就是响应式前端框架了。手机和正常的电脑兼容性问题应该都不大,但是学校机房都是Win7的系统,自带的都是IE8的浏览器。虽然有安装谷歌浏览器、360浏览器啥的,但是默认的还是IE浏览器。这就有一个问题,就是在你用极域电子教师发送指令让学生机打开某个网页时,用的就是IE,当然可以告诉学生复制地址到谷歌浏览器里打开,但是就还是有很多学生不懂怎么复制,怎么打开。索性让项目兼容IE得了,故此对前端响应式框架技术(Bootstrap、Layui)进行了一定的探索,也是对之后项目技术选型的一次简单调查吧(之前新

没关系,前端还死不了

前言网络上的任何事情都可以在《乌合之众》书中找到答案。大众言论没有理性,全是极端,要么封神,要么踩死。不少人喷前端,说前端已死?前端内卷?前端一个月800包吃住?对此我想说,“前端已死”更多的是一种焦虑情绪的表达,但这并不是针对前端。本文笔者会从以下几个方面分享,希望能够帮助正在迷茫的前端小伙伴提供一点思路!递弱代偿的基本规律前端生态圈愈发健壮ChatGPT代替不了程序员,包括前端开发前端怎么学关于学习阶段顺序建议大环境起伏是常态总结首先前端开发的发展这两年的确冷却了不少,但是冷却的并不是行业本身,只能说是技术在沉淀。那么多要学的东西,怎么可能会死会,“前端已死”都是忽悠转行培训没啥经验的菜狗

前端毕业设计|基于Vue+Nodejs实现游戏资讯平台

作者主页:编程指南针作者简介:Java领域优质创作者、CSDN博客专家、掘金特邀作者、多年架构师设计经验、腾讯课堂常驻讲师主要内容:Java项目、毕业设计、简历模板、学习资料、面试题库、技术互助收藏点赞不迷路 关注作者有好处文末获取源码 项目编号:BS-QD-007一,环境介绍开发技术:Vue+Nodejs+ElementUI数据库:Mysql:mysql5.7应用服务器:nodejs开发工具:IDEA或VSCode二,项目简介  本系统主要基于前端开发技术,使用Vue+Nodejs来开发实现一款游戏资讯信息平台网站。主要实现了前端用户在查查看游戏资讯、分类浏览、在线交流互动、查看最新发布的游

最佳实践:基于vite3的monorepo前端工程搭建

一、技术栈选择1.代码库管理方式-Monorepo:将多个项目存放在同一个代码库中▪选择理由1:多个应用(可以按业务线产品粒度划分)在同一个repo管理,便于统一管理代码规范、共享工作流▪选择理由2:解决跨项目/应用之间物理层面的代码复用,不用通过发布/安装npm包解决共享问题2.依赖管理-PNPM:消除依赖提升、规范拓扑结构▪选择理由1:通过软/硬链接方式,最大程度节省磁盘空间▪选择理由2:解决幽灵依赖问题,管理更清晰3.构建工具-Vite:基于ESM和Rollup的构建工具▪选择理由:省去本地开发时的编译过程,提升本地开发效率4.前端框架-Vue3:CompositionAPI▪选择理由: