资讯中心

 一级分类
 二级分类
文章排序
站内搜索
2024 高级前端面试题之 前端安全模块 「精选篇」

2024 高级前端面试题之 前端安全模块 「精选篇」

该内容主要整理关于 前端安全模块 的相关面试题，其他内容面试题请移步至 「最新最全的前端面试题集锦」 查看。 1. 代码注入XSS 跨网站指令码（英语：Cross-site scripting，通常简称为：XSS）是一种网站应用程式的安全漏洞攻击，是代码注入的一种。它允许恶意使用者将程式码注入到网页上，其他使用者在观看网页时就会受到影响。这类攻击通常包含了 HTML 以及使用者端脚本语言 XSS 分为三种：反射型，存储型和 DOM-based
690"
前端大文件分片下载解决方案，没用你来砍我

前端大文件分片下载解决方案，没用你来砍我

前言 好记性不如烂笔头，站在岸上学不会游泳。这次分享一是为了记录下忙碌几天的成果，方便以后查阅；二是避免别人走弯路，给别人方便就是给自己方便。 一、背景 客户下载超大文件(1G以上)时，下载异常断开，分析了下有以下原因： nginx配置允许下载大小超限 网络带宽限制，导致龟速下载； 下载长时间连接可能会导致超时 针对上述问题，找到一个合理的解决方案 分片下载，既可不超限亦不需要保持长连接，如果出现网络波动断开连接，亦可断点续传。多的不说，直接上干货。 二、代码实现
564"
前端使用xlsx-js-style导出Excel文件并修饰单元格样式

前端使用xlsx-js-style导出Excel文件并修饰单元格样式

安装 导出 excel 较常见的 js 库是之一是 xlsx，xlsx 算是基础版本，不能对单元格进行样式（对齐方式、文字颜色、背景颜色等）的修饰，如果需要修饰单元格，可使用 xlsx-js-style npm install xlsx-js-style 引入 import XLSXS from 'xlsx-js-style'; 需要导出的数据源 // 一般我们拿到的是从接口中请求到的对象数组，在使用是需要转成二维数组，下面有介绍 const data = [
793"
前端利器——炫酷的CodePen

前端利器——炫酷的CodePen

前言 众所周知，前端是一个很容易将自己的劳动成果呈现出来的一个职位，无论是写1行代码还是写100行代码，都可以通过页面来进行呈现，在工作中的劳作成果也是可以一眼就呈现给客户、用户的。比如一些精美的页面，炫酷的特效，优质的交互等，都是前端人员所呈现出来的代码成果。炫酷的特效也是必不可少的，通常来说，如果一个人写一个很不错的特效，那么它必然会花费相当的时间，从最初的构思，到码代码，再到呈现到页面并且进行不断的修修改改，那么CodePen就
680"
为你心仪的她做一个 “旋转木马“告白相册【零基础纯 CSS3 实现】

为你心仪的她做一个 “旋转木马“告白相册【零基础纯 CSS3 实现】

💳 效果展示：       旋转相册效果里面就不放女朋友的美照了防止虐狗 🥰🥰🥰，就用个前端技能树的图片代替哈，有需要大家自行替换。 💳 源码获取：         源码我已经上传到了资源里，有会员的小伙伴直接下载即可，没有会员的小伙伴私聊我“旋转木马”也能获取（免费的），下面是源码资源的链接： 基于CSS的旋转木马相册的案例，页面简洁炫酷适合拿来做网页-Javascript文档类资源-CSDN下载基于HTML+CSS3，适合新入门前端的小白新人，用到了3D
448"
【element-ui】使用el-checkbox完成el-table表格数据的全选操作

【element-ui】使用el-checkbox完成el-table表格数据的全选操作

需求：表格有一列为勾选框列，表格下面有单独的按钮本页勾选和全部勾选，跨页状态可以保存回显，如下图所示： 思路：使用一个数组[]存储每一页是否全选的状态，再使用{}来存储数据的所有选中状态，其中key为对应的页码，value为每一页的选中数据【核心❗】 1、el-table表格每一行绑定状态，这里没有使用el-table自带的type为selection的多选框 <el-table-column labe
221"
一篇文章吃透 CSS3 属性： transition过渡 与 transform动画

一篇文章吃透 CSS3 属性： transition过渡 与 transform动画

      最近有人私信我 CSS 中的 transition (过渡) 和 transform (动画) 属性，这两个属性的参数确实比较复杂，它们可以做出 CSS 的一些基础动画效果，平移，旋转，倾角......等等，这些也是我早期学习 CSS 的难记易忘之处，今天给大家详细总结出来。 文章目录： 一：transition 过渡  1.1 transition-property 指定过渡属性  1.2 transition-duration 过渡时间  1.3 t
124"
阿里云OSS存储图片在上传的时候设置过期时间

阿里云OSS存储图片在上传的时候设置过期时间

前言 一、两种方式 第一种方法：在上传文件时设置过期时间 在使用 putObject 方法上传文件时，可以通过设置 x-oss-expires 和 x-oss-delete-after 头部来设定文件的过期时间。 以下是示例代码： const OSS = require('ali-oss'); const client = new OSS({ a***essKeyId: '<yourA***essKeyId>', a***essKeySecre
926"
HiveSQL常用函数

HiveSQL常用函数

1.字符串函数 1.1 split()函数 用于切割字符串 格式: split('参数1','参数2'),这里的参数1为数据,参数2为切割方式 细节:参数二可以用正则表达式 举例 select split('abcd','c'); --结果为["ab","d"] select split('asd11mcd22', '11'); --结果为["asd","mcd22"] select split('asd11mc22dd', '\\d+'); --结果为["asd","m
387"
ESP32网络开发实例-Web串口（WebSerial）

ESP32网络开发实例-Web串口（WebSerial）

Web串口（WebSerial） 在本文中，我们将介绍如何实现的基于 Web 的 ESP32 串行监视器。 1、软件准备 Arduino IDE 在前面的文章中，如何搭建ESP32的Arduino IDE开环境，主参考： ESP32-Arduino-开发实例-Arduino开发环境搭建 2、硬件准备 ESP32开发板 3、代码实现 本次实例将使用到如下开源库： ESPAsyncWebServer
1K"
加载更多

一个令你着迷的主题！

查看演示 官网购买