前端html css
开心档之CSS 测验
目录 CSS 测验 编辑 CSS 测验 CSS测验是一种衡量前端开发人员对CSS的熟练程度的测试。通过CSS测验,可以评估一个人对CSS语言的掌握程度和应用能力,帮助公司或招聘方挑选合适的人才。下面将介绍如何进行CSS测验以及一些常见的CSS考题。 一、CSS测验的类型 1.选择题:从多个选项 ......
前端解决跨域问题
1.JSONP 缺点是只能解决 get请求 不支持post JSONP原理就是通过script标签的src属性 请求跨域的数据接口 并通过函数调用的方法来接受跨域接口响应回来的数据 <script src="./js/yanshi.js?callback=name"></script> 回调函数 c ......
css之弹出层居中
css之弹出层居中, container设置为fixed,并且覆盖整个屏幕, 设置半透明 container的底下一层设置为absolute,然后top/left设置为50%居中,这个时候这层的左上角剧中了,然后用 transform再退回50%,把container的底下一层的中心居于屏幕中心 . ......
助教工作总结(前端开发技术)
一、助教工作的具体职责和任务 (1)和老师配合的方面 理论课 (1) 老师会在每一块内容授课结束后发布相应云班课的作业,在理论课进行时,我主要的工作是负责的作业批改,和提醒同学们修改,解答同学们在实操时遇到的一些问题。 (2) 定期收集课程的评价,同学们对课程某些方面提出要求,老师需要进行调整和改进 ......
1. Q_ CSS 属性是否区分大小写_
1. Q: CSS 属性是否区分大小写? ``` ul { MaRGin: 10px; } ``` A: 不区分。 HTML,CSS都对大小写不敏感,但为了更好的可读性和团队协作一般都小写,而在XHTML 中元素名称和属性是必须小写的。 ......
6. Q_ 在HTML文本中,伪类__root_总是指向_html_元素_
6. Q: 在HTML文本中,伪类`:root`总是指向`html`元素? A: 不是(答案中给出了是 ==||)。以下摘自知乎[:root 与 html 在 CSS3 中指的是同一个元素吗?](http://www.zhihu.com/question/20312140)的答案: > 单指创建的根 ......
CSS Float(浮动)布局
1. CSS 浮动技术 CSS浮动是一种CSS布局技术,用于将元素从文档的正常流中移动,并使其可以相对于其容器或其他元素对齐。当一个元素设置了浮动属性,它将脱离正常的文档流,并根据指定的方向(左、右)浮动到容器的一侧浮动的元素会根据其容器或其他浮动元素的位置进行对齐。其他元素会环绕在浮动元素的周围。 ......
前端Vue仿京东淘宝我的优惠券列表组件 用于电商我的优惠券列表页面
随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ......
.NET6 微服务架构实战系列---Docker+Nginx部署前端Vue项目
一、相关配置安装 1.1 安装Docker [CentOS环境安装Docker](https://www.cnblogs.com/Code-HHX/p/17538236.html) 1.2 Docker中拉取nginx镜像 ``` docker pull nginx ``` 二、Vue前端项目创建配 ......
Djano 模版 传入html 不要当字符展示的方法
{% autoescape off %} {{ variable }} {% endautoescape %} 当 ariable 传入的是html 会自动渲染出来 https://www.itguest.com/post/hidij2b8.html ......
css样式浮动的特点
浮动的特点:1、设置浮动后,水平布局等式不需成立,并且元素从文档流脱离,不再占用文档流位置2、设置浮动可以将元素向其父元素的左方向或者右方向浮动3、浮动元素不会浮动出父元素4、浮动元素移动时不会超过之前的浮动元素5、浮动元素不会超过他上边的兄弟元素,最多是和他一样高6、浮动元素不会盖住文字,文字自动 ......
HTML语言
## HTML基础 超文本标记语言(**H**yper **T**ext **M**arkup **L**anguage,HTML)是用来描述网页的一种语言。HTML 不是一种编程语言,而是一种标记语言。标记语言是一套标记标签,使用标记标签来描述网页。 一个 HTML 标签是由尖括号包围的关键词,比 ......
css_margin塌陷问题解决方法
# css_margin塌陷问题 ### 问题描述 ```html ``` 当**child1**设置了margin-top时,margin-top会作用在father上 当**child2**设置了margin——bottom时,margin-bottom会作用在father上 ### 解决方法 ......
CSS基础-初识CSS
### 简介 CSS (cascading style shett) , 层叠样式表,是用来给HTML标签添加样式的语言。简单来说就是使网页变得更好看。 CSS的出现,使得样式和结构分离,HTML负责结构,CSS负责样式渲染。 ### CSS 书写位置 **内嵌式** 内嵌在html网页中, 和ht ......
15款最佳的HTML5移动模板
如果你需要响应式和前端开发,那么HTML5是你务必要学会的Web开发语言。我们在Codecondo上发布的HTML5相关文章依然很受欢迎。例如:为HTML5开发者准备的40个工具、针对HTML5的Web框架,你一定要看看它们,我也相信它们会成为你书签的其中之一。 当人们上网搜索登陆页面的时候,他们大 ......
Flask与Html5+的项目:音乐播放器
# Flask与Html5+的项目:音乐播放器 [toc] ## 1 需求 1. App: 1. 支持移动设备:Android / iOS 2. Mui + Html5+ 2. 通讯协议: 1. WebSocket 3. HTTP FlaskWeb框架逻辑: 1. 轻量化 2. 快速实现 HTTP ......
HTML
``` 头部 --> 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 段落1 段落2 链接1 p321 段 落 2 这是个折行段落 加粗字体 着重文字 斜体字 小号字 普通字下标 普通字上标 下划线 删除字 print("代码区域"); 键盘输入 代码样本 变量 预格式文本 a b c ......
HTML 基础
# 1. 初始 HTML ## 1. 1 HTML 简介 HTML 是用来描述网页的一种语言 Hyper Text MarkUp Language 简称 HTML HTML 不是一种编程语言 而是一种标记语言 HTML 使用标记标签来描述网页 HTML 文档也叫 web 页面 ## 1.2 后缀 ! ......
css 文字横向滚动通知消息
要在CSS中实现横向滚动的通知消息,你可以使用CSS的动画属性、溢出属性和滚动属性相结合。 首先,创建一个包含通知消息的容器,并设置其溢出属性为隐藏。这将确保溢出容器的内容不可见。 然后,在容器内部创建一个用于显示通知消息的子元素,并设置其显示为内联块元素。然后,为这个子元素设置动画属性,使其从容器 ......
前端Vue自定义暂无数据组件nodata 用于页面请求无数据时展示
#### 随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 ......
前端Vue自定义加载loading组件 通过设置gif实现loading动画 可用于页面请求前loading
#### 随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 ......
记一次前端npm报错“ error Command failed with exit code 1.”
记一次前端npm报错“ error Command failed with exit code 1.” 现象 报错日志如下 script returned exit code 1 [2023-07-07 23:12:06] + yarn --cwd /root/workspace build:tes ......
web前端 表单作业
作业要求: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit ......
若依前端,菜单栏切换时刷新问题[页面菜单切换时,页面总是重新刷新,导致页面输入的查询参数重载清空]
### 前端页面菜单切换时,页面总是重新刷新,导致页面输入的查询参数重载清空 ![image](https://img2023.cnblogs.com/blog/1534761/202307/1534761-20230707214952477-976831567.png) ### 这样切换时,页面就 ......
web前端 链接跳转作业
作业要求: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ......
vue前端使用node-rsa公钥加密解密
const NodeRSA = require('node-rsa'); // 使用公钥加密 export function encrypt (msg,commonKey) { const key = new NodeRSA(` BEGIN PUBLIC KEY ${commonKey} END P ......
HTML——用jQuery实现一键返回顶部
HTML部分可自行设计 特点:本次设计因为项目需要,标签在用户面前应出现于向下滚动页面一段高度后再显示,所以,滚动窗口监听事件后,需要设置下拉网页高度,在设置时需要注意,高度不该带有单位(例如:px,em等), 在达到指定高度时,该标签出现 代码如下: let totop = document.qu ......
前端Chrome调试技巧汇总
Chrome浏览器调试工具的核心功能: 🥷🏻注:本文测试、截图均为Edge浏览器(内核是Chromium),浏览器内核可了解《有哪些浏览器/内核?》 00、基础操作汇总 操作类型快捷键/说明 切换浏览器标签 🔸 Ctrl+1到8切换到对应序号的浏览器标签 🔸 Ctrl+PgUp/PgDn标签 ......
css让图片自动滚动
转自于:https://www.yzktw.com.cn/post/1051445.html CSS让图片自动滚动是一种非常实用的功能,它可以让网站的页面更加动态和生动。实现这个功能的方法也非常简单,只需要使用CSS中的滚动条属性即可。 /* 将所有图片都放在一个div内 */ .scroll { ......