前端css
1 CSS的引入方式
##### 1 CSS的引入方式 CSS样式有三种不同的使用方式，分别是行内样式，嵌入样式以及链接式。我们需要根据不同的场合不同的需求来使用不同的样式。 - 行内样式 行内样式，就是写在元素的style属性中的样式，这种样式仅限于元素内部起作用。当个别元素需要应用特殊样式时就可以使用内联样式。但不推 ......
前端实现大文件上传
一、 功能性需求与非功能性需求 要求操作便利，一次选择多个文件和文件夹进行上传； 支持PC端全平台操作系统，Windows,Linux,Mac 支持文件和文件夹的批量下载，断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。 支持文件夹批量上传下载，服务器端保留文件夹层级结构，服务器端文件夹 ......
前端埋点常用方法
前端埋点上报常使用ajax，img，navigator.sendBeacon。不推荐使用ajax；考虑兼容性首选img；目前最合适的方案是navigator.sendBeacon，异步且不受同域限制，而且作为浏览器的任务，因此可以保证会把数据发出去，不影响页面卸载。 ......
CSS基础-浮动
### 浮动 浮动是为了元素标签的并排显示问题。 我们在浏览网页的时候，经常会看到 几个 div 块是可以并排显示的， 浮动就是解决这样问题的方法之一。 **float属性有以下的值** - float: left; 左浮动 - float: right 右浮动 **浮动的特点** - 浮动主要针对 ......
瞅瞅吧！你可能会用到的 css 动画库
原文链接：[推荐几个你可能会用到的 CSS 动画库](https://fe32.top/articles/css10004/)  - node.js - "vue": "^2.5.2", - "vue-router": " ......
第六章、web前端架构师
[TOC] ####十二、通用上传组件开发以及使用 #####1、导学 ``` * 开发通用上传组件 - 通过TDD的方式，开发一个通用上传组件，然后将组件添加到编辑器中进行使用，从 这个过程中衍生出很多的相关知识点 * 主要内容 - 模拟真实开发场景，使用TDD的方式，一步步开发一个通用上传组件 ......
CSS基础-盒模型
## 盒模型 所有的HTML标签都可以看成矩形盒子,由width，height，padding，border构成，称为**盒模型**。 盒子的总宽度 = width + 左右padding + 左右border 盒子的总高度 = height + 上下pading + 上下border ![](ht ......
CSS3
# CSS3 ## 1. CSS导入方式 优先级：就近原则 ```html css导入方式 我是标题 我是二级标题 我是三级标题 ``` ## 2. 选择器 ### 2.1 基本选择器 优先级：id > class > 标签 #### 2.1.1 标签选择器 会选择body下所有h1标签 ```ht ......
CSS如何使文本溢出部分显示省略号？多行超出
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS如何使文本溢出部分显示省略号？多行超出</title> <style> *{margin: 0px;padding: 0px;} .box{ width: 280px; he ......
前端页面常见的布局方式有以下几种
# 前端页面常见的布局方式有以下几种 1、文档流 --内联元素从左往右排列，块级元素从上往下排列。 2、float（浮动）布局 3、position （定位）布局 4、display inline-block （行向）布局 5、margin 布局 6、display:flex 弹性布局 7、disp ......
html、css、js实现的一个简单计算器
title: html、css、js实现的一个简单计算器 date: 2023-07-17 21:51:46 categories: CTF-Web入门 description: 简易计算器 主要代码来自runoob的计算器示例，只是精简了一下，把在js里监听完成的清除输入区也写成了一个函数，点击按 ......
html与css部分基础
原生js篇 1.js组成 ECMAscript BOM DOM 2.js输出内容的方式 1.弹窗alert() 2.网页输出document.write() 3.控制台输出console.log 3.什么是变量 存储临时数据的容器 4.定义变量有几种方式，区别 var 有变量提升，可以重复赋值; l ......
CSS篇
1.文本超出隐藏以...替代 overflow:hidden;//超出隐藏 white-space:nowrap;//不换行 text-overflow:ellipsis;/*超出部分以...替代*/ 2.input修改焦点样式 input:focus{} /*input获得焦点时的样式*/ 3.i ......
前端vue、js、html、svg文件
**HTML文件** HTML文件用于定义网页的结构和内容。HTML文件包含HTML标记，用于创建网页的各个元素，如标题、段落、链接、图像等。HTML文件被浏览器解析和渲染，将其转换为可见网页。 ```html /*声明：用于指定 HTML 文档的版本类型*/ /*HTML 文档的根元素，包含了整个 ......
h5(html5)+css3前端笔记四
#Emmet语法 1.生成标签直接输入标签名按tab键即可 比如 div 然后tab键，就可以生成`` 2.如果想要生成多个相同标签 加上*就可以了比如 `div*3` 就可以快速生成3个div 3.如果有父子级关系的标签，可以用 > 比如` ul>li `就可以了 4.如果有兄弟关系的标签，用 + ......
前端路由原理总结
## 前端路由原理总结 ### hash路由(vue中的`createWebHashHistory` `react`中的`HashRouter`) 监听 url 中 hash 的变化，然后渲染不同的内容，这种路由不向服务器发送请求，不需要服务端的支持； ### history路由(vue中的`cre ......
【校招VIP】前端校招考点之vue底层特性
考点介绍： 大家在面试途中遇到的相对多的问题，也是难点的问题一般都有vue底层原理。对于只会用但是不懂的小白来说真是太痛苦了，仅仅能说出来 一些 数据劫持，双向数据绑定，虚拟dom树的名词来说远远不够。 一、考点题目 1、Vue实现数据双向绑定的原理是什么？ 解答：Vue实现数据双向绑定的原理：Ob ......
原生CSS嵌套简介
> 嵌套是使用Sass等CSS预处理器的核心原因之一。现在，该功能已经以类似的语法出现在标准浏览器CSS中。你能否在构建系统时放弃对预处理器的依赖？ CSS嵌套可以节省输入时间，并使语法更易于阅读和维护。迄今为止，你必须像这样键入完整的选择器路径： ```css .parent1 .child1, ......
前端vue使用blob下载流文件
请求后端接口，发现返回的是这么一堆东西 代码： axios: export function exportEcoCarAppoint(params) { return Http({ url: '/api/jsis/ecoCarAppoint/exportEcoCarAppoint' , method ......
导出excel，前端sheetjs表格工具
首先声明，本人并不是为了发表文章，只是在开发中遇到的一些问题，遇见了一些简单，好的方法并把它们记录下来， 此文章，也仅仅只是给各位指个方向，还需要各位自己去查阅相关资料。 SheetJS官网 SheetJS中文文档 js文件下载地址 js文件在dist目录下，里面有两个文件可以下载（下载哪个都一开样 ......
前端文件转换
1) file文件的拷贝和改名 // 复制文本域中的file文件并重命名 let myFile = new File([file], "新文件的名字"]); 2) bolb格式转base64格式 function blobToDataURL(blob, callback) { let reader ......
后端问：作为前端如何实现自动生成接口文档
前言，众所周知，后端的接口文档一般使用 swagger/openapi，而其他的一般接口文档也基本是使用 openapi 来进行解析的。例如 redoc(20.8k star) 和 knife4j(3.5k star) 等. 作为一个通用的解决方案，前端社区自然也有对应的实现。 如何实现 swagg ......
JBoss升级后，前端框架字符处理出现了乱码的解决方案之一
背景：MVC项目，JBoss从6.3升级至7.1，使用Velocity前端框架。 问题：在使用Ajax进行处理时，发现传递到后端的字符串汉字变成了乱码，疑似环境切换问题，JBoss默认编码没有进行调整。 然而由于这个项目服务器不在自己手里，也无法调整默认编码（一般是ISO8859-1，需要调整为UT ......
CSS基础-继承性
# CSS的继承性 ### CSS的继承性 文本相关的属性一般具有**继承性**，即给祖先设置的样式，同样被后代标签所继承。 通常具有继承性样式 - color 文本颜色。 - font-weight、font-family、font-size 等以font开头的通常和文本相关的属性。 - text ......
【校招VIP】前端vue考点之生命周期和双向绑定
考点介绍： VUE是前端校招面试的重点，而生命周期和双向绑定又是基础考点之一，尤其在一二线公司，要求知道双向绑定的原理，以及相关代码实现。 一、考点题目 1、mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？ 解答：mvc和mvvm其实区别并不大。都是一种设计思想。主要就 ......
【技术积累】Vue.js中的CSS过渡【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
2023前端JavaScript面试题大全
一、基础题 题目 1: 什么是JavaScript的数据类型？如何检查一个变量的数据类型？ 答案: JavaScript有七种数据类型： 基本数据类型 (Primitive Data Types)：Number、String、Boolean、Null、Undefined、Symbol 引用数据类型 ......