前端 全局css色彩
HTML+CSS居然可以做时钟,太秀了吧
谁懂啊家人们,html+css居然可以做一个时钟出来,这么厉害的吗 咱这新手是啥也不懂啊,就会复制粘贴,反正是可以正常显示的 话不多说直接上代码,直接复制即可正常运行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <me ......
博客园页面展示--前端及样式代码
这是一个博客园的首页面的展示前端代码和样式代码 样式代码CSS采用外部链接,建好文件直接复制运行vscode即可,话不多说,直接上代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Mickey - 博客园</title> < ......
Postcss css module 关注点分离
Postcss 简明教程 及 css module - 掘金 https://juejin.cn/post/6862371071115558926 PostCSS - 是一个用 JavaScript 工具和插件来转换 CSS 代码的工具 | PostCSS中文网 https://www.postcs ......
仿chatGPT或chatPDF的前端界面布局,css实现对话聊天布局代码,响应式左右分栏布局(附完整源代码)
chatPDF或者chatGPT的界面挺简洁的,就是一个左侧的列表以及右侧的对话列表,现在使用css实现这样的布局 充分运用了flex布局方式实现,左右分栏,以及对话形式展示效果 下面是效果图: 在手机设备看就隐藏左侧,右侧100%适应 下面就是html和css的布局代码 <style> .chat ......
前端笔记-利用thymeleaf隐藏显示input及label
https://blog.csdn.net/qq78442761/article/details/104818137 <!DOCTYPE html><html lang="en" xmlns:th="http://www.thymeleaf.org"><head> <link rel="styles ......
css clear + bfc
问题: 没有设置div2的高度,为什么div1的高度 div2的高度,? 解释: 当应用于浮动元素时,它将底部元素的外边界边缘移动到所有相关的浮动元素外边界边缘的下方。 <div style="float:left;clear: both"></div> 当应用于非浮动块时,它将非浮动块的边框边界移 ......
劝人写码,千刀万剐——“前端已死”难道要成真了?
移动互联网的兴起,传统行业的数字化转型,大前端技术的普及,随之而来的就是Vue为代表的前端框架和工具的兴起,前端开发的门槛降低。但发展,稳定,衰落是亘古不变的事物发展规律。 一些有趣的迹象 最近逛社区,发现“前端已死”的说法跟恶狗进了鸡圈一般,在圈内就炸了锅!网友表示:我贼能加班贼能内卷,但还是没人 ......
CSS 基础拾遗(核心知识、常见需求)
本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长,但较基础,适合初级中级前端阅读,阅读的时候请适当跳过已经掌握的部分。 这篇文章断断续续写了比较久,也参考了许多优秀的文章,但或许文章里还是存在不好或不对的地方,请多多指教,可以评论里直接提出来哈。 核心概念和知识点 语法 C ......
小鹿线前端怎么样?
现在 web 前端开发开发技术在不断地迭代更新,有很多从事前端开发的程序员在技术上会遇到瓶颈,这个时候小伙伴就应该通过不断的学习开发技术知识,来提升自身的开发技术水平,那小伙伴应该怎么来学习呢? 1.梳理清楚知识体系框架 学习前端开发技术,不管是入门还是进阶,一定都要有知识体系建设的想法。就算是刚开 ......
EasyCVR视频融合平台视频播放限制时长功能前端与后端配置的区别
EasyCVR平台还能支持多类型设备接入,覆盖市面上绝大多数的视频源设备,包括:IPC、NVR、视频编码器、无人机、车机设备、智能一体机、移动执法仪、应急布控球等。平台可提供一体化的视频接入、分发、存储、处理等能力,在线下具有丰富的应用场景,包括:智慧工地、智慧安监、智慧消防、智慧物流、智慧社区等。... ......
【前端可视化】前端大屏适配方案
方案一:rem 单位+动态设置 html 的 font-size 动态设置 html 根字体的大小和 body 字体大小(使用 lib_flexible.js) 将设计稿的宽(1920)平均分成 24 等份,每一份 80px; html 根字体大小就设置为 80px,即 1rem = 80px,24 ......
前端之jQuery
jQuery简单介绍 jQuery它的内部封装了很多的js代码,并且额外增加了很多功能。它就是js 的一个类库。与python相比较,在python中,我们有模块这个概念,js中的类库就相当于是我们的模块。 jquery是对js的一个高度封装,我们直接学习封装之后的代码。 jquery介绍 jQue ......
【前端可视化】ECharts 实现响应式图表
响应式图片的实现步骤: 1.图表只设置高度,宽度设置为100% 或 不设置。 2.监听窗口的resize事件,即监听窗口尺寸的变化(需节流)。 3.当窗口大小改变时,然后调用 echartsInstance.resize 改变图表的大小。 另外需要注意的是:在容器节点被销毁时,可以调用 echart ......
前端设计字体大全
前端设计字体大全 宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU 标楷体 DFKai-SB 仿宋 FangSong 楷体 KaiTi 仿宋G ......
02-CSS基础练习:JD首页的制作(快捷导航部分)
title: 02-CSS基础练习:JD首页的制作(快捷导航部分) publish: true 我们在上一篇文章中制作的网页最顶部的导航,是属于网页导航。 本文中,Banner图上方的导航,叫做快捷导航(shortcut)。 ##快捷导航的骨架 我们先制作快捷导航的骨架。如下图所示: 上图中,sho ......
01-CSS基础练习:JD首页的制作(顶部和底部)
title: 01-CSS基础练习:JD首页的制作(顶部和底部) publish: true 前言 京东是典型的电商类网站,学习这个网站的制作比较有价值。我们准备用WebStorm进行开发。 京东首页的截图为:http://img.smyhvae.com/20180119_1653.jpg 页面规划 ......
Docker 部署前端静态网站
1 安装Docker(略) 2 拉取nginx镜像 docker pull nginx 3 创建文件目录 bev:静态网站名称 html:存放网站代码 nginx:存放nginx配置文件nginx.conf conf.d:存放配置文件default.conf logs:挂载nginx的日志 4 运行 ......
【前端可视化】SVG 学习知识点
基本概念和语法 SVG 的定义和历史 SVG 是==可缩放矢量图形(Scalable Vector Graphics)==的缩写,它是一种用于描述二维矢量图形的 XML 标记语言。与传统的栅格图像不同,SVG 图像可以无限缩放而不会失真,同时也支持交互和动画等特性。 SVG 最早于 1999 年由 ......
前端基础之BOM和DOM
前戏 到目前为止,学的js语法好像跟浏览器,html标签,没啥太大关系。 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript(核心语法),DOM,BOM。 BOM(Browser Object Model) ......
vue全家桶进阶之路46:Vue3 Axios拦截器和globalProperties全局设置
在Vue.js 3中,使用Axios与Vue.js 2.x中类似,但是需要进行一些修改和更新,下面是Vue.js 3中Axios的定义和使用方式: 首先,你需要安装Axios和Vue.js 3.x,可以使用npm或yarn等包管理工具安装: npm install axios vue@next 然后 ......
css 利用 linear-gradient 实现条纹背景
1. 水平条纹背景 当给背景设置渐变效果时,默认的渐变方向是垂直由上到下的,效果如下: { background: linear-gradient(#aaa, #ddd); } 尝试拉近色标的距离,会发现渐变区域变小了: { background: linear-gradient(#aaa 40%, ......
后端long类型传到前端精度丢失
问题: c# 的long类型精度比前端JS的number精度高,前端JS 的long类型只有17位,当后端传给前端的long类型超过17位时,就会造成数据精度丢失。 解决方案: 1. 我们可以自定义一个json序列化的转换器,将long类型转换为string类型。代码如下: public class ......
day 08 8.2 前端基础之JavaScript基础【三】
前端基础之JavaScript基础【三】 【1】、jQuery介绍 jQuery是什么 jQuery是一个快速、简洁的JavaScript框架。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的 ......
前端内容
day01——前端前戏、http、head标签、body标签、 前端与后端的概念 前端 任何与用户直接打交道的操作界面 都可以称职位前端>>>:接待员 后端 不直接与用户打交道 主要负责内部真正的业务逻辑的执行>>>:幕后操作者 前端学习之路 专业的前端也需要培训至少六个月 而我们作为后端开发工程师 ......
day 06 6.1 前端基础之CSS
前端基础之CSS CSS就是Cascading Style Sheet的缩写,中文译作“层叠样式表”或者是“级联样式表”,是用于控制网页外观处理并允许将网页的表现与内容分离的一种标记性语言,CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言),是Web网页开发技术的重要组成部分。 那么接下 ......
day 07 7.1 前端基础之JavaScript基础【一】
前端基础之JavaScript基础【一】 【1】、JavaScript 的历史 1992年底,美国国家超级电脑应用中心(NCSA)开始开发一个独立的浏览器,叫做Mosaic。 这是人类历史上第一个浏览器,从此网页可以在图形界面的窗口浏览。 但是该浏览器还没有面向大众的普通用户。 1994年10月,N ......
day 08 8.1 前端基础之JavaScript基础【二】
前端基础之JavaScript基础【二】 【1】、json序列化和反序列化 JSON:JavaScript 对象表示法,是一种轻量级的数据交换格式。易于人阅读和编写。 // json是一种数据格式, 语法一般是{}或者[]包含起来 // 内部成员以英文逗号隔开,最后一个成员不能使用逗号! // 可以 ......
day 05 5.1 前端基础之HTML
前端基础之HTML 了解了web相关基本概念以后,我们开始正式接触网页开发,网页开发的基础是HTML, 所以,本章内容主要分两部分, 一是介绍HTML的相关概念、发展历史, 二是 创建HTML网页文档和认识HTML的基本结构。 我们学会如何新建一个 HTML 页面和熟记HTML文档的基本结构和主要标 ......
7 06 | 全局锁和表锁 :给表加个字段怎么有这么多阻碍?
今天我要跟你聊聊MySQL的锁。数据库锁设计的初衷是处理并发问题。作为多用户共享的资源,当出现并发访问的时候,数据库需要合理地控制资源的访问规则。而锁就是用来实现这些访问规则的重要数据结构。 根据加锁的范围,MySQL里面的锁大致可以分成全局锁、表级锁和行锁三类。今天这篇文章,我会和你分享全局锁和表 ......