前端html css
HTML
概念：即 HyperText markup Language 超文本标记语言，作用是定义网页的内容和结构 # HTML元素 HTML由一系列元素 elements 组成，例如： ~~~html Hello,world! ~~~ 元素可以有属性，如 ~~~html Hello,world! ~~~ 元 ......
前端上传文件可能的问题
上传文件失败，可能的原因 1. 前端默认限制了文件大小，例如我这里使用了 axios 发送请求，默认是有大小显示的，可以在配置里面设置文件大小，比如设置内容和请求体大小为 100M，默认打印出来的是 -1 config.maxContentLength = 100 * 1024 * 1024; co ......
CSS（二）
一、emmet语法 1、简介 Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法。 快速生成HTML结构语法 快速生成CSS样式语法 2、快速生成HTML结构语法 生成标签 直接输入标签名 按tab键即可 比如 div 然后ta ......
springboot项目启动访问任何html页面报类型转换错误：Failed to convert value of type...
问题： 2023-05-30T21:35:57.495+08:00 WARN 19900 [nio-8080-exec-8] .w.s.m.s.DefaultHandlerExceptionResolver : Resolved [org.springframework.web.method.ann ......
前端全栈资料-css2
入门 1-特殊选择器多类名 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .aqua{ color: aqua; } .font{ font-size: 10px ......
前端浏览器缓存和HTTP缓存
缓存 缓存优点：减少冗余的数据传输；减轻服务器的压力；加快浏览器加载网页的速度。 分类：强缓存和协商缓存 强缓存：服务器不需要发送资源给客户端，客户端直接从缓存中取 有关头字段：Cache-Control、 Expires，两者同时存在时，前者优先级更高 Expires：当客户端向服务器发送请求，服 ......
springboot 雪花算法生成的发送到前端id精度丢失
添加注解： @JsonFormat(shape = JsonFormat.Shape.STRING) 用法： ......
css选择器选择父元素下子元素仅有一个指定 class 的时候
对于仅指定一个 class 的场景，我们通常会想到使用 :last-child 或者 :only-child 但是亲测发现，这些伪类选择器不是仅在子元素只有一个我们想要筛选的 class 类的时候，才会被选择，而是仅有一个子元素的时候才会被选中，所以，如果我们子元素还有其他非该类的子元素，则不会被认 ......
前端工程师如何突破瓶颈期
前端工程师在职业生涯中可能会遇到瓶颈期，这时需要有一定的策略和方法来突破，以下是一些建议： 1. 持续学习：前端技术更新换代非常快，需要不断学习新技术和新知识，保持自己的竞争力。 2. 扩展技能：在掌握核心技能的基础上，可以扩展自己的技能范围，例如学习后端开发、数据库设计等技能。 3. 参与开源项目 ......
Tailwind CSS与写全局样式的优势
Tailwind CSS 是一个基于原子类的 CSS 框架，它提供了一系列的 CSS 类，可以用来快速构建网页界面。与传统的 CSS 框架不同，Tailwind CSS 不是提供一些预定义的样式，而是提供了一系列的原子类，诸如 flex, pt-4, text-center 和 rotate-90 ......
前端之vue3的setup和setup的2个的形参、响应式页面
# setup setup是个函数, 包含数据、方法等，是组合api的“舞台”。 setup返回值： 1.对象，其中的属性、方法都可以在模板中直接使用 2.渲染含数（了解就好） ``` export default { name: "App", components: {}, setup() { / ......
前端JS的面向对象写法还是挺好玩的—class继承、实现
class FormDataDTO1 { id; name; sex; remark; } class FormDataDTO2 extends FormDataDTO1 { age; address; } const formData1 = new FormDataDTO1(); const fo ......
css3 复习
1.不固定宽高实现水平居中，垂直居中 一共有3种方法 flex display: table-cell; vertical-align: middle;text-align: center; transform: translate(-50%, -50%); 方法二： .box { width: 3 ......
2023-05-30 前端通过node获取七牛云的token（token最好还是在后端返回，前端获取token会暴露密钥）
const fs = require('fs'); const qiniu = require('qiniu'); var accessKey = '你的accessKey'; var secretKey = '你的secretKey'; var mac = new qiniu.auth.diges ......
[javascript/html] HTML中Location对象详解
# 1 Location 介绍 + `location`指示了其所连接对象的url位置。 + `location`的应用场景 > + 获取并在页面中显示当前url的信息（protocol、host、port、query-string、hash、...） > + 设置/跳转至别的页面 >> 通过设置` ......
氚云前端代码对控件赋值
一、 先说表单子表，进行自动排序 var parent = this; //先将对象也就是子表，进行绑定改变事件 this.D000685F044da22ee9b54a669386935b72c2b7a0.BindChange( "Set", function( data ) { debugger; ......
文档在线预览（三）使用js前端实现word、excel、pdf、ppt 在线预览
@[toc] 关于实现文档在线预览的做法，之前文章提到了的两种实现方式： 1、通过将文档转成图片：详见[《文档在线预览（一）通过将txt、word、pdf转成图片实现在线预览功能》](https://blog.csdn.net/q2qwert/article/details/130884607)； ......
前端返回时直接关闭页面
任务场景是，企业微信环境下，通过鉴权页面跳转到目标页面，但是目标页面返回总是跳回到鉴权页面，然后又直接跳到目标页面了，导致页面关闭异常。 提供解决方式：监听页面返回事件，在手动关闭页面。 前端用的环境是vue。 ``` // 挂载时 mounted () { history.pushState(nu ......
L1频段卫星导航射频前端低噪声放大器芯片 AT2659/AT2659S
AT2659 是一款具有高增益、低噪声系数的低噪声放大器（LNA）芯片，支 持L1频段多模式全球卫星定位，可以应用于GPS、北斗二代、伽利略、Glonass 等GNSS导航接收机中。芯片采用先进的SiGe工艺制造，采用1.5 mm X 1 mm × 0.78 mm的6 pin DFN封装。 主要特点 ......
文档在线预览（二）word、pdf文件转html以实现文档在线预览
@[toc] 实现文档在线预览的方式除了上篇文章[《文档在线预览（一）通过将txt、word、pdf转成图片实现在线预览功能》](https://blog.csdn.net/q2qwert/article/details/130884607)说的将文档转成图片的实现方式外，还有转成pdf，前端通过p ......
vue前端的avue-crud操作
1、在js中获取某个字段的属性，或设置字段的值： const column = this.findObject(this.option.column, "parentId"); column.disabled = true;//设置为禁用此字段 column.value = '1'; //设置par ......
前端开发如何更好的避免样式冲突？级联层(CSS@layer)
本文主要讲述了CSS中的级联层（CSS@layer），讨论了级联层的创建、嵌套、排序和浏览器支持情况。级联层可以用于避免样式冲突，提高代码可读性和可维护性。以及相关的级联知识的深入理解。 ......
2023-05-30 前端h5页面如何实现调起微信支付功能（该回答来自chatgpt，实际效果未测试）
前端H5页面调起微信支付功能需要结合微信JS-SDK和后端接口实现。以下是基本步骤和示例代码： 1.获取微信公众号的appid和secret 在微信公众平台上创建一个公众号，获取其对应的appid和secret。 2.引入微信JS-SDK 将微信JS-SDK的链接放入HTML文件的头部，例如： <s ......
HTML标签大全
1.1 HTML语法规则： 1.HTML 标签是由尖括号包围的关键词，例如 <html>。2.HTML 标签通常是成对出现的，例如 <html> 和 </html> ，我们称为**双标签**。3.签。标签对中的第一个标签是开始标签，第二个标签是结束标签。 有些特殊的标签必须是单个标签（极少情况），例 ......
统计同名数据基于html js
# 1.教程 1将数据逐行复制到excell2.新建txt文件，将excell中的全部数据复制到txt文件中3.使用edge打开统计同名数据.html,右击网页打开控制台4.选择txt文件，确认，会在控制台展示结果点击 # 2.数据示例 可以有空格，回车，形式为： 名称 数量 ```DN150球铁平 ......
Vue3 ，html 修改滚动条样式
``` /* 滚动条 */ body *::-webkit-scrollbar { width: 5px; height: 10px; } body *::-webkit-scrollbar-track { background: #fff; border-radius: 2px; } body * ......
tailwindcss在使用cdn引入静态html的时候，使用vscode代码提示
原文： Hey! The Intellisense extension does need a config file to work today. I would suggest creating one in your project root to enable the extension. ......
css实现文本超出固定行数显示...和展开收起
文本超出固定行数显示...和展开收起 项目中有时需要实现文字超出末尾显示…和展开收起按钮的需求，在我用js限制字符数实现之后，又去找了大佬用css实现的方法，发现这样更满足我的需求且更简单。 思路： float可以实现文字环绕效果判断展开收起的状态，可以使用复选框和伪元素结合实现复选框选中、未选中的 ......