前端html css
记录--说一说css的font-size: 0
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 平常我们说的font-size:0;就是设置字体大小为0对吧,但是它的用处不仅仅如此哦,它还可以消除子行内元素间额外多余的空白! 问题描述? 是否出现过当多个img标签平铺的时候,会出现几个像素的间距?就像这样👇(为了醒目加了个红色的框 ......
前端常用页面适配
1、媒体查询(media ) 通过在CSS文件中使用@media规则来定义媒体查询。 @media screen and (max-width: 768px) { /* 在宽度小于等于768px时应用的CSS样式 */ } @media screen and (min-width: 768px) a ......
前端多人协作之代码规范
# 代码规范 学习自并感谢 Geekers-Admin 和 Hooks-Admin 开源项目的作者 HalseySpicy ## 一、EditorConfig > EditorConfig 用于定义项目中的编辑器配置。可以确保团队成员在不同的编辑器中保持一致的代码风格和格式。 [🚀EditorCo ......
[2023本地存储方案](https://www.cnblogs.com/fangchaoduan/p/17608006.html)
# [2023本地存储方案](https://www.cnblogs.com/fangchaoduan/p/17608006.html) - 本地存储方案 1. cookie - 本地存储:有期限的限制,可以自己设置过期期限。在期限内,不论页面刷新还是关闭,存储的信息都还会存在。 2. localS ......
18个工作中常用的CSS样式
01、页面动画出现闪烁 在Chrome and Safari浏览器中,在使用transforms或者animations这类过渡属性和动画的时候可能会出现页面的闪烁情况那此时我们就可以使用一下代码来尝试回避。 .cube { -webkit-backface-visibility: hidden; ......
爬虫前端代码
爬取前5个视频的视频以及弹幕。 url = 'https://search.bilibili.com/video?keyword=%E7%81%AB%E5%BD%B1&from_source=webtop_search&spm_id_from=333.1073&search_source=5' ......
前端项目-记事本制作
## 效果预览: 夜间模式: ![](https://img2023.cnblogs.com/blog/2529864/202308/2529864-20230804191848494-538663076.png) 日间模式: ![](https://img2023.cnblogs.com/blog ......
HTML | HTML5简介
### 什么是HTML5 `HTML5` 是新一代的 `HTML` 标准,2014年10月由万维网联盟( `W3C` )完成标准制定。 官网地址: + `W3C` 提供: **https://www.w3.org/TR/html/index.html** + `WHATWG` 提供:**https: ......
HTML | HTML总结
## HTML注释 `` ## HTML标签 #### 主体结构标签 ```html head ``` ```html body ``` ```html html ``` #### HEAD 内标签 ```html title 页面标题 ``` ```html meta 指定页面元信息 单标签 属性 ......
Vertical Rhythm(垂直节奏)、CSS-in-JS、CSS Module 和shadow dom样式
一、 Vertical Rhythm(垂直节奏)是什么?有什么优点?(1)含义: 垂直节奏是一种网页排版的方法,它可以创建视觉上平衡且协调的布局。使页面上元素之间的空格彼此保持一致。垂直节奏是在基线的帮助下创建或维持的,用于创建一致空间的共同点。基线(由网格提供)是通常用于创建一致间距的公分母。也就 ......
前端交互
之前写的关于交互的思考,原文链接 https://mp.weixin.qq.com/s/xQyjWxcARMgZfEkuAXpCGw 以下是一些延伸链接: 规范参考:https://www.zcool.com.cn/work/ZNDQyMzc3NTY=.html https://www.zcool. ......
HTML | HTML语义化标签
概念:用特定的标签,去表达特定的含义。 原则:标签的默认效果不重要(后期可以通过 `CSS` 随便控制效果),语义最重要! 举例:对于 `h1` 标签,效果是文字很大(不重要),语义是网页主要内容(很重要)。 优势: + 代码结构清晰可读性强。 + 有利于 **SEO**(搜索引擎优化)。 + 方便 ......
前端避免使用多个if else 的解决方法和示例
问题:代码走查过程中提示方法中包含多个ifelse,代码复杂度较高,不利于维护。 思考:有没有什么方法可以进行代码优化? ![](https://img2023.cnblogs.com/blog/2653936/202308/2653936-20230804153851965-237257196.p ......
HTML | HTML排版标签
| **标签名** | **标签含义** | **单** **/** **双 标签** | | : : | | : : | | `h1 ~ h6` | 标题 | 双 | | `p` | 段落 | 双 | | `div` | 没有任何含义,用于整体布局(生活中的包装袋)。 | 双 | 1. `h1` ......
小狐狸GPT付费源码-WEB版前端的监控代码
今天搭建了下小狐狸的WEB版,里面有个隐藏的js代码调用外部接口 可以看到下面的代码 会把当前的域名调用外部接口传递过去 ......
前端分页和搜索
# 需求 一般来说,分页和搜索都是后端处理的。但有时候后端没处理,就只能前端处理了。当然这要在数据量不大的情况下,否则会性能消耗很大。 # 分析 1. 使用 `setTimeout(() => {}, 1000)` 模拟接口调用; 2. 数据总条数 `total` 是符合搜索结果的数据总条数; 3. ......
前端往读取到的压缩文件里添加文件,针对了shapefile(shp)压缩文件里没有.cfg导致中文乱码的情况
前端使用shpjs库处理shp压缩文件(.zip),在没有.cpg文件的情况下会出现中文乱码问题。.cpg文件中定义了字符编码的格式,通过shp.js源码,可以看出是parseDbf这个库的函数解析dnf文件需要获取字符编码格式(encoding),最简单的方法是将整个shpjs模块复制到src下面 ......
快速掌握Vue3:速成Vue3前端开发看这篇就够啦
vue3引入了Composition API,使开发者能够更灵活组织和重用组件逻辑。采用了基于Proxy的响应式系统,对虚拟DOM进行了优化等,提升了开发体验、性能 ......
html滚动示例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>滚动测试</title> <script src="https://code.jquery.com/jquery-3.7.0.min.js" crossorig ......
个人笔记,关于css样式
```css /*引入样式 */ html { /* px 表示 “像素(pixels)”: 基础字号为 10 像素 */ font-size: 20px; /* Google fonts 输出的 CSS */ font-family: 'Open Sans', sans-serif; } p, l ......
Django使用本地css/js文件
在网上看了很多说Django如何使用本地css/js的文章, 但都不能用 今天终于找到一个可以用的, 记录下 在manager.py同层级下创建static文件夹, 里面放上css , js, image等文件或者文件夹 我的文件夹层级 然后很简单,只需在settings.py中进行设置就行, 在末 ......
HTML5 VideoAPI,打造自己的Web视频播放器
本文将使用HTML5提供的VideoAPI做一个自定义的视频播放器,需要用到HTML5提供的video标签、以及HTML5提供的对JavascriptAPI的扩展。 一、基础知识 1.用法 <video src="./video/mv.mp4"></video> 注意:audio和video元素必须 ......
记录--基于css3写出的流光登录(注释超详细!)
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 完整效果 对基本的表单样式进行设置 这里设置了基本的表单样式,外层用了div进行包裹,重点是运用了两个i元素在后期通过css样式勾画出一条线没在聚焦文本框的时候线会过度成一个对话框,掩盖掉原本的对话框的形式,很好的一个创意 <body> ......
前端性能优化的利器 ——— 浅谈JavaScript中的防抖和节流
防抖函数和节流函数是工作中两种常用的前端性能优化函数,今天我就来总结一下什么是防抖和节流,并详细说明一下如何在工作中应用防抖函数和节流函数 ......
h5(html5)+css3前端笔记二
###HTML标签 ####表格标签 表格的主要作用: 表格主要用于**显示、展示数据**,因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候,能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。 1.``用来定义表格的标签。 2.``用来定义行的标 ......
html页面获取cookie
function getCookie(name) { var r = document.cookie.match("\\b" + name + "=([^;]*)\\b"); return r ? r[1] : undefined; } console.log(getCookie("username ......
前端项目时因chunk-vendors过大导致首屏加载太慢,Vue Build时chunk-vendors的优化方案
1、compression-webpack-plugin插件打包.gz文件 安装插件 也可以指定版本 我这里下载的是1.1.2版本的,试过更高的版本会有ES6语法的报错,因为我node使用的是v12,如果node版本更高可以尝试更高版本 npm install --save-dev compress ......
HTML总结笔记
# HTML总结 学习来源:https://www.bilibili.com/video/BV1x4411V75C?p=11&vd_source=c406cec6bb9d5441fcb8903f9c8242d5 ## 基本标签 ```html 一级标签 二级标签 三级标签 四级标签 五级标签 六级标 ......
解决pycharm书写html有注释的情况下,会有多余空格情况
### 一、情况截图(看着有点不舒服) ![image](https://img2023.cnblogs.com/blog/2408012/202308/2408012-20230803154835530-561460552.png) ### 二、解决方法 ![image](https://img2 ......