草庐IT

前端库

全部标签

前端常见八股文---浏览器

目录1、什么是浏览器的同源策略?为什么要有同源策略?2、怎么解决跨域问题?2.1、JSONP2.2、WebSocket2.3、Cors2.4、反向代理(node接口代理) 2.5、Nginx2.6、postMessage3、浏览器的本地存储方式有哪些,有什么区别,分别有哪些应用场景?3.1、webStorage3.2、Cookie3.3、IndexedDB3.4、WebSQL4、回流与重绘1、什么是浏览器的同源策略?为什么要有同源策略?官方解析:同源策略(Same-OriginPolicy)是浏览器安全策略的一项重要规则,它限制了浏览器只允许当前网页的脚本与来自同一站点(协议、主机、端口号相同

vue项目,后端返回二进制文件流,前端如何实现文件在线预览

预览点击按钮,弹个框,框里是文件的容器元素。然后用v-if来控制元素的隐藏与显示以下是结构。前端要用到的插件:execl用到的是importXLSXfrom'xlsx';可以用npm ixlsx下载,支持xls,xlsx。word用到的是 constdocx=require("docx-preview");window.JSZip=require("jszip");可以用npmidocx-preview@0.1.4(版本可以根据自己的情况,我是直接用的这个), npmijszip下载,支持doc,docx。importXLSXfrom'xlsx';//引入constdocx=require("

前端学习笔记(17)-RuoYi框架前端功能实现及二次封装组件解析

(未完,持续更新)1.功能实现1.1前端部分权限管理1.1.1什么是权限管理登录的人的角色可能是超级管理员、管理员、以及普通用户或者有更多的层级角色,拥有不同权限的用户登录系统之后看到的界面是不一样的。若依系统中的权限分为以下几类:1菜单权限:用户登录系统之后能看到哪些菜单2按钮权限:用户在一个页面上能看到哪些按钮,比如新增、删除等按钮3接口权限:用户带着认证信息请求后端接口,是否有权限访问,该接口和前端页面上的按钮一一对应4数据权限:用户有权限访问后端某个接口,但是不同的用户相同的接口相同的入参,根据权限大小不同,返回的结果应当不一样——权限大的能够看到的数据更多。1.1.2菜单权限(1)获

unity前端通过java后端实现将图片上传到阿里云OSS并在前端显示

一、开通对象存储OSS服务   阿里云-搜索推荐(1)申请阿里云账号(2)实名认证(3)开通对象存储oss服务(4)进入管理控制台(5)创建bucket(6)在bucket的概览里查看bucket的名字与endpoint(7)鼠标放在阿里云的头像上可以查看accessKey和secret,也可以为oss创建一个子用户accessKey二、搭建java后台,创建一个springBoot项目或者模块(1)修改pom.xml,引入阿里云oss依赖com.aliyun.ossaliyun-sdk-ossorg.springframework.bootspring-boot-starter-web(2)

postman可以通的请求,前端通不了(前端添加Content-type,后端收不到请求)

接口完成之后,自己使用postman测试了一下,没有问题;可是在和小组前端调试接口的时候,他却说访问不了;信息如下:(我自己写的一个打印请求信息的拦截器)发现报错信息是: Contenttype'application/x-www-form-urlencoded;charset=UTF-8'notsupported也就是说发送过来的内容格式为“application/x-www-form-urlencoded;charset=UTF-8”,这个内容格式后端不支持;主要是因为我的后端使用的是@RequestBody注解接收的参数这个注解需要“application/json”格式的数据;让后前端

记录--前端中 JS 发起的请求可以暂停吗

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助在前端中,JavaScript(JS)可以使用XMLHttpRequest对象或fetchAPI来发起网络请求。然而,JavaScript本身并没有提供直接的方法来暂停请求的执行。一旦请求被发送,它会继续执行并等待响应。尽管如此,你可以通过一些技巧或库来模拟请求的暂停和继续执行。下面是一种常见的方法:1.使用XMLHttpRequest对象你可以在发送请求前创建一个XMLHttpRequest对象,并将其保存在变量中。然后,在需要暂停请求时,调用该对象的abort()方法来中止请求。当需要继续执行请求时,可以重新创建一个新的XMLHt

前端必知:24.设置圆角和设置阴影效果

目录一,设置圆角使用border-radius设置圆角本质二,阴影设置box-shadow设置阴影inset设置内阴影三,案例1.使用圆角把盒子设置为圆/柠檬2.使用阴影绘制太阳/月亮四,总结 一,设置圆角使用border-radius设置圆角border-radius:左上右上右下左下;左上!=右下右上=左下border-radius:左上右上右下;左上=右下右上=左下border-radius:左上右上;左上=右下=右上=左下border-radius:左上;本质实质上,每一个角的上面,都有一个水平半径和一个垂直半径,如果每一个方向上的半径不同,则需要写成水平半径/垂直半径圆角的值也可以设

前端如何做数据加密

前端如何做数据加密常见的防御措施如何防止sql注入防止sql注入措施防止sql注入举例前端如何做数据加密前端可以使用加密算法对数据进行加密,常见的加密算法有对称加密和非对称加密。对称加密:常见的对称加密算法有AES、DES等。对称加密算法使用同一个密钥对数据进行加密和解密,因此需要保障密钥的安全性。非对称加密:常见的非对称加密算法有RSA、DSA等。非对称加密算法使用公钥和私钥对数据进行加密和解密,其中公钥可以公开,私钥必须保密。在实际应用中,前端可以使用现成的加密库实现数据加密功能,如crypto-js库提供了常见的加密算法实现。同时,在传输过程中也应该使用HTTPS等安全协议保证数据传输的

vue前端对接监控视频 FLV格式 (分屏的操作 单屏 ,四平 ,六屏)

系列文章目录vue前端对接监控视频FLV格式提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档西瓜视频系列文章目录前言一、准备工作下好以后在package.json检查一下二、引入到index的文件当中1.引入库、介绍2.开始绘制页面定义的变量css样式三核心代码的书写`到此也就结束,使用代码片段的时候需要将图片替换一下不然会出现路径的问题`前言接触智慧园区,智慧工地,水泵站等项目之后,发现都有实时监控的对接,并且是可以多屏进行,就研究了相关的技术栈,找到了这个强大的播放器对前端还是很友好的,话不多说上干货!!!提示:代码片段里有博主对的接口,读代码的时候注意一、准备工作1.使用

前端vue 教程(详细版)

Vue1.什么是VueVue是一款渐进式JavaScript框架Vue是一款渐进式JavaScript框架,可以用于构建用户界面。Vue具有简单易学、轻量级、高效、灵活等特点。Vue采用了MVVM模式,通过数据驱动视图的方式实现了组件化开发。Vue具有丰富的生态系统,如VueRouter、Vuex、VueCLI等。Vue支持服务端渲染、TypeScript等特性,可以满足不同的开发需求。Vue可以用于构建用户界面Vue是一套用于构建用户界面的渐进式框架,它采用MVVM模式,通过数据驱动视图,并且提供了响应式和组件化的思想,使得开发者可以更加轻松地构建交互式的应用程序。Vue可以用于构建用户界面