前端css
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 ......
前端 签名
<!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总复习（二）一些属性介绍
CSS字体、文本样式 指定字体 不能指望用户的机器上一定安装了你想使用的字体。解决这个问题的方法是使用Web字体，我们可以直接下载Web字体并使用在自己的页面上，而不需要用户做什么。使用@font-face指定Web字体，如： @font-face { font-family: 'MyFont'; ......
以前端视角，漫谈「云端」
当今世界，云计算技术在快速发展，不断为我们带来新的应用场景和解决方案。作为一名前端开发者，了解云技术并掌握如何在前端中应用它们是必不可少的。本篇文章将介绍云计算技术的基本概念，并从前端角度探讨如何使用云技术提高应用的可扩展性、安全性、性能和用户体验。 ......
css的行内元素哪些属性不生效。
起因是在解决异常的时候提醒 故而思索，行内元素不能使用边距宽高吗 搜索后发现： 1、不是所有的行内元素都不能使用width、height。比如img 2、行内元素可以使用padding 3、行内元素的左右外边距是生效的，上下不行 ......
CSS总复习（一）基础
CSS是什么 CSS（层叠样式表）用来规定HTML文档的呈现形式（外观和格式编排）。CSS样式由一条或多条以分号隔开的样式声明组成。每条声明包含着一个CSS属性和该属性的值，二者以冒号分隔。 PS：书中有句话很nice：“笨蛋才会为完美的CSS方案纠缠不休”。因为一种效果的实现方式可能有很多种，你只 ......
纯CSS3实现多行文本截断
纯CSS处理多行文本展开和收起，直接上代码和效果图 1 <html> 2 <header> 3 <style> 4 .wrap { 5 position: relative; 6 padding: 5px 25px 25px; 7 border-radius: 5px; 8 box-shadow: ......
css实现横向滚动文字
css如何做横向滚动文字 在css中，想要实现横向滚动的文字，需要利用animation属性和@keyframes 规则来实现元素缩放的动画效果，通过 @keyframes 规则，能够创建动画。 创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。在动画过程中，您能够多次改变这套 CSS 样 ......
selenium-元素定位方式CSS的详细使用
Web UI自动化中，定位方式的优先级 优先级最高：ID 优先级其次：name 优先级再次：CSS selector 优先级再次：Xpath 在项目中我们可能用的最多的是css或者xpath，那么针对这两种，我们优先选择css，原因在哪些？ 原因1：css是配合html来工作，它实现的原理是匹配对象 ......
前端基础小复习
会前端基础在IT行业很有帮助，无论是做爬虫数据分析，解析数据，做数据清洗都有帮助，因为我准备做数据获取过程中发现浏览器的HTML看不懂，直接影响了我的工作进度，因此直接暂停，网页结构有三个部分组成的即HTML、CSS、JS。 HTML(超文本标记语言HyperText Markup Language ......
史上最简 冰橙GPT前端开源 单页面 免编译 chatGPT3 对话页
下载地址 ：https://gitee.com/zyhd/bingChengGPT 预览效果 冰橙GPT前端开源 单页面 免编译 chatGPT3 对话页 对接冰橙GPT的API 免安装 本地可直接运行index.html即可 已经将所有需要JS及CSS都采用公有CDN 使用说明 项目只有单个文件： ......
前端加密
https://blog.csdn.net/weixin_45821809/article/details/125207196 npm install jsencrypt --dev import JSEncrypt from 'jsencrypt/bin/jsencrypt.min' // 密钥对 ......
微信小程序开发：前端中的"Redis"
wx.setStorageSync('key', 'value') wx.getStorageSync("key") 参考链接 https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html ......
系统化学习前端之JavaScript（ES5）
系统梳理了 ES5 扩展的相关知识点，包括严格模式，this 关键字，数据属性，访问器属性以及如何保护对象等等。 ......
认识 HTML、CSS、JS
这篇文章介绍HTML、CSS、JS，以及他们之间的关联 总的来讲： HTML标签：是页面的核心内容，定义了页面有什么内容。 CSS：控制HTML元素的排版布局和展示方式，是美化页面文档的。 JavaScript：让用户与页面进行交互，或在网页背后默默操控网页，以便让显示的内容与效果有所改变。对网页来 ......
css实现 头像内容过渡效果
当鼠标滑动上去后 <img src="@/assets/img/avatar.png" alt=""> css代码 //计算外边框缩小 （s*f -s）/2 /f img{ --s: 200px; --c1: rgb(0, 0, 0, 1); --c2: rgba(170, 170, 170, 1) ......
Media Query 在 CSS 中使用的一个具体例子
在 CSS 中，Media Query 是一种用于指定不同屏幕尺寸和设备类型的样式表的技术。如下图所示： all and (max-width:360px) 是一个 Media Query 表达式，它指定了一个条件，只有在满足条件时，Media Query 中的样式才会生效。 具体来说，all 表示 ......
适合练习CSS选择器的一些小工具
CSS 选择器游戏 https://frontend30.com/css-selectors-cheatsheet/ CSS 晚餐游戏 https://flukeout.github.io/ Try CSS Selector https://www.w3schools.com/cssref/trys ......