前端css
JS 前端导出Excel
先通过 npm 下载 Excel npm install xlsx -S 在需要数据的页面进行引入 import * as XLSX from "xlsx"; 以下这俩个方法直接复制粘贴，不需要改动. //导出excel相关函数 sheet2blob(sheet, sheetName) { //将文 ......
CSS中通配输入文字的小技巧——如何在元素名中包含通配符
CSS中，*的作用是通配表示“全部”。遗憾的是，并没有一种通配元素名的方法。 例如，我有好几个东西class都标记为了my-element-序号，就像这样： ```html ... ``` 我现在希望让所有这些class的东西都应用同一个css规则。可惜，css并不支持这么一种写法： ```css ......
CSS(一）
css简介 CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称. 有时我们也会称之为 CSS 样式表或级联样式表。 CSS 是也是一种标记语言 CSS 主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布 ......
前端知识-HTML
HTML 这个整理的也挺好的 https://www.cnblogs.com/suoning/p/5614372.html 1、HTML（结构）、CSS（样式）、JS（行为） 2、网页基本结构 <html> <head> <!-- 头部内容 --> </head> <body> <!-- 主体内容 ......
前端知识-浏览器
浏览器 1、浏览器： 用来检索、展示以及传递Web信息资源的应用程序 2、各种浏览器极其内核： Trident（应用于Internet Explorer）； Gecko（应用于Mozilla Firefox）； Presto（Opera 采用的是 Presto内核）； WebKit （应用于Appl ......
springmvc中前端提交数据显示乱码的解决方法
自己手写一个Filter来处理前台发送的请求： 对前台打来的请求进行设置，servletRequest.setCharacterEncoding("utf-8"); 然后放行，继续执行即可。 package com.gyh.web.filter; import javax.servlet.*; im ......
前端总结
# 前端与后端的概念 ## 前端 ## 就是与用户直接打交道的操作界面就可以称为前端 ## 后端 ## 不直接与用户打交道主要负责内部真正的业务逻辑的执行就是后端 ## 前端的三个模式 ### HTML 编写前端页面的文件 ### css 给html前端增加样式包装一下前端页面 ### JavaSc ......
前端微服务无界实践
随着项目的发展，前端SPA应用的规模不断加大、业务代码耦合、编译慢，导致日常的维护难度日益增加。同时前端技术的发展迅猛，导致功能扩展吃力，重构成本高，稳定性低。因此前端微服务应运而生。 ......
碎片化学习前端之JavaScript（for...in 和 Object.keys() 的区别）
## 前言 JavaScript 中遍历对象的方式主要有：`for...in` 和 `Object.keys()` 两种方式。 ## for...in ```js let obj = { name: 'ming', age: 18, } obj[Symbol('hello')] = 'world' ......
用css给坤坤增打篮球加一些灵动效果（ikun忠实粉丝 👻）
 首先我们拿出珍藏已久的ikun背景图，没有的下载下来，也可以到网上找一个类似的 ：用于计算任意长度、百分比或数值型数据，并将其作为 CSS 属性值。 * min() 和 max()：用于比较一组数值中的最大值或最小值，也可以与任意长度、百分比或数值型数据一同使用。 * c ......
