前端css
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（推荐）：保存之后即可动态更新，无需刷 ......
前端开发笔记[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 ......
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、更换风格方便，只需在一张或几张图片上修 ......
前端基础之BOM
前端基础之BOM 前戏 到目前为止，我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法，并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互，我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript，DOM，BOM。 B ......
前端基础之JavaScript
前端基础之JavaScript JavaScript概述 ECMAScript和JavaScript的关系 1996年11月，JavaScript的创造者--Netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这门语言能够成为国际标准。次年，ECMA发布262号标准文件 ......
面试题： 前端处理滚动穿透这个顽疾
诚如你所知: 滚动穿透是指在移动端滑动页面的过程中，页面滚动受到了触摸事件的干扰，导致无法流畅地滚动，这主要是由于事件冒泡造成的。解决方法如下： 监听 touchmove 事件，阻止默认行为 监听 touchmove 事件，阻止事件的默认行为，防止事件冒泡到父元素上。 禁止滚动 可以通过 overf ......
Docker打包前端vue代码推送镜像到远程仓库
Docker打包前端vue代码推送镜像到远程仓库 目录Docker打包前端vue代码推送镜像到远程仓库业务场景：📝1.将前端代码www包解压后放在本地临时目录，然后创建一个dockerfile📜 2.登陆自己远程仓库📒3.构建镜像🔖4.给镜像打tag📖5.推送镜像到远程仓库🖊️最后总结 ......
前端package文件依赖版本号^符号
在`package.json`文件中，版本号前面的`^`符号表示允许自动更新到当前主版本号下的次版本号。 例如，如果当前主版本号是1，次版本号是0，那么`^1.0.0`将允许安装`1.x.x`范围内的任何版本，但不会安装2.x.x或更高版本的包。 ......
移动端注意事项及坑位1(CSS)
学习 中高级前端必须注意的40条移动端H5坑位指南 | 网易三年实践 1.调用系统功能 a标签能快速调用移动设备电话/短信/邮件功能，input标签可快速调用移动设备相册文件 <!-- 拨打电话 --> <a href="tel:10086">拨打电话给10086小姐姐</a> <!-- 发送短信 ......
纯前端实现图片验证码
前言 之前业务系统中验证码一直是由后端返回base64与一个验证码的字符串来实现的，想了下，前端其实可以直接canvas实现，减轻服务器压力。 实现 子组件，允许自定义图片尺寸(默认尺寸为100 * 40)与验证码刷新时间(默认时间为60秒)。同时暴露绘制验证码方法drawPic(),允许父组件直接 ......
前端出大事儿了
公众号「古时的风筝」，专注于后端技术，尤其是 Java 及周边生态。 个人博客：www.moonkite.cn 大家好，我是风筝 最近这两天，在前端圈最火的图片莫过于下面这张了。 这是一段 React 代码，就算你完全没用过 React 也没关系，一眼看过去就能看到其中最敏感的一句代码，就是那句 S ......
css_animate.css的应用
目录animate.css官网入场动画的加载入场动画的持续时间 animate.css官网 官网 入场动画的加载 <transition enter-active-class="animate__aniamted animate__bounceIn" leave-active-class="anim ......