前端header footer main
前端上传大文件处理（切片、断点续传）
思路1.对文件做切片,即将一个请求拆分成多个请求，每个请求的时间就会缩短，且如果某个请求失败，只需要重新发送这一次请求即可，无需从头开始2.通知服务器合并切片,在上传完切片后,前端通知服务器做合并切片操作3.控制多个请求的并发量,防止多个请求同时发送,造成浏览器内存溢出,导致页面卡死4.做断点续传, ......
'main' attribute cannot be used in a module that contains top-level code 问题解决
核心是@main 注解在main.swift 文件中，可以重新命名下 参考资料 https://stackoverflow.com/questions/73431031/swift-cli-app-main-attribute-cannot-be-used-in-a-module-that-cont ......
渗透测试中的前端调试（一）
前端调试是安全测试的重要组成部分。它能够帮助我们掌握网页的运行原理，包括js脚本的逻辑、加解密的方法、网络请求的参数等。利用这些信息，我们就可以更准确地发现网站的漏洞，制定出有效的攻击策略。前端知识对于安全来说，不但可以提高测试效率，还可以拓宽测试思路。 ......
前端技术点滴整理-1
一、ETag相关 ETag（Entity Tag）是 HTTP 1.1 协议中的一部分，用于确定浏览器缓存的一个资源在服务器上是否已经被修改。它是一个可以分配给特定版本和实例的资源的标识符，通常是一个哈希值。服务器可以在发送资源时，将该资源的 ETag 一起发送给客户端。然后客户端在再次请求该资源时 ......
vue前端导出pdf
function exportDataPdf(el, fileName, splitClassName) { // 防止页面数据被切割 const A4_WIDTH = 595 const A4_HEIGHT = 842 el.style.height = 'initial' const pageH ......
关于前端echart图大小联动
import React, { Component } from "react"; import * as echarts from 'echarts'; class Chart1 extends Component { constructor(props) { super(props); this ......
前端根据swagger,生成 .ts 映射接口文件
新建 generator.js 文件，写入以下代码 const fs = require('fs') const path = require('path') const parse = require('swagger-parser') const beautify = require('js-b ......
前端根据swagger,生成javascript映射接口文件
创建文件 generator.js 写入以下代码 const fs = require('fs') const path = require('path') const http = require('http') function mkdirsSync(dirname) { if (fs.exis ......
前端大文件上传、文件切片、断点续传
一、项目初始化1、项目初始化我们创建一个 big-file-upload 目录作为当前项目的根目录文件。 执行以下命令对当前项目进行初始化，生成 package.json 文件： npm init -y2、搭建项目结构在项目根目录中创建 public 目录，作为前端静态资源目录。同时在 public ......
前端性能优化必杀技：骨架屏让你快人一步
在现代前端开发中，用户体验和性能优化一直是小伙伴们追求的目标之一。骨架屏(Skeleton Screen)作为一种优化用户界面加载速度的方法，应用在各种（App/小程序/h5）应用里面。本文将深入探讨骨架屏的最佳实践，结合代码案例，介绍如何实现和优化骨架屏。 什么是骨架屏？ 骨架屏是一种在页面加载过 ......
记录一下前端缓存分类汇总(indexDB、localStorage、sessionStorage)
什么是缓存? 当我们第一次访问网站的时候，比如 juejin.cn，电脑会把网站上的图片和数据下载到电脑上，当我们再次访问该网站的时候，网站就会从电脑中直接加载出来，这就是缓存。 缓存的优点和应用场景 Web缓存种类：indexDB、localStorage、sessionStorage。 缓解服务 ......
大前端是什么？
大前端是什么？ 简单来说，大前端就是所有前端的统称，比如Android、iOS、web、Watch等，最接近用户的那一层也就是UI层，然后将其统一起来，就是大前端。大前端最大的特点在于一次开发，同时适用于所有平台，开发者不用为一个APP需要做Android和iOS两种模式而担心。大前端是web统一的 ......
前端大文件分片上传断点续传
分片上传 分片上传是将大文件分成多个小文件进行上传，每个小文件的大小通常为1MB到10MB。上传时，将每个小文件分别上传到服务器，服务器再将这些小文件合并成一个完整的大文件。这种方法可以提高上传速度，减少上传失败的可能性。 断点续传 断点续传是指在上传过程中，如果上传失败或者中断了，可以从上次上传的 ......
前端vue项目部署中，用户还在访问系统，存在缓存问题，部署后需要ctrlF5强制刷新，解决热更新的几种方案
问题描述： 问题是这样的，在部署的时候，用户并没有关闭浏览器还保持访问操风系统管理项目的页面中。这样才会产生问题缓存；如果在部署的时候或者部署之前，用户并没有打开系统页面，部署完成后，才访问操风系统，不会存在缓存的。我刚才测试了一下。要想解决，部署之前或在部署中，用户还再使用的情况下，前端得写定时获 ......
构建前端框架;零依赖性的反应性和可组合性
原文链接：https://18alan.space/posts/how-hard-is-it-to-build-a-frontend-framework.html homeabout Building a Frontend Framework; Reactivity and Composabilit ......
Go - Separate external calls from our main logic
Original implementation: type SingleItem struct { Field string `json:"field"` Hour int `json:"hour"` Minute int `json:"minute"` ItemCode string `json: ......
浅入深出的微前端MicroApp
本文是由最近做的一个项目有感而发，因为之前做了一些技术栈的统一，为了用ant Design的pro-table，PC统一使用react，但是我们有一些老的项目是vue的，本次新页面较多，老页面的改动较少，除此之外老项目想换菜单，因此我们想借助本次机会用react开发，经过了几番思考，发现本次很适合用... ......
【前端】前端部署发布浏览器缓存问题
方法一 代码清楚法 1：每次修改package.json版本号 2：在main.js中配置 const VUE_APP_VERSION = require('../package.json').version const vers = window.localStorage.getItem("app ......
认真学习前端第二天（多益校招笔试复盘）
1.margin塌陷：两者都是正数取最大值；一正一负取正值+负值；两者都是负数取最小（绝对值最大）2.lodash,vue-cli,element-ui,webpack,vite,rollup,babel 3.promise的打印题 4.熬不动了，没有规划好时间，今天只学了半个小时，做了一个半小时的 ......
前端中字体的使用
前端中字体的使用 字体是前端的基础，本文介绍常见的几种字体以及如何在工程中引入自定义的字体。 字体的类型 常见的字体类型有 TTF/OTF, WOFF/WOFF2, SVG,EOT （这个是按照浏览器的支持率由高到底排序的） TTF(True Type Font) 由微软与苹果开发，广泛用于wind ......
前端学习：python基础-1
False、True、None 1、模块 一个文件为一个模块，跨文件访问需要导入语句的形式 eg: import <模块名> form <模块名> import <代码元素> form <模块名> import <代码元素> as <代码元素别名> 与前端差异： import <模块>/{ 模块中变 ......
使用js开发一个快速打开前端项目的alfred插件
使用js开发一个快速打开前端项目的插件 目录 前言 使用的技术栈 步骤 问题发现 待优化 前言 一直以来开发都是先打开vscode，然后选择项目，在项目多的情况下会觉得挺繁琐；如果同时打开了许多vscode窗口，寻找目标窗口也比较麻烦，于是萌生了开发一个alfred的工作流插件的想法，目标是在alf ......
前端笔记
JavaScript初始化加载的3种方式_js初始化加载方法_——潇洒走一回——的博客-CSDN博客 <script> //只能有一个 window.onload = function(){ alert("JS初始化加载"); } </script> <script> // 可以有多个但是容易被断开 ......
微前端启动子应用出现的eslint提示
前言 在管理较大的多人协同开发项目时，为了规范大家的代码书写习惯，我们往往都会用eslint来约束，但这也导致我们在拉项目时以及开发时都增加了不少麻烦，本文着重讲解微服务启动不同子项目时常规报错的解决方式。 步骤一：在package.json将 "lint": "vue-cli-service li ......
前端RSA公钥解密
前端加解密使用的jsencrypt包，jsencrypt包中只有公钥加密，私钥解密的方法，但项目中要求前端公钥解密，通过重写jsencrypt包中的方法来实现 /** * 重写JSEncrypt解密方法以支持公钥解密 * */private pkcs1unpad2(d, n) { const b = ......
JAVA-基本程序设计结构（类变量、main语法、代码块、final关键字、抽象类）
1.类变量和类方法 1.类变量 1.类变量的定义和语法 1.类变量（静态变量/静态属性/静态字段）是该类的所有对象共享的变量，任何一个该类的对象去访问它时，取到的都是相同的值，同样任何一个该类的对象去修改它时，修改的也是同一个变量 2.定义语法： 访问修饰符 static 数据类型 变量名; [推荐 ......
Harmony自定义页面请求与前端页面调试
一、自定义页面请求响应 Web组件支持在应用拦截到页面请求后自定义响应请求能力。开发者通过onInterceptRequest()接口来实现自定义资源请求响应 。自定义请求能力可以用于开发者自定义Web页面响应、自定义文件资源响应等场景。 Web网页上发起资源加载请求，应用层收到资源请求消息。应用层 ......
TTS背后的技术原理——前端和后端系统
就解锁了一个温柔又风趣的「女朋友」萨曼萨。不过，在现实生活中，和语音助手谈恋爱还是一件十分遥远的事情——刨去现阶段的语音助手们双商水平还有限，语音助手的语言表达能力还远远达不到我们理想状态。 为啥你的机器人女友说话不像萨曼萨？本文中，Rokid A-Lab 语音合成算法工程师郑杰文将从语音合成技术谈 ......
web前端Tips：断点续传如何实现？
在Web前端中实现断点续传功能的一种常见方式是使用HTTP Range请求和文件分片上传。 以下是一个简单的断点续传实现的步骤： 前端将要上传的文件分成多个固定大小的片段（chunk），例如每个片段的大小为1MB。 当用户选择上传文件时，前端发送一个初始请求到服务器，询问服务器当前已上传的文件大小（ ......