前端html
nginx匹配所有请求路径显示index.html页面
server { listen 80; server_name example.com; # 替换为你的域名 root /path/to/your/root; # 替换为你的站点目录 location / { try_files $uri $uri/ /index.html; } } ......
前端调取摄像头并实现拍照功能
前言： 最近接到的一个需求十分有意思，设计整体实现了前端仿微信扫一扫的功能。整理了一下思路，做一个分享。 tips: 如果想要实现完整扫一扫的功能，你需要掌握一些前置知识，这次先讲如何实现拍照并且保存的功能。 一. window.navigator 你想调取手机的摄像头，首先你得先检验当前设备是否有 ......
react+antd-mobile+vite移动端H5前端项目
React+antd-mobile+vite ($\color{red} {注意：} $)待解决问题 （1）高版本路由第一次切换tab跳路由会出现闪烁,路由切换会延迟导致tab无法触发active(预计和缓存组件不更新路由参数有关) （2）使用ReactDOM.createRoot实例化项目，在结合 ......
vue3+vant+vite移动端H5前端项目
vue3+vant4 项目地址 vue项目演示 react项目演示 react项目代码:react项目代码 环境版本 nuc 16.10.9 (ncu -u) nvm 1.1.11 node 20.0.0 npm 9.6.4 项目重要知识点 1. 采用 vue3 + vite + pinia 2.可 ......
HTML语义化
用正确的标签做正确的事情。 html语义化让页面的内容结构化，结构清晰，便于对浏览器、搜索引擎解析； 即使在没有css样式的情况下也以一种文档格式显示，并且是容易阅读的； 搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO（Search Engine Optimizatio ......
HTML之src与href的区别
src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。 1、src src是source（/sɔːs/ n. 来源、源头、出处）的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档中，例如js脚本，img图片和fr ......
nginx ssh配置,larave项目配置多个前端项目
1 ssh 配置 server { listen 443 ssl http2; #listen [::]:80; server_name xiaoqiezia.cn www.xiaoqiezia.cn; index index.html index.htm index.php default.htm ......
一个小前端加密
页面上有这样的一个联系方式，需要点击"点击查看"之后才能获取到脱敏后的联系方式。 与页面交互前，使用DevTools进行各种搜索与Network抓包，找不到隐藏有脱敏前的完整数据。 一般遇到这种情况我们会首先排查，数据是否是通过接口触发后返回。但遗憾的是，交互过程只抓到请求一个看起来无关的接口。 那 ......
前端 Git 使用约定
前端 Git 使用约定 背景 开发前端项目，有以下困惑： 使用哪个分支开发，哪个分支发布 修复线上bug的流程是什么，如何避免修复完了下次却又出现了 cms分支有十多个，是否都有用 如何快速找到之前某次功能开发，或某次bug修复 为了减轻上述困扰，引入 gitflow 规范，并根据公司情况做适当调整 ......
一个WPF版的Layui前端UI库
思维导航 前言 WPF介绍 Layui前端UI组件库介绍 项目源代码 项目源码运行 项目运行部分截图 项目源码地址 优秀项目和框架精选 DotNetGuide技术社区交流群 前言 相信做.NET后端开发的很多小伙伴都用过Layui前端UI组件库，今天我们分享一个WPF版的Layui前端UI样式库：L ......
前端与爬虫
搜索爬虫, 我们会搜到一大堆 Python 相关的结果 问题: 爬虫和前端有关系吗? 爬虫是什么 爬虫程序是一种计算机程序，旨在通过执行自动化或重复性任务来模仿或替代人类的操作。 爬虫程序执行任务的速度和准确性比真实用户高得多。爬虫程序类型众多，可执行各种任务，并且爬虫程序在互联网流量中的比重也越来 ......
node express+vue+html，后端+后台管理+官网线上部署
引言简介 遗憾：这里没有进行linux的mysql安装不完美，有空补全 1. node安装 安装nodejs参考地址： https://blog.csdn.net/cnds123321/article/details/121301089 报错 GLIBC_2.28 not found 这里安装的时候 ......
一个WPF版的Layui前端UI库
前言 相信做.NET后端开发的很多小伙伴都用过Layui前端UI组件库，今天我们分享一个WPF版的Layui前端UI样式库：Layui-WPF。 WPF介绍 WPF 是一个强大的桌面应用程序框架，用于构建具有丰富用户界面的 Windows 应用。它提供了灵活的布局、数据绑定、样式和模板、动画效果等功 ......
html标签
img标签 <!--主要是在网页显示图片--> 标签的属性： 1、自带属性 2、自定义属性 <img src="preview.jpg" alt="动漫" width="200px"> src: <!--写图片的地址：外链地址或者相对地址--> alt: <!--当图片加载失败时显示对图片的描述性信 ......
认识前端
前端 什么是前端？ 前端就是用户可以直接看得到的视图层就是前端 什么是后端？ 后端是和数据打交道的，在用户看不到的 前端学习的内容 """前端三剑客""" HTML：一个网页的骨架，没有任何样式 CSS：给一个网页添加样式，让其变得更加美观 JavaScript：让网页有动效 前端框架： jQuer ......
前端开源项目UIRecorder录制脚本遇到的一些问题
D:\nodejs\node_global>uirecorder init __ ______ ____ __ / / / / _/ / __ \___ _________ _________/ /__ _____ / / / // / / /_/ / _ \/ ___/ __ \/ ___/ __ ......
前端跳转第三方链接带上token，第三方跳转链接能在Authorization中添加字段吗，方法
要在前端跳转到第三方链接时携带 token，你可以使用以下几种方法： URL 参数：将 token 作为 URL 的查询参数传递给第三方链接。例如，将 token 添加到链接的末尾，如 https://example.com/third-party?token=your_token_here。第三方 ......
Html（布局标签---表单标签---表单项标签）
一、布局标签 标签描述 <div> 定义 HTML 文档中的一个区域部分，经常与 CSS 一起使用，用来布局网页 <span> 用于组合行内元素。 代码演示： 运行界面： 二、表单标签 标签描述 <form> 定义表单 <input> 定义表单项，通过type属性控制输入形式 <label> 为表单 ......
html（超链接---列表标签---表格标签）
一、超链接 标签描述 <a> 定义超链接，用于链接到另一个资源 href：指定访问资源的URL target：指定打开资源的方式 _self:默认值，在当前页面打开 _blank：在空白页面打开 代码演示： 运行界面： 二、列表标签 标签描述 <ol> 定义有序列表 <ul> 定义无序列表 <li> ......
html常用基础知识（基础标签---音视频标签）
一、基础标签 标签描述 HTML 定义 HTML 文档 head 定义关于文档的信息 title 定义文档的标题 body 定义文档的主体 标签描述 <h1 > ~< h6> 定义标题，h1最大，h6最小 <font> 定义文本的字体、字体尺寸、字体颜色 <b> 定义粗体文本 <i> 定义斜体文本 ......
如果后端API一次返回10万条数据，前端应该如何处理？
这个问题其实是考察面试者对性能优化的理解，涉及的话题很多。 创建服务器 为了方便后续测试，我们可以使用node创建一个简单的服务器。 服务器端代码： const http = require('http')const port = 8000;let list = []let num = 0// cr ......
前端数据流组装指定格式的文件下载
有的时候，我们从后端获取了文件数据，需要在前端组合成指定格式的文件，并下载。 组合文件，除了数据，还需要规定格式，才知道组合成什么格式的文件。 主要代码如下： /* * responseText 后端获取的文件数据 * 这里以 pdf 格式的文件举例，设置 type 为 pdf 文件需要的类型 * ......
Python+自动化测试生成HTML报告
📎HTMLTestRunner.py 先把文件放在python路径下的lib里面. 注意事项 在我们使用HTMLTestRunner 生成测试报告的时候要注意,打开文件要用"wb"以二进制写方式打开,并且不要指定编码格式(encoding),否则会报错,如果只用"w",也是会报相同的错 用"w", ......
初识HTML5（2）
在本文中，我将介绍HTML5的超链接标记和表格的相关标记。 超链接标记 超链接是HTML中非常重要的元素，它用于在不同网页或不同部分之间创建链接。以下是一些与超链接相关的标记和属性： 使用<a>标签来定义超链接，其中href属性用于指定链接的目标URL，target属性用于指定链接如何打开。 超链接 ......
初识HTML5
HTML是一种超文本标记语言，用于创建和设计网页。HTML5是HTML的第五个版本，具有更丰富的功能和更好的效果。在开发过程中，我们可以使用Hbuilder作为开发工具，以及使用Chrome浏览器进行测试。 HTML5的基本文档结构包括以下几个标签：<!DOCTYPE html>用于定义HTML5文 ......
前端环境搭建到创建vue项目运行
整体流程 1.安装 nvm 管理工具,用于管理 node 的版本方便 node 版本的切换 a.下载 nvm 1.官方下载地址:https://github.com/coreybutler/nvm-windows/releases 2.备用下载地址:https://xiaocai1688.lanzo ......
从前做前端的时候， 联通的好多html5活动， 页面布局如何整齐，回顾一个常用的
今天想布个页面， 许久不手写css了，从前写了许多html5的游戏活动等， 大转盘，豆豆世界，沃积分， 刮刮卡， 那时候早，不同手机端一个个测，手机品牌每个浏览器都不一样，那时候测试部的可是好好弄了我写的积分平台的联通全栈移动端了， 搞了通宵才让回家，因为要赶上线。 如今却css许久不写了，好多技能 ......
华为云耀云服务器L实例-tilas教学管理系统前端配置
华为云耀云服务器L实例-tilas教学管理系统前端配置 产品官网：https://www.huaweicloud.com/product/hecs-light.html 项目源代码地址：https://github.com/JohnYoung5665/spring-boot-web01/tree/m ......
Python 实现HTML 转Word
之前文章分享过如何使用Spire.Doc for Python库将Word文档转为HTML格式，反过来，该库也能实现HTML到Word文档的转换。通过代码进行转换，避免了手动复制粘贴费时间，并且可能会出现错误或格式混乱等问题。 Spire.Doc for Python库能转换一个HTML文件为 Wo ......
纯前端对服务器的概念
1. 服务器概念 前端接触的服务器有多种，比如：机房的物理服务器、后端装自己电脑上的虚拟机服务器、华为云或腾讯云上租的云服务器、node或nginx提供本地文件访问的web服务器 等。 对于我们前端而言，服务器就分为两类 web服务器 和 非web服务器。 web服务器：就是一个软件程序，运行之后， ......