摘要: 前言 本文来总结下webpack中 css、js、html 代码常见的处理方式,学习笔记仅供参考。 正文 1、css样式文件处理 (1)提取css为一个单独的文件 在我们前面学习了webpack的基础上,我们知道webpack在打包之后把css样式文件放在了js中,这样导致文件比较混乱,我们这一步需 阅读全文
posted @ 2021-12-02 20:49 zaisy'Blog 阅读(361) 评论(0) 推荐(1) 编辑
摘要: 前言 我们已经熟练使用set.map.array几种集合类型了,掌握了map(),for..of..,filter()等迭代集合的方法,你是否思考过,js引擎是怎么迭代的,怎么判断迭代是否结束,本文来总结一下 js 新增的迭代器相关在知识点。 正文 1 、迭代器的产生、定义和模拟 (1) for 循 阅读全文
posted @ 2021-11-28 11:54 zaisy'Blog 阅读(757) 评论(0) 推荐(0) 编辑
摘要: 前言 webpack是当前前端项目中最常用的资源构建工具,从本文开始,来总结记录一下关于webpack的学习。 正文 1、webpack简介 webpack官网(https://webpack.docschina.org/) 我们代码中使用less,ES6的impot以及一些高级的语法,浏览器无法识 阅读全文
posted @ 2021-11-19 22:04 zaisy'Blog 阅读(499) 评论(0) 推荐(1) 编辑
摘要: 前言 我们浏览一个网页时可能不太会注意网页前进后退这些操作,但是在开发时你是否想过页面之间的跳转经历了什么,浏览器时怎么保存的页面信息,重新返回上一个页面的时候是否需要重新加载页面呢,会有很对疑问,要想解决这些问题,首先需要知道浏览器中的window下的history对象,本文来详细总结一下该对象的 阅读全文
posted @ 2021-11-19 11:26 zaisy'Blog 阅读(2336) 评论(0) 推荐(1) 编辑
摘要: 前言 元素居中是日常开发和学习中最常见的问题,同时也是面试中经常考察的知识点,本文来总结一下这方面的知识点。 正文 1、水平居中 (1)子父元素宽度固定,子元素设置 margin:auto,并且子元素不能设置浮动,否则居中失效。 <div class="wrap"> <div class="inne 阅读全文
posted @ 2021-11-13 14:04 zaisy'Blog 阅读(586) 评论(0) 推荐(0) 编辑
摘要: 前言 JavaScript 中数组的本质是一个对象,它存在的 length 属性值随数组元素的长度变化,但是开发中经常会遇到拥有 length 属性和若干索引属性的对象,被称为类数组对象,类数组对象和数组类似,但是不能调用数组的方法。Array.from()方法解决了这一问题,将类数组转化为数组,本 阅读全文
posted @ 2021-11-10 17:53 zaisy'Blog 阅读(1624) 评论(0) 推荐(0) 编辑
摘要: 前言 JavaScript 函数参数不同于其他编程语言,既不需要规定参数的类型,也不需要关心参数的个数,因此 JavaScript 因函数参数而变得十分灵活,本文总结一下 arguments 参数对象的相关知识点。 正文 1、arguments参数对象是什么 JavaScript 中函数既不需要关心 阅读全文
posted @ 2021-11-07 15:57 zaisy'Blog 阅读(914) 评论(0) 推荐(0) 编辑
摘要: 前言 本文来总结一下数组的 entries() 方法的使用。 正文 1、entires() 方法语法详解 entries() 方法返回一个数组的迭代对象,该对象包含数组的键值对 (key/value)。 迭代对象中数组的索引值作为 key, 数组元素作为 value。它的原型(__proto__:A 阅读全文
posted @ 2021-10-28 17:37 zaisy'Blog 阅读(843) 评论(0) 推荐(0) 编辑
摘要: 前言 本文来总结一下数组的 coopyWithin () 方法的使用。 正文 1、coopyWithin () 方法语法详解 coopyWithin() copyWithin() 方法浅复制数组的一部分到同一数组中的另一个位置,并返回它,不会改变原数组的长度。 语法:arr.copyWithin(t 阅读全文
posted @ 2021-10-28 16:40 zaisy'Blog 阅读(271) 评论(0) 推荐(0) 编辑
摘要: 前言 我们知道了很多了初始化数组的方法,但是初始化数组之后,数组中的每一项元素默认为 empty 空位占位,如何对数组这些空位添加默认的元素,ES6提供了 fill() 方法实现这一操作。本文总结数组 fill() 方法的详细使用。 正文 1、fill() 语法 fill() 方法用一个固定值填充一 阅读全文
posted @ 2021-10-27 17:35 zaisy'Blog 阅读(6098) 评论(0) 推荐(1) 编辑