vscode：如何在保存less文件时，自动生成对应的css文件，并指定css文件的保存路径
一、下载安装Easy LESS首先利用vscode的插件功能搜索并下载安装Easy LESS 点击Install，安装自动生成css文件的插件Easy LESS 二、指定css文件保存路径点击设置——》扩展设置点击在setting.json中编辑方法有两种：两种方法都是修改如下部分 （一）：相对路径 ......
VSCode的Minify自动压缩html css js插件
VSCode的Minify自动压缩html css js插件 11-26分类: VSCode25个赞 这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置，以及自动压缩保存并导出为.min文件的选项。它能够分别通过 uglify-js、clean-css ......
微前端
微前端是将单体应用程序拆分为一组更小、更容易管理的单元，使得应用程序能够更加灵活、可扩展、易于维护，并且能够让不同团队或个人独立开发、测试和部署应用程序的不同部分。这种架构方式可以从多个方面带来很多好处，具体包括以下几点： 1. 易于扩展和维护 微前端架构将应用程序拆分成多个小型单元，每个单元包含不 ......
css字体复合
body { font: font-style font-wight font-size/line-height font-family; } body { font: italic 700 16px 'Microsoft yahei'; } ......
js前端fetch参数
const response = fetch(url, { method: "GET",//请求方式 headers: {//定制http请求的标头 "Content-Type": "text/plain;charset=UTF-8" }, body: undefined,//post请求的数据体， ......
前端如何配合后端埋点
需求：点击按钮时和进入离开页面时，监听用户行为 * 本篇文章未写完，过两天需求写完了再更新完整的 思路： 监听点击事件，生成一个自定义的clickSession，然后在请求拦截器的header里面加上该字段，这样埋点接口和点击之后执行的接口就可以关联起来了。具体实现如下 App.vue ``` `` ......
html+css实现的计算机科学学院首页静态页面
家人们啊，我真是出息了 终于不是我仿写的了，是我真正意义上完全由自己编写的一个静态页面，总算是看起来比较可以了 主要是在仿写的时候，感觉博主写的实在是太乱了又很复杂，不如自己编写一下简单，就简单试了一下 经过了大概一个星期，总算是写出来了 主要是一个西南石油大学计算机学院的页面，很简单，更多的是类似 ......
前端解析markdown处理表格样式
后端返回markdown格式，前端解析，使用的是marked.js 安装 ``` npm install marked --save ``` 另外我也给代码做了高亮 ``` npm install highlight.js --save ``` main.js ``` import hljs fro ......
HTML与CSS综合设计报告
【项目描述】 最近来自国产的独立像素游戏《风来之国》发售，借此做一个相关的游戏介绍网页来介绍这款游戏，并收集感兴趣玩家的信息反馈，以此改进游戏，吸引玩家的加入。 图1 主页预览图 【涉及知识点】 1、 HTML 布局 2、 文本属性 3、 图片的插入 4、 css链入式的使用 5、 选择器的使用 6 ......
Velocity 不用愁！Velocity 系统的前端工程化之路
Velocity是一个基于Java的Web页面模版引擎。十多年前，Velocity将Java代码从Web页面中分离出来，使得开发者能够并行网页开发和Java开发。随着十年前后端分离的浪潮涌动，回首再面对这些基于Velocity的旧系统，无论是后端还是前端人员维护，都会存在诸多问题 ......
CSS基础-文字样式
文字是网页展示的重要内容之一，所以对文字的修饰也是CSS重点关注的一部分， CSS提供了以下常用的样式属性来修饰文字。 ### color 属性 color 用来设置文字颜色。 设置方式支持以下几种格式 - 英语颜色单词形式，如: red（红）、black（黑）、orange（橙色）等。 ```js ......
CSS3 的新特性
1. CSS3 新增选择器 CSS3 给我们新增了选择器，可以更加便捷，更加自由的选择目标元素。 1.1 属性选择器 属性选择品可以根据元素特定属性的来选择元素。这样就可以不用借助于类或者id选择器。 选择符 简介 E[att] 选择具有 att 属性的E 元素。 E[att="val"] 选择具有 ......
【CSS】div宽度由内部文字宽度决定
默认 div 的宽度会占满全屏 或由父级决定 使用 width:fit-content; 可以解决 前后对比 前： 后： ......
基于django前端页面动态菜单
1、settings中定义基于中间件变量的字典 UNICOM_MENU = { 'leader': [ {'text': '用户管理', 'url': '/xx/xx/'}, {'text': '订单管理', 'url': '/xx/xx/'}, {'text': '工单管理', 'url': '/ ......
css如何让img图片居中？css的display属性实现图片居中（代码实例）
我用的第一个。 在我们开发前端页面的时候，为了让页面效果美观，会让图片呈现居中效果。那么css怎么让img图片居中显示呢？本篇文章给大家带来css如何让img图片居中？css的display属性实现图片居中（代码实例），让大家可以了解并掌握css的display属性设置img图片居中的两种方法。有一 ......
后端返回验证码图片怎么在前端页面展示
1.验证码从后端返回给前端 通常是blod格式 如果直接用 src 引用 没办法显示 log出来的结果是这样 可以看见取到了图片 但是显示不出来 如何把blod格式转化为src格式 1.调接口时 请求里面加入responseType: 'arraybuffer',这一步很重要 一定要加 2. 写入w ......
css里的position的static|relative|absolute|fixed的区别
前提：仅以div块为例，其它不清楚 * 默认position：static，div是块类型元素，不管它有多宽，都会直接占一行 ![](https://img2023.cnblogs.com/blog/3161121/202305/3161121-20230524072059613-156992323 ......