摘要: Grid布局 目前CSS布局方案中,网格布局可以算得上是最强大的布局方案了。它可以将网页分为一个个网格,然后利用这些网格组合做出各种各样的布局。Grid布局与Flex布局有一定的相似性,都可以指定容器内部多个成员的位置。不同之处在于,Flex布局是轴线布局,只能指定成员针对轴线的位置,可以看作是一维 阅读全文
posted @ 2020-04-06 13:37 WindRunnerMax 阅读(243) 评论(0) 推荐(0)
摘要: 使用三种方式实现轮播图功能,分别为js控制切换与动画,js控制切换与css控制动画,纯css实现轮播效果 阅读全文
posted @ 2020-04-05 17:11 WindRunnerMax 阅读(26111) 评论(0) 推荐(3)
摘要: Flex布局 Flex布局也称弹性布局,可以为盒状模型提供最大的灵活性,是布局的首选方案,现已得到所有现代浏览器的支持。 基础 通过指定display: flex来标识一个弹性布局盒子,称为FLEX容器,容器内部的盒子就成为FLEX容器的成员,容器默认两根轴线,水平的主轴与垂直的交叉轴,主轴的开始位 阅读全文
posted @ 2020-04-04 13:26 WindRunnerMax 阅读(213) 评论(0) 推荐(0)
摘要: Js选择器 JS选择器常用的有getElementById()、getElementsByClassName()、getElementsByName()、getElementsByTagName()、querySelector()、querySelectorAll()。 getElementById 阅读全文
posted @ 2020-04-03 11:52 WindRunnerMax 阅读(283) 评论(0) 推荐(0)
摘要: Js中==与 JavaScript中提供==相等运算符与 严格相等运算符,建议是只要变量的数据类型能够确定,一律使用 ,各种类型的值的比较可以参考Js真值表 ==相等运算符 ==在判断相等时会进行隐式的类型转换, 其比较遵循一些原则,即先转换类型再比较。 如果有一个操作数是布尔值,则在比较相等性之前 阅读全文
posted @ 2020-04-02 14:11 WindRunnerMax 阅读(3683) 评论(0) 推荐(0)
摘要: Generator函数 生成器generator是ES6标准引入的新的数据类型,一个generator看上去像一个函数,但可以返回多次,通过yield关键字,把函数的执行流挂起,为改变执行流程提供了可能,从而为异步编程提供解决方案。 方法 Generator.prototype.next():返回一 阅读全文
posted @ 2020-04-01 12:25 WindRunnerMax 阅读(164) 评论(0) 推荐(0)
摘要: async/await async是ES7的与异步操作有关的关键字,其返回一个Promise对象,await操作符用于等待一个Promise对象,它只能在异步函数async function内部使用。async/await的目的是简化使用多个promise时的同步行为,并对一组Promises执行某 阅读全文
posted @ 2020-03-31 12:27 WindRunnerMax 阅读(130) 评论(0) 推荐(0)
摘要: Promise对象 JavaScript是单线程的语言,通过维护执行栈与任务队列而实现了异步操作,setTimeout与Ajax就是典型的异步操作,Promise就是异步操作的一个解决方案,用于表示一个异步操作的最终完成或失败及其结果值,Promise有各种开源实现,在ES6中被统一规范,由浏览器直 阅读全文
posted @ 2020-03-30 13:51 WindRunnerMax 阅读(245) 评论(0) 推荐(0)
摘要: 对称加密与非对称加密 在数字加密算法中,可划分为对称加密和非对称加密。 对称加密 对称加密算法中对于数据的加密与解密使用同一密钥,即使用相同的密码对内容进行加密解密。 内容 + 密钥 = 密文 密文 - 密钥 = 原文 优点 加解密速度快,效率高,适合一对一的信息加密传输 缺点 数据传输前必须协商好 阅读全文
posted @ 2020-03-29 12:15 WindRunnerMax 阅读(518) 评论(0) 推荐(0)
摘要: 数组遍历的主要方式`for`、`forEach`、`map`、`for in`、`for of` 以及对于数组的操作方法`every`、`some`、`find`、`findIndex`、`filter` 阅读全文
posted @ 2020-03-28 11:32 WindRunnerMax 阅读(545) 评论(0) 推荐(0)