前端css
前端实现导出word文档docx格式
## 说明 前端实现导出word文档,我们需要用到docxtemplater这个库 使用的是vue2.6和vue-cli5 还需要准备一个word模板,更多模板变量请去[docxtemplater官网获取](https://docxtemplater.com/demo/ "docxtemplater ......
汽车代码的实现 - 车联网,需要Java、PHP、HTML、CSS
汽车代码的实现 - 车联网车联网是另一个重要的汽车代码领域,它旨在将车辆、驾驶员和其他设备连接到互联网,以提高车辆性能和安全性,并实现大规模数据收集和分析。实现车联网需要使用多种编程语言和技术,如Java、PHP、HTML、CSS等。同时,还需要使用各种通信协议和技术,如Bluetooth、WIFI ......
若依前端问题集合[前后端分离版本]
>[TOC](目录) # 1.若依前后端分离页面改变title 修改浏览器title和icon图标 在项目==public==文件夹中有==index.html==文件![在这里插入图片描述](https://img-blog.csdnimg.cn/628cac80ae674d44be7636f38 ......
springmvc后端接收前端数据的四种方式
前端登录页面代码 ``` Title 登录页面 username: password: ``` ![](https://img2023.cnblogs.com/blog/3005714/202306/3005714-20230605141445447-1350450152.png) 配置spring ......
2021-08-12--Web前端性能指标和性能优化(综述)
title: 网站的几个性能指标和优化(简易) categories: - 网络安全与性能优化 tags: - 性能优化 - 性能指标 - 白屏时间 - 首屏时间 - TTFB abbrlink: 5c56 date: 2021-08-12 23:42:49 updated: 2021-08-12 ......
系统化学习前端之Vue(vue2 组件通信)
## 前言 前文 vue2 基础中聊过,页面本质是 DOM 树,而在vue2 中 组件 = vm 实例对象 = DOM。因此,页面其实也是组件树构成,组件之间形成父子关系,兄弟关系等,相互之间通信也是组件树的必须要求。 ## vue2 组件通信 组件通信即组件之间的数据传递。 ### props 和 ......
帮你梳理了一份前端知识架构图
列一份前端知识架构图 在上一篇文章中,我们简要地总结了前端的学习路径与方法,我们提到的第一个学习方法就是:建立知识框架。那么,今天我们就一起来列一份前端的知识框架图。 在开始列框架之前,我想先来谈谈我们的目标。实际上,我们在网上可以找到很多参考资料,比如 MDN 这样的参考手册,又比如一份语言标准, ......
css实现点击按钮进行右移的动画
html页面: <div v-if="hideTip" id="tipsButton"> <el-tooltip class="item" effect="dark" content="打印表格" placement="top"> <el-button icon="el-icon-printer" ......
前端流程图组件库
https://blog.csdn.net/xu_song/article/details/108269558 https://segmentfault.com/q/1010000021077507 ......
CSS(三)
一、css三大特性 1、层叠性 相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题 层叠性原则: 样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式 样式不冲突,不会层叠 2、继承性 CSS中的继承: 子标签会继承父标签的某些样式,如 ......
css默认初始化(模仿京东,没用的我都去除了)
* { margin: 0; padding: 0; } /** 斜体文字不倾斜 */ em, i { font-style: normal; } /** 无序列表去掉· */ li { list-style: none; } /** 图片和文字垂直居中,并且边框为0 */ img { border ......
vue前端model和data强关联
![](https://img2023.cnblogs.com/blog/1648896/202306/1648896-20230604221227543-1328337896.png) 如果不关联会报错, 且错误不好找! ![](https://img2023.cnblogs.com/blog/1 ......
基于 Vue3 + TS 的前端结构
效果预览: ![](https://img2023.cnblogs.com/blog/3214089/202306/3214089-20230604204034093-1526814837.png) ![](https://img2023.cnblogs.com/blog/3214089/20230 ......
前端可直接拿来用的代码(更新ing)
1、清除浮动 双伪元素法(既解决外边距塌陷问题,又能清除浮动影响) .clearfix::before, .clearfix::after { content: ""; display: table; } .clearfix::after { clear: both;} 2、清除默认样式 * { m ......
css基础
# css2基础 ## CSS简介 全称为:层叠样式表 (Cascading Style Sheets),用于给 HTML 结构设置样式,例如:文字大小、颜色、元素宽高等等。 >简单理解: CSS 可以美化 HTML , 让 HTML 更漂亮。 >核心思想: HTML 搭建结构, CSS 添加样式, ......
前端文件下载
``` // 下载文件 export function downloadFile(url, fileName, data) { axios({ method: 'post', url, responseType: 'blob', data }).then((res) => { const blob ......
css清除浮动
1、为什么清除浮动 当子元素浮动时其父元素没有高度(比如列表页,父元素需要通过子元素的数量来确定高度),这时就会影响标准流父元素下面元素的布局,那么我们就需要清除浮动了。示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" ......
html+css简单易懂的轮播图实现
实现轮播图感觉好复杂啊,这个比较简单的实现了 但是还是没有怎么理解代码,只能先发出来慢慢学习学习了 话不多说,直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Com ......
项目_使用docker部署前端教程
dist文件夹直接替换 systemctl restart docker sudo docker ps -a sudo docker restart <ContainerId> 问题1:docker端口映射或启动容器时报错 Error response from daemon: driver fai ......
Vue——前端发展史、Vue介绍和使用、插值语法、文本指令、事件指令
## 前端的发展史 ```python # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 javascript ......
前端相关规范
# 前端规范记录 ### 1. 严禁使用 console 对象来输出信息 console对象在输出对象信息的时候, 会维持一个对象的引用, 从而造成内存泄漏! 可以在开发环境中使用, 严禁在生产环境中使用!! 开发环境也可以使用断电 + watch(或者控制台手工输入console输出指令) ### ......
vue中(input组件)textarea文本提交到后端数据库,前端输出保存换行回车及修改显示
1.修改css中white-space属性为“pre-warp” 在css中white-space属性用来控制容器的文本中带有空白符、制表符、换行符等的显示,取值有: normal:默认,忽略文本中所有的空白、换行符;只有文本存在 <br> 或文本达到框的约束时,文本才会换行 nowrap:和nor ......
pnpm才是前端工程化项目的未来
## 前言 相信小伙伴们都接触过`npm/yarn`,这两种包管理工具想必是大家工作中用的最多的包管理工具,`npm`作为`node`官方的包管理工具,它是随着node的诞生一起出现在大家的视野中,而`yarn`的出现则是为了解决`npm`带来的诸多问题,虽然`yarn`提高了依赖包的安装速度与使用 ......
前端样式配置
title: 前端样式配置 style tags: - 手册 - 样式 - CSS categories: - 手册 ```html 1 《半小时漫画中国哲学史》 2 “ 既许一人以偏爱,愿尽余生之慷慨 ” 3 [data.json文件链接](https://pan.baidu.com/s/1omz ......
前端预览docx格式文档
运用docx-preview.js(去网上下载https://github.com/VolodymyrBaydalka/docxjs/blob/master/dist/docx-preview.js) 引入脚本 <script type="text/javascript" src="https:// ......
WebStorm 2023(Web前端开发工具) v2023.1.2中文mac版
WebStorm 2022 mac版是一款基于 WebSocket的 Web应用程序编程工具,旨在通过 Web应用程序的代码将 HTML和 CSS文本从浏览器返回到服务器。 WebStorm采用 MVC架构,其中每个模块都在其内部运行。WebStorm 适用于 JavaScript 和相关技术的集成 ......
CSS---写三角形
我们在做项目开发的时候,经常会遇到需要三角小按钮,如果不引入图片和字体,其实用样式也是可以写处理的。 具体示例: .div{width: 50px; height: 50px; border-left: 50px solid red; border-right: 50px solid yellow; ......
一文搞懂前端的所有类数组类型
前面博文有介绍JavaScript中数组的一些特性,通过对这些数组特性的深入梳理,能够加深我们对数组相关知识的理解,详见博文: [一文搞懂JavaScript数组的特性](https://www.cnblogs.com/jimojianghu/p/17292277.html) 其实,在前端开发中,除 ......