前端html css
前端-CSS
CSS 1.1CSS基础 层叠样式表 (Cascading Style Sheets，缩写为 CSS），是一种 样式表 语言，用来描述 HTML 文档的呈现（ 美化内容）。 书写位置：title 标签下方添加 style 双标签，style 标签里面书写 CSS 代码。 <title>CSS 初体验 ......
css实现印章效果
<div class="seal"> <div class="seal-status">已使用</div> <div>2023.06.09</div> <div>18:59</div> </div> <div class="seal-red"> Draft </div> .seal{ width: ......
HTML------常见的几种图片格式(GIF、PNG、JPG)讲解
（1）GIF格式 GIF格式最突出的特点是支持动画同时GIF是一种无损的图像格式，即修改图片之后，图片质量没有损失。GIF支持透明效果但只能处理256中颜色。因此在网页制作中，GIF格式常用于Logo、小图标和其他色彩相对单一的图像。 （2）PNG格式 PNG包括PNG-8和真色彩(PNG-24和P ......
前端Vue自定义等宽新闻标签栏标题栏选项卡新闻栏
#### 前端Vue自定义等宽新闻标签栏标题栏选项卡新闻栏， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13170 #### 效果图如下： ![](https://p3-juejin.byteimg.com/tos-cn-i ......
前端Vue自定义tabbar底部tabbar凸起tabbar兼容苹果刘海屏小程序和APP
前端Vue自定义tabbar底部tabbar凸起tabbar兼容苹果刘海屏小程序和APP， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13167 效果图如下： ![](https://p3-juejin.byteimg.co ......
html知识点20（清除浮动）
浮动总结： 清除浮动： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit ......
html19常见网页布局
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>常见网页布局</t ......
html18
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>另一种</titl ......
前端面试题之HTML和浏览器
## 00-一些术语 - DTD：Document Type Definition文档类型定义，是一组机器可读规则，定义XML和HTML的特定版本中所有允许元素及它们的属性和层次关系的定义。DTD对HTML文档的声明会影响浏览器的渲染模式。 - SGML：标准通用标记语言，是一种定义电子文档结构和描 ......
使用Python将xlsx表格单行html文章转换成 文本文档 .txt单文件
本文转账自：使用Python将xlsx表格单行html文章转换成 文本文档 .txt单文件-钻芒博客 (zuanmang.net) 更多优质内容请访问：钻芒博客 前言：之前博客发了一版使用python将xlsx表格批量转换成Markdown .md单文件的脚本，有小伙伴反馈能不能写一个转换成txt文 ......
使用Python将xlsx表格单行html文章转换成Markdown .md单文件
本文转载自：使用Python将xlsx表格单行html文章转换成Markdown .md单文件 更多内容请访问钻芒博客：https://www.zuanmang.net 前言：需求描述：需要将某些文章转化成Markdown导入某一平台，文章数据通过数据库导出为.xlsx表格格式。此脚本可以批量将表格 ......
css的一些技巧汇总（未完待续）
1.height无法达到效果时，可以试试max-height比如：transition对height:auto 无效，可以通过max-height:50vh解决 2.:focus 和 :blur事件在交互上存在冲突时，可以通过hover解决 比如：input的blur失去焦点ul收起，但在点击li标 ......
HTML---------页面元素标签<meta/>的使用
<meta/>标签用于定义页面的元信息(不会显示在页面中)，可重复出现在<head>头部标签中 （1） <meta name=”名称” content=”值” /> 在<meta/>标签中使用name和content属性可以为搜索引擎提供信息，其中name属性用于提供搜索内容的名字，content属 ......
[CSS 3] CSS Pseudo Selector
We only want to access <li>One</li> B: '+' sinbling selector, if we don't have second uland replaced with a li, then it is targeting this li; which is ......
[CSS 3] Font Strategies
font-display: auto; font-display: block; font-display: swap; font-display: fallback; font-display: optional; auto The font display strategy is defined ......
前端-HTML
1.HTML基础 1.1标签语法 HTML 超文本标记语言——HyperText Markup Language。 超文本：链接 标记：标签，带尖括号的文本 标签结构 标签要成对出现，中间包裹内容 <>里面放英文字母（标签名） 结束标签比开始标签多 / 标签分类：双标签和单标签 ctrl+b 隐藏结 ......
HTML-----------HTML基本格式
1、<!DOCTYPE> <!DOCTYPE>位于文档的最前面，用于向浏览器说明当前文档使用那种HTML或XHTML标准规范。只有在开头处使用<!DOCTYPE>声明，浏览器才能将该文档作为有效的HTML文档，并按指定的文档类型进行解析。 2、<html> <html>位于<!DOCTYPE>之后， ......
Vue前端权限管理
一、登录权限控制 实现哪些页面能被未登录的用户访问，哪些页面只有用户登录后才能被访问 1、实现： 在路由对象中以添加meta的方式去实现登录页面权限控制 需要登录才能显示的页面设置meta.need_login属性 export const routes = [ { path: '/login', ......
前端缓存【http缓存 | 浏览器缓存】
一、前端缓存分类【http缓存|浏览器缓存】 1、http缓存分类：强缓存 协商缓存 都是服务端设置 HTTP Header 来实现的 （1）强缓存 不需要发送请求到服务端，直接读取浏览器本地缓存 // 在 Chrome 的 Network 中显示的 HTTP 状态码是 200 在 Chrome 中 ......
前端Vue自定义数字输入框 带加减按钮的数字输入框组件
#### 前端Vue自定义数字输入框 带加减按钮的数字输入框组件， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13163 #### 效果图如下： ####  - 用于node.js的验证库 - 使用它可以扩展库以添加自定义规则。 - [npm NIV文档](https://www.npmjs.com/package/node-input- ......
css3
# CSS3 ## 概述 - `CSS3`是`CSS2`的升级版本，它在`CSS2`的基础上，新增了很多强大的新功能，从而解决一些实际面临的问题。 - `CSS3`在未来会按照模块化的方式去发展：[CSS](https://www.w3.org/Style/CSS/current-work.html ......
CSS中多次指定相同的属性，最后一个属性会覆盖前面的属性
上面的截图中只有最后一个 border 有效果。 通常为了浏览器的兼容性，我们会选择指定多个相同相同属性。 .wrap { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; } 上面的代码兼容了旧版的saf ......
在本地计算机上安装前端项目的开发环境,具体操作步骤
安装前端项目的环境需要以下步骤： 安装 Node.js 在本地计算机上安装 Node.js 是安装前端项目环境的第一步。Node.js 是基于 Chrome V8 引擎构建的 JavaScript 运行环境。你可以从官方网站 https://nodejs.org/en/ 下载适合你操作系统版本的 N ......
将前端优化到最低：Web应用程序和移动应用程序最佳实践
[toc] 将前端优化到最低：Web 应用程序和移动应用程序最佳实践 随着移动应用程序和Web应用程序的普及，前端优化已经成为开发团队中至关重要的一环。为了确保应用程序的性能和用户体验，将前端优化到最低是开发过程中不可或缺的步骤。本文将介绍最佳实践，以便开发人员能够更好地理解和优化应用程序的前端性能 ......