前端html css
11月3日前端需要学习的知识、自闭合标签、meta标签、div标签
目录前端需要学习的知识生成的网页类型静态网页动态网页网页的架构c/s架构b/s架构浏览器的特别用法第一种结合python来使用第二种将文件拖入浏览器里面(这就符合渲染了)重点HTML首先!DOCTYPE html其次就是html到/html还有就是head到/head的内部最后就是body到/bod ......
前端如何打包并部署到宝塔
部署前端项目时候遇到的问题 1、nginx方向代理： nginx 之 proxy_pass详解 - 简书 (jianshu.com) 比如： # 反向代理 location /api/ { proxy_pass http://124.221.214.220:8400/blog/v1/; } # 将h ......
css常见的居中操作（一）
原创声明：本文所有图片和代码皆由本人制作和编写。 目录目标当前html毛坯房方法一 纯CSS2第0步 排版之前的一些css基本设置第1步 图标与文字对齐第2步 把li居于ul的垂直中部且均匀分布第3步 li的子内容水平居中于li方法二 使用CSS3的flex第0步 排版之前的一些css基本设置第1步 ......
前端学习-JavaScrip学习-js基础02
学习教程：黑马程序员视频链接 运算符 自增运算符 let i = 1; console.log(i++ + 1); //输出2，i=2 let i = 1; console.log(++i + 1); //输出3，i=2 比较运算符 开发中，判断相等，推荐用 比较小数会有精度问题 逻辑运算符 优先级 ......
redhat --修改时区 转发 https://www.cnblogs.com/rongren/p/12600869.html
LINUX redhat 修改时间 在LINUX 系统中，时间分为两个部分，一个是系统时间，只针对运行时，重启后就无用，二是主板时间，系统重启后，自动从主板中获取时间。 一、查看时间 date命令：查看当前时间 二、修改时间 时间修改有两种方法 （一）修改系统时间，然后执行命令从系统同步时间 1、修 ......
[CSS]关于<img>标签距离底部盒子5px的问题
问题描述：在某个盒子内部放入一个<img>标签，不写样式的情况下，<img>总是和父盒子有5px空隙。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>清除图片多5px问题</title> <link rel="styleshe ......
【趣味Javascript】前端开发中不为人知的LHS和RHS查询,你真的弄明白了吗? 《1024程序员节特别篇》
🚀 个人主页 极客小俊 ✍🏻 作者简介：web开发者、设计师、技术分享博主 🐋 希望大家多多支持一下, 我们一起进步！😄 🏅 如果文章对你有帮助的话，欢迎评论 💬点赞👍🏻 收藏 📂加关注 前言 今天是1024先祝大家节日快乐，那么今天我就给大家讲一个js小知识,也就是LHS和RHS ......
HTML+CSS
many前端插件： auto close tag、auto rename tag、chinese、code spell checker、css peek、error lens、html play（ctrl+alt+h预览）、live server、path intellisense、vscode-i ......
Django 表单处理：从前端到后台的全流程指南
Django作为一个高级Python Web框架，它的表单处理能力强大，可以有效地处理用户输入，进行数据验证以及错误处理。本文将详细介绍如何在Django中创建、处理和使用表单。 1. Django表单系统的核心 Django的表单系统处理表单的生命周期，涉及以下核心部分： 表单类：定义表单的结构和 ......
CSS必学：元素之间的空白与行内块的幽灵空白问题
作者:WangMin 格言:努力做好自己喜欢的每一件事 CSDN原创文章 博客地址 👉 WangMin 我们在开发的过程中，难免会出现一些难以预料的问题。那么其中，CSS空白现象就是非常常见的问题之一。虽然它已经被发现很久，但仍然有许多新手和经验丰富的开发者们忽略了它对页面布局的影响。我们一起来看 ......
前端学习-JavaScrip学习-js基础01
学习教程：黑马程序员视频链接 JS简介 JS组成 JavaScrip = ECMAscript（语言基础）+web API web API=BOM+DOM 资料查询网站：MDN <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" ......
黑马pink学前端 html1
单标签 “” 利用vscode快速创建html页面：输入"!" Auto Rename Tag: 插件，同步修改标签 更改vscode的文本格式化的设置，使得保存时自动对齐文本 open in browser: 插件，右键菜单里有打开网页 live server（推荐）：保存之后即可动态更新，无需刷 ......
html元素的三种显示方式
原创声明：本文所有图片和代码皆由本人制作和编写。 目录前言行内元素性质典型元素块级元素性质典型元素行内块元素性质典型元素常见遗忘情况 前言 在我无数次妄图设置块级元素的vertical-align、块级父元素的text-align以及行内元素的宽高并尝试无果之后，决定写下这个文章提醒健忘的我自己。 ......
前端开发笔记[4]-Gradio搭建演示页面
摘要 使用Gradio在Python环境搭建图像处理和视频处理的演示网页. Gradio简介 [https://www.gradio.app] Gradio是一个开源的Python库，用于构建机器学习和数据科学演示应用。它可以帮助AI算法工程师将训练的模型分享给大众，并赋予模型与用户交互的能力。使用 ......
前端开发笔记[3]-electron嵌入jupyterlite
摘要 在electron应用中嵌入jupyterlite,实现python程序和运行环境的跨平台打包. jupyterlite简介 [https://jupyter.org/try-jupyter/lab/] [https://zhuanlan.zhihu.com/p/578412030] [htt ......
CSS学习
知识体系 案例整理 案例： 1）需求： 商品页面 2）代码： <!DOCTYPE html> <html> <head> <title>商品页面</title> <style> body { height: 100%; margin: 0; padding: 0; background-color: ......
css的浮动和定位
CSS是前端开发中不可或缺的一部分，其中浮动和定位是常用的布局方式。本篇博客将详细介绍浮动和定位的概念、用法和注意事项，适合新手学习。 一、浮动 1.概念 浮动是指将元素从正常的文档流中移除，使其脱离文档流并向左或向右移动，直到其外边缘碰到包含块或另一个浮动元素的边缘为止。 2.用法 （1）floa ......
html 5
*** HTML5的基本骨架 <!DOCTYPE html> <html lang="en"> <head> </head> <body> </body> </html> ** DOCTYPE声明 DOCTYPE是document type的缩写，避免浏览器的怪异模式 **** head 元素 he ......
无法获得锁 /var/lib/dpkg/lock-frontend。锁正由进程 3701（unattended-upgr）持有 N: 请注意，直接移除锁文件不一定是合适的解决方案，且可能损坏您的系统。 E: 无法获取 dpkg 前端锁 (/var/lib/dpkg/lock-frontend)，是否有其他进程正占用它？
当用apt-get时遇到无法获得锁 /var/lib/dpkg/lock-frontend。锁正由进程 3701（unattended-upgr）持有N: 请注意，直接移除锁文件不一定是合适的解决方案，且可能损坏您的系统。E: 无法获取 dpkg 前端锁 (/var/lib/dpkg/lock-fr ......
DB项目前端分支思考
背景 一般的项目基本是一个主分支持续的迭代开发。 比如有一个master分支，这个分支是可以随时发布版本的。还有一个开发分支，比如develop，是从master检出的。 当迭代开始的时候，从develop分支检出feature-xxx分支来做开发需求功能。当联调完成后，提MR合并到develop分 ......
一些有用的css函数
var 使用自定义的属性值。 :root { --main-bg-color: pink; } body { background-color: var(--main-bg-color); } attr 使用html上data-* 属性引用的文本。 <p data-foo="hello">world ......
列表/表格搜索方法->前端实现
很多业务系统中都会用到表格/列表，大部分都是用组件，配合搜索接口可以实现，搜索按钮是发送请求获取数据来更新表格数据。 但不是所有的列表都会有对应的后端搜索接口，比如在对一个弹窗里面的列表进行选择，数据量不是特别大的情况下希望前端支持筛选，可以更加方便快捷的对数据进行操作，这时候就需要用到数据筛选。 ......
使用CSS写一个带追踪特效的渐变按钮
写一个带追踪特效的渐变按钮 开头先观看这张GIF图： 是否被它的出色动画效果所吸引？ 这是从一个完美竞技平台中录制出来的 我脑海中萌生了用CSS来模仿这一效果的念头 绘画元素 我们先记录下这个按钮浮动的颜色（#868BFF），还有按钮的背景的渐变色（#39D5FF->#868bff） 外部使用一个d ......
飞码LowCode前端技术：如何便捷配置出页面
本文将从三个方面来讲解如何便捷配置出页面，第一部分从数据、事件、业务支持三个方面进行分析，第二部分从模板与页面收藏与升级、页面UI结构、画布功能三个方面进行分析，第三部分从监控、页面配置、页面数据导入导出以及其他能力四个方面进行分析。 ......
RuoYi前端分离版
1、检查版本 JDK >= 1.8 mysql >= 5.5 Redis >= 3.0 Maven >= 3.0 Node >= 10 2、打开redis redis解压后打开redis安装目录，在上图红色箭头头部点击一下，输入cmd，进入该目录下的命令行窗口，然后输入以下命令打开redis red ......
【chrome】如何临时修改已上线的打包好的前端代码？
找到需要修改的代码在压缩后的文件位置。 进入前端静态文件存放目录，确定搜索关键词，执行查找命令grep -c "xxx" ./* # -i 忽略大小写 # -c 计算出现次数 # -n 输出行号 # -r 查找当前目录及子目录 在Portal端进入需要修改的页面，此时才能请求到需要的js文件。 对比 ......
CSS子元素外边距溢出解决方案
原创声明：本文所有图片和代码皆由本人制作和编写。 目录问题阐述解决办法法一：为父元素设置透明边框法二：为父元素设置内边距法三：为父元素设置overflow属性后记 问题阐述 html代码： <div class="father1"> <div class="son1"></div> <div cla ......
前端
css sprite是什么,有什么优缺点 概念:将多个小图片拼接到一个图片中。通过background-position和元素尺寸调节需要显示的背景图案。优点:1、减少HTTP请求数，极大地提高页面加载速度新版，2增加图片信息重复度，提高压缩比，减少图片大小3、更换风格方便，只需在一张或几张图片上修 ......