前端 全局css色彩
css选择器语法使用（以selenium为例）
""" 通过css选择器查找元素 """ # 查找类名属性为plant的第一个元素 element = wd.find_element(By.CSS_SELECTOR, ".plant") # 查找tag属性名为div的第一个元素 element = wd.find_element(By.CSS_S ......
Java学习笔记(十二) 前端基础1
Web前端基础 初识web前端 网页由哪些部分组成? 文字 图片 音频 视频 超链接等 我们看到的网页, 背后的本质是什么? 程序员写的前端代码 前端的代码是如何转换成用户眼中的网页的? 通过浏览器转化(解析和渲染)成用户看到的网页 浏览器中对代码进行解析渲染的部分, 称为浏览器内核 不同的浏览器, ......
Java学习笔记(十三) 前端基础2
Ajax 介绍 概念: Asynchronous JavaScript And XML, 异步的JavaScript和XML 作用: 数据交换: 通过Ajax可以给服务器发送请求, 并获取服务器响应的数据 异步交互: 可以在不重新加载整个页面的情况下, 与服务器交换数据并更新部分网页的技术, 如: ......
团队作业-前端页面大体展示
这周我们大体完成了系统的主要页面，后端代码正在完善中。 页面展示： 部分代码： <body> <div class="container"> <div class="header clearfix"> <a class="pull-right user_icon" href="javascript: ......
浅谈ChatGPT如何取代前端开发工程师
1.ChatGPT 是什么? ChatGPT 是一种基于深度学习的自然语言处理技术，它可以生成高质量的自然语言文本。该技术是由 OpenAI 团队 开发，旨在使计算机能够像人类一样理解和产生自然语言。ChatGPT 使用了深度神经网络和自然语言处理技术，通 过对大量语言数据的学习和建模，实现了自然语 ......
前端通过Swagger生成相关接口文件
1.Swagger 多分组 在很多大型系统中，为了方便对接口进行归类，往往使用了 Swagger 多分组功能，这样会使系统的接口散落在多个 swagger.json 中。 将SpecificationDocumentSettings属性的EnableAllGroups设置为true。 启用之后在 S ......
CSS选择器优先级（CSS三大特性：层叠性、继承性、优先级）
本博文介绍CSS三大特性之一：优先级。 1 规则 （1）若选择器相同，则执行层叠性（层叠性：给相同的选择器设置相同的样式，则“后来居上”，后面设置的样式会覆盖前面设置的样式）； （2）若选择器不同，则有优先级。 2 选择器权重 常见的选择器权重如下表： 选择器 权重 继承或者*（通配符） 0,0,0 ......
你不得不了解的CSS数据类型
在我之前的开发中，CSS对于我来说，要用什么找什么，对CSS的了解并不算深入；在我刚开始深入学习CSS时，第一个遇到的就是CSS数据类型，我听说过JS、TS的数据类型，CSS怎么也有数据类型？但是随着我对CSS数据类型的了解，CSS的大门也在缓缓为我打开！！！ 什么是CSS数据类型？ 引用《CSS新 ......
文字下划线hover穿梭特效 - CSS
Code： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte ......
CSS选择器和属性
CSS选择器 概念：选择器是选取旭设置样式的： 分类： 1.元素选择器 元素名称{color:red;} 2.id选择器 #id属性{color;red;} 3.类选择器 .class属性值{color:red;} <!DOCTYPE html> <html lang="en"> <heah> <m ......
selenium使用css selector和xpath的比较
selenium提供的定位方式（常用） 推荐的定位方式的优先级 优先级最高：ID 优先级其次：name 优先级再次：CSS selector 优先级再次：Xpath针对css selector和xpath的优先级做一个简单的说明在项目中我们可能用的最多的是css或者xpath，那么针对这两种，我们优 ......
springmvc中前端调用controller方法路径问题
以前学习springmvc时没有理解前端访问controller中方法路径问题，做项目时刚好遇到，百度了一下没有找到想要的答案，后来突然就顿悟了。。。。。，虽然很基础但还是记录了一下，大佬请见谅。 controller中主要用@RequestMapping注解来定义访问路径，一般定义一个类加载路径和 ......
springmvc中前端调用controller方法路径问题
以前学习springmvc时没有理解前端访问controller中方法路径问题，做项目时刚好遇到，百度了一下没有找到想要的答案，后来突然就顿悟了。。。。。，虽然很基础但还是记录了一下，大佬请见谅。 controller中主要用@RequestMapping注解来定义访问路径，一般定义一个类加载路径和 ......
《前端构建工具（webpack&vite）- 李立超》笔记
1. 构建工具简介 1.1 模块化 最初我们都使用script标签来引入js，但当一个页面引入的js文件越来越多时，就产生了几个难以避免的问题： 全局变量污染。 变量重名。 js之间的依赖关系复杂，无法保证顺序。 而模块化规范就是为解决以上问题，模块内部的变量实现了在其他模块内共享。而且可以指定哪些 ......
记录--CSS 如何实现羽化效果？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近碰到这样一个问题，在一张封面上直接显示书名，可能会存在书名看不太清楚的情况（容易受到背景干扰），如下 为了解决这个问题，设计师提了一个“究极”方案，将书名背后的图片模糊一下，这个在 CSS 中很好实现，仅需backdrop-filte ......
Css导入方式
CSS导入HTML有三种方式： 1.内联样式：在标签内部使用style属性，属性值是css属性键值对 <div style="color: blue"> Hello CSS~</div> 2.内部样式：定义<style>标签，在标签内部定义css样式 <style> div{ color: red; ......
CSS简介
CSS是一门语言，用于控制网页表现 CSS(Cascading Style Sheet)：层叠样式表 W3C标准：网页主要由三部分组成 结构HTML 表现HTML 行为JavaScript <!DOCTYPE html> <html lang="en"> <heah> <meta charset=" ......
CSS效果实现参考
文字溢出用省略号结尾，使有限区域内文字合理显示。 /*单行*/ p{ width:200px; overflow:hidden; text-overflow:ellipsis;/*规定当文本溢出时显示省略符号来代表被修剪的文本*/ white-space:nowrap; } /*多行*/ p{ wi ......
mp雪花算法生成的id到前端丢失精度问题
mp生成的id是Long型18位，但是js处理到16位就四舍五入了，解决办法就是在服务器转成字符串传给前端 WebMvcConfig 要继承 WebMvcConfigurationSupport，重写里面的 extendMessageConverters方法 @Override protected ......
软件工程日报——初步摸索出智能排班系统的前端
今天，我想要进行智能排班界面前端的初步探索，所以我进行了html文件的编写 基本框架就是这样，接下来就是要进行不同界面的编写 ......
好用前端开发工具的内容有几条？
随着科技的进步和发展，低代码开发平台在市场中获得了广大用户的喜爱和支持。这不仅能让广大企业解放了更多IT从业者的时间和精力，让其可以专心钻研，而且该平台易操作，更灵活，只需要交给普通职员通过简单的学习和培训即可上岗操作，非常省事。当前，前后端分离已经成为趋势和主流，那么你知道好用前端开发工具的内容吗 ......
系统化学习前端之JavaScript（ES6）
前言 ES6 同样是 ECMAScript 的拓展，发布于 2015年，目前多数浏览器对于部分 ES6 更新内容不支持，通常需要借助 bable 编译器编译成 ES5 或者 ECMAScript 早期版本语法去执行。 ES6 的学习推荐阮一峰老师的 ES6 教程。 ES6 ES6 是 ECMAScr ......
使用 HTML CSS 和 JavaScript 拖放可排序列表，免费源码下载
拖放排序列表是一种广泛使用的 UI 元素，允许用户通过将项目拖放到所需位置来重新排序。这个功能可以在许多网络应用程序中找到，比如任务管理器和电子商务网站。 在这篇博文中，您将学习如何使用 HTML、CSS 和 JavaScript 创建拖放可排序列表。不使用任何外部 JavaScript 库来创建这 ......
前端React框架和jsx语法的编码规范
基本规则(Basic Rules) 每个文件只包含一个 React 组件 然而，在一个文件里包含多个没有 state 或纯组件是允许的。eslint: react/no-multi-comp. 经常用 JSX 语法。 不要用 React.createElement， 除非你从一个非 JSX 文件中初 ......
gulp笔记 2 （进阶一点点：使用bower来管理前端依赖）
其实gulp比例1中的内容已经基本满足开发要求了。此文为进阶的一点点知识 #1 安装bower （bower是个纯web前端依赖管理工具。） npm install -g bower #版本为1.8.14，必须安装在全局 bower init #会生成一个bower.json文件，选项寂寞默认就行， ......
Asp.Net Framework项目优化前端文件引用
###背景：公司一个老项目，前端引用都是直接引用文件，这样导致每次发布都存在用户浏览器缓存问题，常见做法是找到每个引用前端文件处加?version，但是太麻烦了 ####解决思路： 1.找到所有前端文件 2.jenkins每次编译更新版本号，把新的版本号拼接到前端文件引用处 ####实现： #### ......
Tailwind CSS 与 windicss 谁更好一点
Tailwind CSS 和 windicss 都是基于 utility-first 的 CSS 框架，它们有着相似的设计原则和使用方法。但是它们也有一些不同之处： 文档和社区支持：Tailwind CSS 拥有强大的文档和社区支持，而 windicss 的文档和社区相对较小。这意味着使用 Tail ......
Tomcat项目后端如何修改前端文件
有的时候啊，做定制化的项目，可以这么干，好用就行，别的管他呢。 String path = Thread.currentThread().getContextClassLoader().getResource("").getPath().replace("WEB-INF/classes/", "js ......