![](https://img-blog.csdnimg.cn/20200702100206355.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML
文章平均质量分 68
基础中的基础
zhangpaopao0609
发光发热
展开
-
详解 script 标签中 defer 和 async
文章目录详解 script 标签中 defer 和 async1. defer 和 async2. script 中 type=module详解 script 标签中 defer 和 async1. defer 和 asyncHTML 网页中,浏览器通过<script> 标签加载 JS 脚本。<!-- 页面内嵌的脚本 --><script type="application/javascript"> // module code</script>原创 2021-03-18 13:51:35 · 384 阅读 · 0 评论 -
CSS优美的工程化——掌握SASS这四大特性便足矣
文章目录1. 看似天仙,实则被贬2. sass 特性一:嵌套写法3. sass 特性二:变量 "出场"4. sass 特性三:文件模块化5. sass 特性四:复用 ‘混合指令’1. 看似天仙,实则被贬简单的HTML语言,html + css 就能展现出漂亮的静态web网页了,使用起来也十分简单,就是写一些属性以及属性值。但是,随着项目复杂度增加以及代码体量的增大,用起来简单的 css 却出现了大量的缺陷。无法模块化无法模块化将会导致非常多的问题,如(1)命名依赖,想尽一切办法避免同名;原创 2020-05-14 16:00:39 · 442 阅读 · 0 评论 -
MIME到底是什么?那些重要?
1 概述经常会看到MIME类型,那么到底MIME是什么呢?MIME是一种媒体类型( Multipurpose Internet Mail Extensions 或 MIME 类型 ),MIME是一种标准,是用来表示文档、文件或字节流的性质和格式,也就是告诉浏览器等这个文件的类型,目的跟文件扩展名类似,但是更加具体和重要。重要:浏览器通常使用MIME类型(而不是文件扩展名)来确定如何处理URL...原创 2020-04-29 11:51:46 · 6401 阅读 · 0 评论 -
<img>元素底部为何有空白?
1 概述现代浏览器中,<img>元素默认情况下底部会有空白,那么这个空白到底是从哪里来的?有什么比较好的方法可以去掉这个空白?2 为什么会有这个空白要理解这个问题,首先要弄明白CSS对于 display: inline 元素的 vertical-align 各个值的含义。vertical-align 的默认值是 baseline,这是一个西文排版才有的概念:可以看到,出现在...原创 2019-10-26 10:46:07 · 551 阅读 · 0 评论 -
前端面试题目总结——持续更新
css盒子模型答:页面中所有的元素都是盒子,盒子模型包括外边距+边框+内边距+元素宽度页面加载如何优化原创 2019-09-15 18:39:20 · 371 阅读 · 0 评论 -
判断一个对象是不是数组的4种方法!
1 概述如何判断一个对象是不是数组的方法!博主在这里给出4种!2 代码演示<!--* * @Author: Arrow * @Date: 2019-09-09 16:31:04 * @Last Modified by: Arrow * @Last Modified time: 2019-09-09 16:31:04 --><...原创 2019-09-09 16:32:31 · 367 阅读 · 0 评论 -
走马灯——HTML+CSS+animation+transform
1. 概述通过动画和转换实现走马灯2. 代码演示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...原创 2019-09-08 19:52:11 · 1189 阅读 · 0 评论 -
VS-Code如何设置自动换行
按照以下步骤设置即可:File->Preferences->Settings->然后直接搜索 editor.wordWrap ->选择On即可;如下图所示:原创 2019-09-08 17:10:34 · 1042 阅读 · 0 评论 -
弹性盒模型
1 概述不论是PC端还是手机端,网页的布局都是最基本也是最重要的!布局的一般解决方法,就是基于盒子模型,通过display属性+position属性+float属性进行布局。这能够解决大部分的布局问题,但是对一些特殊的布局就很不方便,比如实现垂直居中。2009年,W3C提出一种新的方案,就是Flex布局,可以简单,完整且响应式地实现各种页面布局,目前已经支持所有的浏览器。2 Flex布局...原创 2019-09-08 14:40:58 · 234 阅读 · 0 评论 -
给网页的标签头部添加小图标方法
1 概述几乎所有的网页标签头部都需要添加小图标,如下图所示。2 方法如下<link href="https://csdnimg.cn/public/favicon.ico" rel="SHORTCUT ICON">这也是CSDN实现的方法,可直接更改href即可,博主试过,任意图片均可,不过为了美观,尽量选择合适的图片。...原创 2019-04-08 13:57:42 · 3813 阅读 · 0 评论 -
Python实战:Web App 开发
1. 背景介绍Python 的功能十分强大,因其强大而丰富的开源包,让其可以实现高级爬虫,可以实现机器学习算法,可以应用到深度学习中,也可以开发Web App 项目。本次的Python实战就是Web App 项目的开发,项目素材和代码大部分来源于廖雪峰老师的python教程,一共为期16天,博主会对代码做详细的讲解,包括代码的详细注释和原理;博主在实战这个项目过程中,发现廖雪峰老师的代码是比较...原创 2019-01-08 10:48:36 · 4590 阅读 · 0 评论