前端html css
前端弹性布局神器display:flex【转】
在进行网页前端设计时，需要垂直居中显示文本，但CSS似乎没有明确的垂直居中的代码方法，由于目前的页面不再考虑以前的浏览器了，因此采用CSS3的display:flex方法来实现。现记录一下flex属性的相关资料。 ......
CSS3
一、CSS简介 CSS是层叠样式表 ( Cascading Style Sheets ) 的简称。有时我们也会称之为CSS样式表或级联样式表。 CSS是也是一种标记语言，主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样 ......
前端 vue 自定义导航栏组件高度及返回箭头 自定义 tabbar 图标
前端vue自定义导航栏组件高度及返回箭头 自定义tabbar图标, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12986 效果图如下: ![image](https://img2023.cnblogs.com/blog/32 ......
004_前端操作标题和内容
/* 一: 标题 1 创建表单 2 url 3 views 4 模板 5 入口按钮 二: 内容 1 */ 一: 标题 1 创建表单 2 url 3 views 4 模板 5 入口按钮 二: 内容 ......
前端——模块化演变过程
第一阶段——基于文件划分的方式实现模块化 文件为独立的模块，在对应位置调用全局成员。缺点：污染全局作用域，命名冲突问题，完全依靠约定。 第二阶段——命名空间方式 使用全局对象方式实现模块化，解决了命名冲突的问题。缺点：污染全局作用域 第三阶段——立即执行函数方式 使用立即执行函数实现模块化，解决了私 ......
Laravel 框架使用外部的js、css等文件
Laravel 框架使用外部的js、css等文件 阅读有道云笔记 https://note.youdao.com/s/d1ZQ9AC8 Laravel项目的web虚拟主机指定的目录（即网址的根目录），项目的入口文件笔系统的静态资源目录（css、img、js、uploads）后期使用的外部静态文件都需 ......
CSS: scrollTop scrollLeft
<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume ......
jmeter非gui运行，jtl生成了，但是html报告没有生成
jmeter非gui运行，jtl生成了，但是html报告没有生成，查看log，内容如下： 22:45:00,913 ERROR o.a.j.JMeter: Error generating dashboard: org.apache.jmeter.report.dashboard.Generatio ......
6.4日学习总结css伪元素hover,active,focus
selector::pseudo-element { property: value; } 添加伪元素的语法为 "选择器" +::+"伪元素" 最常用的伪元素hover,意为鼠标悬浮状态下css显示的样式 以按钮的样式为例 .btnst2{ width:79px; font-size:17px; p ......
VS下TS前端与C#的WebApi后端配合实例
如题。 1、新建WebApi默认解决方案 WebApi使用.net core下框架默认的例子（WeatherForecast） 以下代码为自动生成 public class WeatherForecast { public DateOnly Date { get; set; } public int ......
CSS组合器(Combinators)
# 前言 组合器就是将选择器按照一定的语法规则进行组合，提供更丰富的元素选择方案。 选择器主要分为 1. 类型选择器 2. 属性选择器 3. 类选择器 4. ID选择器 5. 通配选择器 ## 组合器类型 ### 选择器列表（Selector list） 如果你希望多个元素共享同一样式，可以使用该组 ......
jmeter005：察看结果树之以（txt、css、html、json）格式查看结果
txt：这里就不用说了， 已txt文件展示，形式比较单一，但也是用的比较多的 css：css取样测试其实与txt也差不多，区别就是比txt多了“选择器”筛选 html：html有三种模式，（HTML以基本的界面形式展示数据）、（HTML Source Formatted会下载图像来展示）、（HTML ......
【帮转】网商银行大前端信息科技移动渠道部 2024届校招实习
我们追求极致，但一直不够完美，因为还缺少独一无二的你。如果你是前端界的切图仔，脚本小子，天才极客、绝世高手、Github 达人...，请给我们投简历吧。这里有通往华山之巅的缆车，师兄们已在山顶等你，优秀将会是你一辈子甩不掉的标签。不得不提醒下，加入我们后，你可能需要学会婉拒大量的异性表白。 投递方式 ......
CSS_三大特性下_优先级
# CSS三大特性 ## 1、继承性 [CSS_特性继承和层叠 - Bublly - 博客园 (cnblogs.com)](https://www.cnblogs.com/ZWeva/p/17471809.html) ## 2、层叠性 [CSS_特性继承和层叠 - Bublly - 博客园 (cnb ......
CSS学习笔记
# 1 如何将CSS样式应用到元素上 ## 1.1 内联样式（行内样式） 内联样式表存在于HTML元素的style属性之中。 CSS样式之间用分号;隔开，建议每条CSS样式后面都加上分号; ## 1.2 内部样式表 将CSS放在HTML文件\元素里的\元素之中。 ## 1.3 外部样式表 外部样式表 ......
CSS_特性继承和层叠
# CSS特性 ## 1、继承性 ##### 特性： 1、子元素有默认继承父元素样式的特点（**子承父业**） 2、可以继承的常见属性（文字控制属性都可以继承） 1.color 2.font-style、font-weight、font-size、font-family 3.text-indent, ......
CSS_显示某块和标签嵌套
# 一、显示模块 ## 1、块级元素 #### 特点： 1.独占一行（一行只能显示一个) 2.宽度默认是父元素的宽度，高度默认由内容撑开 3.可以设置宽高 #### 例如： ``` div、p、h系列、ul、li、dl、dt、dd、form、header、.nav、footer. ``` ## 2、 ......
前端vue基于原生check增强单选多选插件
前端vue基于原生check增强单选多选插件, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12979 效果图如下: #### 使用方法 ```使用方法 <!-- 多选组件 checkData：多选数据 @change：多选事 ......
前端基于 radio 增强单选框组件
前端基于radio增强单选框组件, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12977 效果图如下: # #### 使用方法 ```使用方法 <!-- radioData:单选数据 curIndex：当前选择序列 @cha ......
opensuse firefoxe不支持html5的解决方法
一些视频解码是商业的，比如h264，作为自由软件opensuse默认不支持，firefox默认也不支持，导致无法播放。 # 增加Packman packman是opensuse第三方源，就是为了提供这些商业软件的。 ``` sudo zypper ar http://mirrors.aliyun.c ......
前端Node环境下模块的导入与导出总结
```js // 1、一个模块可以有多个下方这种非默认导出 // 2、外部模块要想单独使用 a,b 其中之一时，就必须要用解构符{}的方式去导入 // 3、外部导入方式1：import {a as AAA,b as BBB} from "./utils"; 此处的 AAA与BBB 都是在外部模块导入 ......
index.html
<!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>登录页面</title> <script src="http://code.jquery ......
welcome.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
css层
add.css .overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999; } . ......
CSS: offsetTop offsetLeft offsetParent
offsetParent is containing block 1. position: static; offsetTop 元素的上外边距到containing block的上内边距 (containing block的padding + element.margin) <!DOCTYPE ht ......
前端vue地图定位并测算当前定位离目标位置距离可用于签到打卡
前端vue地图定位并测算当前定位离目标位置距离可用于签到打卡, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12974 效果图如下: # #### 使用方法 ```使用方法 <!-- // 腾讯地图key注册地址（针对H5端 ......
基于html2canva jspdf 实现前端页面加水印 并导出页面PDF
基于html2canva jspdf 实现前端页面加水印 并导出页面PDF; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12761 效果图如下: 代码实现如下: # 使用方法 ```使用方法 <!-- 引入加入 导出pdf插 ......
前端vue基于echart实现散点图
前端vue基于echart实现散点图, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12866 效果图如下: 参考代码如下: # #### 使用方法 ```使用方法 import echarts from '../../st ......
前端基于原生input组件的增强简单通用实用输入框
前端基于原生input组件的增强简单通用实用输入框，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12799 效果图如下: 实现代码如下： # 前端基于原生input组件的增强简单通用实用输入框 #### 使用方法 ```使用方 ......