随笔分类 -  前端

常见的图片类型
摘要：1、Jpg（jpeg）：这是一种可以高度保留图片色彩信息的格式 2、Png：该类型的图片可以实现透明 3、Gif：图片所占体积小，可以实现动图 4、Psd：它是一种分层的图片 阅读全文
posted @ 2020-06-04 14:45 南啾 阅读(4560) 评论(0) 推荐(1)
浏览器基本介绍
摘要：一、浏览器是什么 浏览器本质就是一款软件，安装在操作系统之上。一般给用户提供浏览网页的服务。目前来说我们会人为的将所有浏览器总结出一个所谓的五大生产厂商 【对于浏览器来说最核心技术就是内核】 二、五大浏览器生产厂商 1、IE（微软） trident 2、Chrome（谷歌） blink 3、Fire 阅读全文
posted @ 2020-06-04 14:41 南啾 阅读(1884) 评论(0) 推荐(1)
ES6的模块化实现
摘要：es6模块功能主要有两个命令构成：export和import export用于规定模块的对外接口 import用于输入其他模块提供的功能 一个模块就是一个独立的文件 阅读全文
posted @ 2020-05-15 18:25 南啾 阅读(335) 评论(0) 推荐(1)
ES6 - async异步操作
摘要：async作用：使得异步操作更加方便 基本操作：async它会返回一个Promise对象，能使用then、catch方法 async是Generator的一个语法糖 如果async函数中有多个await，那么then函数会等待所有的await指令运行完的结果，才去执行 阅读全文
posted @ 2020-05-15 17:43 南啾 阅读(161) 评论(0) 推荐(1)
ES6 - Promise的使用
摘要：一、介绍： promise（承诺）相当于一个容器，保存着未来才会结束的事件（异步操作）的一个结果 各种异步操作都可以用同样的方法进行处理，比如axios 二、特点： 1、对象的状态不受外界影响，处理异步操作时有三个状态（Pending进行中、Resolved已完成、Rejected失败） 2、一旦状 阅读全文
posted @ 2020-05-15 17:04 南啾 阅读(118) 评论(0) 推荐(0)
定位的分类、特点与应用
摘要：一、相对定位 position:relative; 特点： 不脱离标准文档流，可以调整元素 参考点： 以原来的位置为参考点 二、绝对定位 position:absolute; 特点： 1、脱离标准文档流，不在页面占位置 2、层级提高，压盖现象 参考点： 1、单独给一个盒子设置绝对定位，以根元素页面左 阅读全文
posted @ 2020-03-05 11:17 南啾 阅读(889) 评论(0) 推荐(0)
清除浮动的方式
摘要：为什么要清除浮动 浮动元素脱离了标准文档区域，位于其他元素上方，导致代码中浮动元素后面的其他元素会隐藏在浮动元素后面，网页显示错乱 一、给父元素设置固定高度 缺点：使用不灵活，后期不易维护 应用：网页中盒子固定高度区域，比如固定的导航栏 二、内墙法（了解） 使用规则：在最后一个浮动元素的后面加一个空 阅读全文
posted @ 2020-03-04 16:37 南啾 阅读(122) 评论(0) 推荐(0)
盒子属性 padding、border、margin
摘要：恢复内容开始 一、padding 内边距,盒子边框到内容的距离 /*表示内边距到内容的上左下右距离*/ padding-top: 20px; padding-left: 20px; padding-bottom: 20px; padding-right: 50px; /*一个参数表示上下左右都为20 阅读全文
posted @ 2020-03-04 12:53 南啾 阅读(297) 评论(0) 推荐(0)
元素分类及特点
摘要：一、块级元素 特点： 在网页中独自占一行 可以设置宽高，如果不设置宽，默认是父标签的100%宽 如： <div>我是一个区域</div> <p>我是一个段落</p> <h1>我是一个标题</h1> <ul> <li>我是一个列表</li> </ul> 二、行内元素 特点： 行内元素在一行内显示 不能 阅读全文
posted @ 2020-03-03 16:21 南啾 阅读(571) 评论(0) 推荐(0)
字体属性和文本属性总结
摘要：一、字体属性 1、字体 font-family:"微软雅黑","宋体",...; 设置字体，先找微软雅黑，运行电脑上没有这个字体再去找宋体，以此类推 2、字体大小 font-size:20px; 像素单位：px，ex，rem px：绝对单位，一旦设置了值，不管网页如何变化始终如一 em：相对单位，当 阅读全文
posted @ 2020-03-03 15:39 南啾 阅读(1183) 评论(0) 推荐(0)
css选择器
摘要：一、基础选择器 1、标签（元素）选择器 就是通过标签名选择元素 h4{ color: blue; } 2、类（class）选择器 通过样式类选择元素 css中用 . 来标识类 熟练运用类选择器很重要，提炼出共有的部分作为一类 .类名{ color: gray; } 3、id（身份证号）选择器 通过元 阅读全文
posted @ 2020-03-02 16:10 南啾 阅读(186) 评论(0) 推荐(0)
CSS的三种引入方式
摘要：一、内联式（行内式，即在body具体标签内写） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css三种引入方式</title> </head> <body> <!-- 内联式 --> <p style=" 阅读全文
posted @ 2020-03-02 14:37 南啾 阅读(268) 评论(0) 推荐(0)
CSS样式语法
摘要：css样式：由选择符和声明构成 选择符：即包裹着需要修饰的内容的标签，如包裹小猿圈的span 声明：即属性名和属性值，如color是属性名，red是属性值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>cs 阅读全文
posted @ 2020-03-02 13:23 南啾 阅读(177) 评论(0) 推荐(0)