骨架 前端html
微前端 - qiankun学习笔记
##前言 qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 本文主要记录下如何接入 qiankun 微前端。主应用使用 vue2，子应用使用 vue3、react。 ###一、主应用 主应用不限技术栈，只需要提供一个容器 ......
HTML、JS与PHP之间的数据传输
在电商网站搭建过程中，前端经常会向后端请求数据，有时候通过HTML、JS和PHP文件的处理来实现数据的连通。通常情况下，用户在HTML中做关键字操作，JS对提交的表单进行数据处理，向后端发起ajax请求对应PHP的api接口，PHP在接收到数据后对连接服务器，服务器再通过PHP中的SQL语句对数据库 ......
在.NET Core 6.0中，你可以使用自定义 Middleware 来限制 Swagger/index.html 的访问，当用户进入到Swagger/index.html让系统提示404
创建一个自定义 Middleware 类，例如 SwaggerNotFoundMiddleware： public class SwaggerNotFoundMiddleware { private readonly RequestDelegate _next; public SwaggerNotF ......
字节前端青训营笔记1.计算机网络
数据交换方式 分为电路交换与分组交换 电路交换是指在通信时建立一条专用的物理连接，该连接将一直保持开放，直到通信结束。在此过程中，通信双方可以实时地交换信息，就好像它们直接连接在一起一样。传统的电话通信就是一个很好的例子。在电路交换中，通信资源一直被占用，因此当通信量很大时，电路交换可能会变得不太有 ......
原生JS + HTML + CSS 实现快递物流信息 API 的数据链式展示
全国快递物流查询 API 是一种提供实时、准确、可靠的快递物流信息查询服务的接口。它基于现有的物流信息系统，通过API接口的方式，向用户提供快递物流信息的查询、跟踪、统计等功能。 ......
html试题总结
html语义化的理解 1.增加代码可读性，让其他开发人员更加理解你的html结构，减少差异化。遵循 W3C 标准的团队都遵循这个标准 2.让搜索引擎更容易读懂，有助于爬虫抓取更多的有效信息，爬虫依赖于标签来确定上下文和各个关键字的权重（SEO） 3.在没有 CSS 样式下，页面也能呈现出很好地内容结 ......
npm安装html2pdf后出现缺少文件的情况
当时发现这个问题的时候,我就去node_modules里面找,确实没有这个文件,故判定是没有完全安装导致的错误信息 最终解决方案: 在终端中进入项目文件夹，执行以下命令： npm uninstall html2pdfnpm install html2pdf这将卸载旧的 html2pdf 模块并重新安 ......
原生JS修改输入框value，并触发前端框架改变内部管理的响应式数据
背景 有时候，我们需要在一个网站上重复地执行某些操作，例如：输入>查询>输入>查询······这时候，我们可以写一个 js 自动化脚本执行这些操作，来保护我们的手指关节，以及键盘鼠标。 对于大多数网站来说，使用web框架如vue进行开发，这些框架使用内部的响应式系统来管理数据，针对input元素，v ......
vue项目中在 index.html 中如何使用 process 变量参数
在标签使用 <script type="text/javascript" src="<%= process.env.VUE_APP_APK %>" ></script> 1.在环境文件中定义变量必须要以 VUE_APP_ 开头 2.必须要用 <%= %> 包裹 3.注意修改完环境变量文件,需要重启项 ......
Vite-Admin后台管理系统|vite4+vue3+pinia前端后台框架实例
基于vite4.x+vue3+pinia前端后台管理系统解决方案ViteAdmin。 前段时间分享了一篇vue3自研pc端UI组件库VEPlus。这次带来最新开发的基于vite4+vue3+pinia技术栈搭配ve-plus组件库构建的中后台权限管理系统框架。支持vue-i18n国际化多语言、动态路 ......
前端（三）
前端（三） 分组和嵌套 div p{ # 嵌套(空格跟着是嵌套) color: red; } div p,p{ # 分组(逗号隔开是分组) color: red; } 伪类选择器 a:link{ /*默认*/ color: red; } a:hover{ /*鼠标悬浮*/ color: blue; ......
前端 | Front-End
HTML 将 HTML 理解成 Markdown 好啦。Markdown 是用来排版一份文本的，同样地，HTML 是用来排版一个网页的。 html ├── head │ ├── title │ ├── meta │ └── link └── body ├── header │ ├── h1 │ └─ ......
实践指南-前端性能提升 270%
一、背景 当我们疲于开发一个接一个的需求时，很容易忘记去关注网站的性能，到了某一个节点，猛地发现，随着越来越多代码的堆积，网站变得越来越慢。 本文就是从这样的一个背景出发，着手优化网站的前端性能，并总结出一套开发习惯，让我们在日常开发时，也保持高性能，而不是又一次回过头来优化性能。 先来看看优化的成 ......
前端H5使用html5QrCode实现扫一扫识别二维码
Vue版本：npm install html5-qrcode <template> <div class="index"> <!-- 扫一扫 --> <div class="scan" v-if="isScanning"> <div class="scan-box"> <div id="scanni ......
关于前端基础数据结构的问题
常用的数据集采用数组的好处，当然对于前端新人来很容易混淆，如下的数据是数组（js的数组本就是特殊的对象，因此又叫数组对象）由于这缘故很多网上的叫法五花八门 所以下面的数据结构很容易混淆，以为这是数组对象（其实这样叫没错，只是理解成是真对象（js的数组也是对象的一种，先区别一下免得混淆））其实是数组（ ......
如何将后台数据显示在html页面里面
问题描述 因为我当时入门用的是jsp嘛，然后就对jsp的相关操作比较熟悉，现在换成html，它和jsp有一些不同的语法，jsp有的语法在html并不被认可，然后就遇到了这个问题 问题解决 我一开始直接使用之前惯用的${text}来获取，笑死，根本没用！ 然后就开始尝试其他的解决办法了， 利用scri ......
前端pdf文件直接下载而不是打开
直接在pdf地址后面加上后缀“?response-content-type=application/octet-stream” 如：http://xxxx/pdf/20230413/1c2c6f20-d9dc-11ed-92bf-79077d10cc6c.pdf?response-content-t ......
【异步加载JS脚本（script标签）至html文档中】的辅助函数
Code： /** * 'asyncLoadScript'方法的配置项'options'的类型定义 * @typedef {Object} IOptions * @prop {string} id - script标签的ID * @prop {Function} onSucceed - 加载成功后的 ......
纯前端仿GPT流式打字效果的js库，类似通义千问或者其他AI界面的打字效果
因为GPT以及国内各大模型的发布，很多官网都设计的是，仿造流式打字效果，下面这个js库就能轻松实现。 typed.js 具体实现代码参考下面： <span id="subTitle"></span> <script src="https://unpkg.com/typed.js@2.0.15/dis ......
HTML介绍
一、HTML基本介绍 1.HTML是什么？ ● 超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言。 ● 本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性 ......
JAVA返回前端时候bean转json时首字母、第二个字母大写会自动变成小写的问题
后台bean是 private String uName; 但是前端生成的json是 uname 会自动变成小写 如果我们只是个别的几个的话，只需要加个注解 @JsonProperty("uName") private String uName; 这样就可以了 ......
网页支持传统蒙古文排版样式HTML+CSS
传统蒙古文排版跟大部分文字排版不一致，需要从上到下书写，然后从左到右的排版。 样式文件如下： .vertical-text { -webkit-writing-mode: vertical-lr; -moz-writing-mode: vertical-lr; -o-writing-mode: ve ......
批量上传GPT知识库，前端elementui的upload上传组件，后端Golang的上传接口实现
为了实现批量上传GPT的知识库并且功能，那么这个上传组件就必不可少，需要能把文档上传到服务器中。 前端部分，我是采用的cdn引入的形式，引入的elmentui。该框架是有上传组件的，可以参考我的用法： action部分就是上传接口，其他三个是上传之前的处理，上传成功和失败后的回调函数 <el-upl ......
一对多订单前端写法
$.ajax({ url: "/orders/show_order", type: "GET", dataType: "JSON", success: function(json) { $("#test").empty(); console.log("删除成功!"); $.each(json.dat ......
前端上传资源时无缝切换
通过使用软链接，在上传时更改软链接指向实现 # send ssh new-prod-doc "rm -rf /data/web/dist_source_last/*" # 删除上一版本的资源 ssh new-prod-doc "cp -r /data/web/dist_source/* /data/ ......
4、Web前端学习规划：JavaScript - 学习规划系列文章
JavaScript作为Web前端里的第3重要的语言，笔者认为该重点进行学习。因为JavaScript衍生出来的框架和类库有不少，而且很强大。所以JavaScript的学习要抓好重点，在基本的语法及应用上学习相关的框架和类库，更好的为Web前端的开发应用做好准备。 1、 简介； JavaScript ......
3、Web前端学习规划：CSS - 学习规划系列文章
CSS作为Web前端开发的第2种重要的语言，笔者建议在学了HTML之后进行。CSS主要是对于HTML做一个渲染，其也带了一些语言语法函数，功能也非常强大。 1、 简介； CSS（层叠样式表）是一种用于描述网页样式的语言。它可以控制网页中的字体、颜色、布局、背景等方面的样式。CSS可以与HTML和Ja ......
HTML父子页面相互操作教程
1.先准备ab两个网页，a当做父页面，b当做子页面 2.在a页面加一个isA方法，在b页面加一个isB方法 3.然后在A页面通过Iframe引用B页面 4.A页面调用B页面的方法，使用代码：document.getElementById("ib").contentWindow.isB(); 解释：获 ......
html初次进入页面只刷新一次!!一次!!!!
window.onload=function (){reloadPage();} //自动刷新一次页面 function reloadPage() { if(location.href.indexOf('#reloaded') 1){ //判断是否有刷新标记 location.href=locati ......