前端html css
web前端 静态资源路径问题
问题：对于一个简单的form表单，url究竟应该如何填写？ 1、url的各部分组成 对于地址：http://192.168.1.1:8080/hello/index.html其中：分解为三部分 服务器地址： http://192.168.1.1:8080 WEB应用上下文： /hello 网页或请求 ......
TailWind CSS工具库使用
# 一、简介 [官方文档](https://www.tailwindcss.cn/) 本 CSS 框架本质上是一个工具集，包含了大量类似 flex、 pt-4、 text-center 以及 rotate-90 等工具类，可以组合使用并直接在 HTML 代码上实现任何 UI 设计。 # 二、安装 介 ......
css3 object-fit使用
1、object-fit:fill; 拉伸填满整个容器 2、object-fit:contain; 宽度铺满整个容器，高度等比缩放，超出则裁剪 3、object-fit:cover; 高度铺满，宽度等比缩放，超出则裁剪 4、object-fit:none; 图片大小不变，超出则裁剪，裁剪保留中间部分 ......
css制作三角
使用border属性制作三角：当给一个宽高为0的盒子设置不同颜色的边框时会如下图所示，由此可见，想要设置三角，则可以将其余三条边框设置为透明色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vie ......
[爬虫]1.2.2 CSS选择器
CSS (Cascading Style Sheets) 是一种样式表语言，用于描述HTML元素的样式。CSS选择器是CSS规则的一部分，它决定了CSS规则应用于哪些元素。在网络爬虫的开发中，我们经常使用CSS选择器来定位和选取HTML元素。 以下是一些常见的CSS选择器： ## 1. 元素选择器 ......
2023-07-25 html中引入vue，报错：Vue is not a constructor ==》引用的vue版本不兼容导致
报错代码： 我使用的vue外链https://cdn.jsdelivr.net/npm/vue，该外链引用的是最新的vue@3.3.4版本，而我的vue写法为vue2.0版本的写法，故而不兼容。 解决方案：引用指定版本的vue👇 <script src="https://cdn.jsdelivr. ......
CSS margin属性值不同写法的含义
+ margin: 0; /* 四个方向的外边距都为0 */ + margin: 10px; /* 四个方向的外边距都为10像素 */ + margin: 10px 20px; /* 顶部/底部外边距为10像素，左侧/右侧外边距为20像素 */ + margin: 10px 20px 30px; / ......
VIte+Vue3 打包在本地 双击 index.html 打开项目
**1.安装插件** > npm i @vitejs/plugin-legacy > npm i @babel/preset-env vite3 版本以上还需要安装 > npm i terser **2.引用 @vitejs/plugin-legacy** ```` import legacy fr ......
HTML5知识点的总结
1.向后兼容 HTML5是这样被定义的：能向后兼容目前UA处理内容的方式。为了让语言更简单，一些老的元素和Attribute被舍弃。比如一些纯粹用于展现的元素（译注：即非语义化的元素，如big）或Attribute被舍弃，因为他们更适合用CSS来处理。但UA依然可以支持老旧的属性和元素。这就是为什么 ......
编码系列（1）-HTML字符编码/HTML实体编码
简介 网页包含了大量的文字，浏览器必须知道这些文字的编码方法，才能把文字还原出来。 一般情况下，服务器向浏览器发送 HTML 网页文件时，会通过 HTTP 头信息，声明网页的编码方式。 Content-Type: text/html; charset=UTF-8 上面代码中，HTTP 头信息的Con ......
css进度条
使用过度属性transition制作进度条 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale= ......
[爬虫]1.2.1 HTML标签和属性
HTML（HyperText Markup Language）是一种用于创建网页的标记语言。HTML文档由一系列的HTML标签构成，每个标签都有自己的意义和用途。HTML标签通常成对出现，由一个开始标签和一个结束标签组成，结束标签的名称前有一个斜杠。 例如，``是一个段落标签的开始，``是一个段落标 ......
每日汇报 第五周第二天 html表单
今日学习： html表单； 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Registration Form</title> 6 <link rel="stylesheet" href= ......
前端基础之jQuery
jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。库就类似于是Python中的模块，简称为jq，就是js、css等的封装版本。 前端最大的问题就是兼容性问题，需要兼容各个浏览器，使用jQuery就不用担心兼容问题，其内部已经做好了。 它的宗旨就是：“Write le ......
前端私有化部署配置共有信息解决方案
方案一：环境变量 在这个方案中，我们可以通过将配置信息作为环境变量，然后在构建过程中获取这些变量。具体来说，在Webpack的DefinePlugin插件中，我们可以定义一些全局的常量。 这是一个具体的实现示例： 1 // webpack.config.js 2 const webpack = re ......
前端基础之BOM和DOM
## window对象常用方法 ● window.innerHeight - 浏览器窗口的内部高度 ● window.innerWidth - 浏览器窗口的内部宽度 ● window.open() - 打开新窗口 ● window.close() - 关闭当前窗口 ## navigator对象 na ......
前端请求报错：'JSON parse error: syntax error, expect {, actual e…1, line 1, column 2selectUid%5B%5D=VluJeA9upFXgJD', code: '500'}
1、如果不用 JSON.stringify(inputJson) 包起来就会报错 let inputJson = {"selectUid" : selectUid}; var response = await $.ajax({ type: 'POST', url: 'xxx', data: inpu ......
谈谈干前端四年的几点感受
[谈谈干前端四年的几点感受 - 掘金](https://juejin.cn/post/7258509816691834917) 19年毕业的我，最开始怀揣着无限憧憬进入这个行业 不知不觉，已经工作4年了，如果算上大四实习的时光，也接近5年了。 4年间换了两家公司。 对于工作，我也有过很多的困扰和迷茫 ......
Apache POI excel导出（单元格html代码渲染）
**需求：**将渲染后的html代码，导出到单元格中。 ###代码实现 ``` public class ExcelUtil { /** * 设置单元格富文本值 */ public static void setCellRichTextString(Workbook wb, Cell cell, O ......
前端文件下载方法封装
1 export const downloadFileAxios = (fileUrl) => { 2 axios({ 3 url: fileUrl, 4 method: 'GET', 5 responseType: 'blob', 6 }).then((response) => { 7 const ......
前端基础之JavaScript
一个完整的 JavaScript 实现是由以下 3 个不同部分组成的： ● 核心（ECMAScript） >基础语法 >必须要会的 ● 文档对象模型（DOM） Document object model (整合js，css，html) >重要 ● 浏览器对象模型（BOM） Broswer objec ......
前端拿到后端返回文件流后页面生成excel表格预览（Luckysheet）
最近项目遇到一个需求，就是本来只需要导出的excel文件，客户要求在前端页面进行预览查看。在查找资料后，决定使用Luckysheet来进行excel文件的预览。 1.安装 npm i luckyexcel 2.html中引入相关js，css文件，可以自己下下来放到本地引入 <link rel='st ......
html 之 jQuery库
一、jQuery介绍 1、库就类似于是Python中的模块，简称为jq 2、jQuery就是js、css等的封装版本，只要一封装，写法较简单 3、jQuery是一个轻量级的、兼容多浏览器的JavaScript库，封装版本的js。 4、jq的优势 简化 DOM 操作： jQuery 提供了简单易用的选 ......
[CSS] Virtual Keyboard API for CSS
When Virtual keyboard popup, we can relayout the UI element accordingly: navigator.virtualKeyboard.overlaysContent = true; navigator.virtualKeyboard.s ......
前端认识docker
Docker 是什么 先看看百科的定义： Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中，然后发布到任何流行的Linux或Windows操作系统的机器上，也可以实现虚拟化。容器是完全使用沙箱机制，相互之间不会有任何接口。 容器引擎？镜像？容器？虚拟化 ......
JetLinks前端配置
JetLinks前端配置 只需要修改vite.config.ts文件的这两个地方，config.ts文件不用修改: 图1：增加注释； 图2：修改为jetlinks后端服务启动所在服务器的IP地址和端口号 备注：https://hanta.yuque.com/px7kg1/yfac2l/fwqriw2 ......