前端 头像 国庆
iwebsec-文件上传 01 前端JS过滤绕过
## 01、题目分析 事实上，文件上传过滤是很正常的，需要自行判断是前端过滤还是后端过滤，一般上传木马的时候可以进行抓包，如果直接点击上传直接弹出禁止上传的界面，而没有抓到数据包，那就说明是前端js过滤，但是这个题目已经说明了是前端js过滤，就不用再测试了 ## 02、文件上传 先用哥斯拉创建一个一 ......
前端基础-js
一.Map和Set有什么区别 在JavaScript中，Map和Set都是ES6引入的新的数据结构，但它们有一些关键的区别。Map：1. Map主要用于键值对的存储。每个元素由一对键值组成。2. Map中的键可以是任何类型，包括函数、对象等。3. Map的键是有序的，因此当对Map进行遍历时，元素的 ......
前端实现大文件上传
一、 功能性需求与非功能性需求 要求操作便利，一次选择多个文件和文件夹进行上传； 支持PC端全平台操作系统，Windows,Linux,Mac 支持文件和文件夹的批量下载，断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。 支持文件夹批量上传下载，服务器端保留文件夹层级结构，服务器端文件夹 ......
前端埋点常用方法
前端埋点上报常使用ajax，img，navigator.sendBeacon。不推荐使用ajax；考虑兼容性首选img；目前最合适的方案是navigator.sendBeacon，异步且不受同域限制，而且作为浏览器的任务，因此可以保证会把数据发出去，不影响页面卸载。 ......
【校招VIP】前端JS语言考点之Vue考察
考点介绍： Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 一、考 ......
前端开发笔记[1]-使用浏览器存储数据
## 摘要 使用vue.js操作cookie,webStoage,indexedDB实现在浏览器存储数据. ## 平台信息 - macOS - safari:版本16.6 (18615.3.12.11.2) - node.js - "vue": "^2.5.2", - "vue-router": " ......
第六章、web前端架构师
[TOC] ####十二、通用上传组件开发以及使用 #####1、导学 ``` * 开发通用上传组件 - 通过TDD的方式，开发一个通用上传组件，然后将组件添加到编辑器中进行使用，从 这个过程中衍生出很多的相关知识点 * 主要内容 - 模拟真实开发场景，使用TDD的方式，一步步开发一个通用上传组件 ......
前端页面常见的布局方式有以下几种
# 前端页面常见的布局方式有以下几种 1、文档流 --内联元素从左往右排列，块级元素从上往下排列。 2、float（浮动）布局 3、position （定位）布局 4、display inline-block （行向）布局 5、margin 布局 6、display:flex 弹性布局 7、disp ......
前端vue、js、html、svg文件
**HTML文件** HTML文件用于定义网页的结构和内容。HTML文件包含HTML标记，用于创建网页的各个元素，如标题、段落、链接、图像等。HTML文件被浏览器解析和渲染，将其转换为可见网页。 ```html /*声明：用于指定 HTML 文档的版本类型*/ /*HTML 文档的根元素，包含了整个 ......
h5(html5)+css3前端笔记四
#Emmet语法 1.生成标签直接输入标签名按tab键即可 比如 div 然后tab键，就可以生成`` 2.如果想要生成多个相同标签 加上*就可以了比如 `div*3` 就可以快速生成3个div 3.如果有父子级关系的标签，可以用 > 比如` ul>li `就可以了 4.如果有兄弟关系的标签，用 + ......
前端路由原理总结
## 前端路由原理总结 ### hash路由(vue中的`createWebHashHistory` `react`中的`HashRouter`) 监听 url 中 hash 的变化，然后渲染不同的内容，这种路由不向服务器发送请求，不需要服务端的支持； ### history路由(vue中的`cre ......
【校招VIP】前端校招考点之vue底层特性
考点介绍： 大家在面试途中遇到的相对多的问题，也是难点的问题一般都有vue底层原理。对于只会用但是不懂的小白来说真是太痛苦了，仅仅能说出来 一些 数据劫持，双向数据绑定，虚拟dom树的名词来说远远不够。 一、考点题目 1、Vue实现数据双向绑定的原理是什么？ 解答：Vue实现数据双向绑定的原理：Ob ......
前端vue使用blob下载流文件
请求后端接口，发现返回的是这么一堆东西 代码： axios: export function exportEcoCarAppoint(params) { return Http({ url: '/api/jsis/ecoCarAppoint/exportEcoCarAppoint' , method ......
导出excel，前端sheetjs表格工具
首先声明，本人并不是为了发表文章，只是在开发中遇到的一些问题，遇见了一些简单，好的方法并把它们记录下来， 此文章，也仅仅只是给各位指个方向，还需要各位自己去查阅相关资料。 SheetJS官网 SheetJS中文文档 js文件下载地址 js文件在dist目录下，里面有两个文件可以下载（下载哪个都一开样 ......
前端文件转换
1) file文件的拷贝和改名 // 复制文本域中的file文件并重命名 let myFile = new File([file], "新文件的名字"]); 2) bolb格式转base64格式 function blobToDataURL(blob, callback) { let reader ......
后端问：作为前端如何实现自动生成接口文档
前言，众所周知，后端的接口文档一般使用 swagger/openapi，而其他的一般接口文档也基本是使用 openapi 来进行解析的。例如 redoc(20.8k star) 和 knife4j(3.5k star) 等. 作为一个通用的解决方案，前端社区自然也有对应的实现。 如何实现 swagg ......
JBoss升级后，前端框架字符处理出现了乱码的解决方案之一
背景：MVC项目，JBoss从6.3升级至7.1，使用Velocity前端框架。 问题：在使用Ajax进行处理时，发现传递到后端的字符串汉字变成了乱码，疑似环境切换问题，JBoss默认编码没有进行调整。 然而由于这个项目服务器不在自己手里，也无法调整默认编码（一般是ISO8859-1，需要调整为UT ......
【校招VIP】前端vue考点之生命周期和双向绑定
考点介绍： VUE是前端校招面试的重点，而生命周期和双向绑定又是基础考点之一，尤其在一二线公司，要求知道双向绑定的原理，以及相关代码实现。 一、考点题目 1、mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？ 解答：mvc和mvvm其实区别并不大。都是一种设计思想。主要就 ......
2023前端JavaScript面试题大全
一、基础题 题目 1: 什么是JavaScript的数据类型？如何检查一个变量的数据类型？ 答案: JavaScript有七种数据类型： 基本数据类型 (Primitive Data Types)：Number、String、Boolean、Null、Undefined、Symbol 引用数据类型 ......
vue前端项目中遇到的问题以及解决方案-不定时更新
###vue-cli创建vue项目中全局使用mixin 首先需要安装插件 ~~~ npm install style-resources-loader vue-cli-plugin-style-resources-loader --save-dev ~~~ 修改vue.config.js文件 ~~~ ......
前端html点击新增多项，ajax提交，后台接收
<body> <form id="form1"> <div class="procureWarp"> <img class="headBg" src="/images/Cabinet/headUrl_01.png" alt=""> <div class="head"> <div class="tit ......
启动前端-开发环境
安装版本号为`16.15.0`的`nodejs`，如果已经安装了，请先卸载，推荐使用 nvm 安装 node.js，方便切换不同版本 1. 需要先把本地安装的`nodejs`卸载，然后再下载nvm，地址： https://github.com/coreybutler/nvm-windows/rele ......
spring mvc 前端返回 js
@RequestMapping(value = "/test",produces = "text/html; charset=UTF-8")@ResponseBodypublic String test(){String url = "";return "<script>window.locatio ......
【腾讯云 Cloud Studio 实战训练营】在线 IDE 编写 canvas 转换黑白风格头像
### 关于 Cloud Studio > Cloud Studio 是基于浏览器的集成式开发环境(IDE)，为开发者提供了一个永不间断的云端工作站。用户在使用Cloud Studio 时无需安装，随时随地打开浏览器就能在线编程。 > Cloud Studio 作为在线IDE，包含代码高亮、自动补全 ......
创新的前端框架： Hybrid技术的不断发展
Hybrid App混合应用开发原理Hybrid App，即混合应用是指同时使用前端技术与原生技术开发的 App。通常由前端负责大部分界面开发和业务逻辑，原生负责封装原生功能供前端调用，二者以 WebView 作为媒介建立通信，从而既拥有 Web 开发的速度优势，又能拥有强大的原生能力。从前端开发者 ......
前端进化笔记-JavaScript（四）
生活想要将我活埋，怎料我是一颗种子 #基本引用类型 > 对象是引用类型的实例：new后面跟一个构造函数就创建了一个新对象，例如`let now = new Date(); `，这样就创建了一个Date对象. ### Date类型 ####方法 - Date.parse（ ）：根据传入的参数返回毫秒数 ......
关于前端开发中 img 元素的 srcset 属性
`img` 标签的 `srcset` 属性是一种用于响应式网页设计的属性，它允许开发者为图像提供不同大小和分辨率的版本，以便根据设备的屏幕大小和像素密度自动选择最合适的图像进行显示。通过使用 `srcset` 属性，可以在不同设备上提供最佳的视觉体验，避免了不必要的图像变形和加载大尺寸图像的性能问题 ......
什么是前端开发领域中的屏幕像素密度 Pixel Density
当谈论到前端开发中的像素密度（Pixel Density），实际上是在讨论设备屏幕的像素密度，也称为像素密度或PPI（Pixels Per Inch）。像素密度是指屏幕上每英寸（2.54厘米）所包含的像素数量。它是一个重要的概念，因为不同的设备在相同尺寸的屏幕上可能拥有不同的像素密度，从而影响显示效 ......
Luckysheet：一个纯前端的excel在线表格
最近因为项目要求，需要在页面上添加一个在线编辑excel的功能，因此只能在网上找有没有直接用的插件，最后很幸运的是幸好找到了一个 luckysheet. 这个是从luckysheet官网上找的图片，先看下能用插件做那些效果。 这个是中文官网地址:https://mengshukeji.gitee.i ......