前端 效果 动画css
celery flower通过nginx部署 静态文件css js
nginx 添加以下配置 location /flower { proxy_pass http://127.0.0.1:5555; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_head ......
css3的translate3d记录
CSS3的translate3d是一个用于在3D空间中移动元素的属性。它可以接受三个值(x,y,z),分别表示元素在x轴、y轴和z轴上的移动距离。translate3d属性的用处是将元素从其原始位置移动到新位置,可以用于创建动态效果、更改元素的外观和布局等。 使用translate3d的方法如下: ......
基础课-前端
前端技术的实际意义 前端就是软件中的图形界面页面 软件通过前端界面:1.获得用户的输入数据 2.展示数据给用户 前端开发需要掌握的三项技术(语言): 1.HTML 超文本标记语言 2.CSS 层叠样式表语言 3.Java Script(JS) 动态脚本语言 HTML基本语法 HTML代码需要编写在后 ......
html 使用vue展示动画
一、简介 二、代码内容 三、问题 一、简介 因为帮人做一个静态页面,使用了vue来处理。 二、代码内容 1. 初始化页面内容。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>认识</title> <script src="./ ......
搜索文档树,bs4其它用法,css选择器,selenium基本使用,selenium其它用法
1 搜索文档树🥨 # 1 find_all :找所有 列表 # 2 find 找一个 Tag类的对象 1.1 find和find_all from bs4 import BeautifulSoup html_doc = """ <html><head><title>The Dormouse's s ......
06前端开发jQuery
DOM操作标签 ''' 在起变量名的时候 如果该变量指向的是一个标签 那么建议使用 xxxEle eg:aEle\pEle\divEle\spanEle ''' # 动态创建一个a标签并添加到页面指定位置 var aEle = document.createElement('a') # 创建a标签 ......
Css 一个选择器实现带你实现高级搜索的展开收起
在表格页面中,我们经常用到带有展开收起功能的过滤表单,看似很简单的功能,但是实现起来通常不那么优雅。 我们使用grid布局来实现这个就非常简单: .search-form { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap ......
前端的路由如何实现跳转?
下面的路由配置- 访问路径为: http://localhost:9999/#/ok/productData/tpProductData js配置路由跳转const tpRouter = { path: '/ok', component: Layout, name: 'ok', meta: {}, ......
极致性能优化:前端SSR渲染利器Qwik.js
引言 前端性能已成为网站和应用成功的关键要素之一。用户期望快速加载的页面和流畅的交互,而前端框架的选择对于实现这些目标至关重要。然而,传统的前端框架在某些情况下可能面临性能挑战且存在技术壁垒。 在这个充满挑战的背景下,我们引入了 Qwik.js 框架。Qwik.js 不仅是一个前端框架,更是一种前端 ......
css盒子模型: 标准盒子模型和IE盒子模型(怪异盒子模型)
CSS盒模型(box model),它是包含了内容(content)、内边距(padding)、边框(border)、外边距(margin)属性的一个盒子模型。 而盒模型又分为两类标准:标准盒子模型和IE盒子模型(怪异盒子模型) 在标准盒子模型中,盒子的width是指content的宽高, 而IE盒 ......
css案例整理
知识体系: 案例整理: (一)案例一: (1)需求:实现一个登录界面 (2)知识点: (①)背景使用背景图片(background:url("#####")) (②)登录框应用表单(input),其中, 1.用户名称输入(type=text) 2.密码输入(type=password) 3.登录按键 ......
前端开发笔记[5]-rust的webassembly
摘要 基于rust开发webassembly入门,通过rust实现在网页中弹出警告框. rust的webassembly开发方式 https://zhuanlan.zhihu.com/p/104299612 入门 Rust 开发 WebAssembly Rust 编译为WebAssembly 在前端 ......
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 比较运算符 开发中,判断相等,推荐用 比较小数会有精度问题 逻辑运算符 优先级 ......
[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 ......
什么材料做屏蔽罩比较更有屏蔽效果?
屏蔽罩,是目前电子、通讯行业为屏蔽电磁波的信号干扰,而采取的一种金属屏蔽功能的罩子。那么定制屏蔽罩选择哪种材料能更好的有着屏蔽效果呢? 1、到目前为止,还是有不少的商家采用马口铁材料,这是一种有着镀锡表层的铁料,可以上锡,也有屏蔽效果。但容易生锈。 2、锌锡镍合金,源于日本的一种材料,也就是在铁的本 ......
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(推荐):保存之后即可动态更新,无需刷 ......
Qt绘制圆角矩形的内发光或外发光效果
Qt没有内置的发光效果,只有一个QGraphicsDropShadowEffect类可以对整个控件产生阴影(可近似为外发光)效果。此处作者整理了如何用QPainter手工绘制形状的内发光或外发光效果。本文主要涉及到QPainter类中的图像混合模式技巧。下面允许我把Qt帮助中的内容复制过来供参考。 ......
前端开发笔记[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 ......
无法获得锁 /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 ......