京鸿一瞥 - 博客园

2020年12月1日

摘要：知识点： Object.create( ) 的用法，原型继承， Object.assign() 的区别， Object.getPrototypeOf() 获取原型 Object.getOwnPropertyDescriptors() 获取对象可枚举的属性可以把Object.create()的参数阅读全文

posted @ 2020-12-01 15:31 京鸿一瞥阅读(4500) 评论(1) 推荐(1)

Object Api

摘要： object.create().keys().assign().values().hasOwnProperty().entries() 总结 hasOwnProperty(val) 判断 val 是否是自身属性，而非原型链上的属性 ... 与 object.assign() 类似。扩展运算符（Obj 阅读全文

posted @ 2020-12-01 12:06 京鸿一瞥阅读(176) 评论(2) 推荐(0)

2020年11月30日

5、webpack 打包其他资源

摘要： exclude 正则中的打包一些例如字体资源。创建 index.html iconfont 下载的资源 main.js 中引入加入字体资源打包后输出的资源阅读全文

posted @ 2020-11-30 23:21 京鸿一瞥阅读(213) 评论(0) 推荐(0)

4、打包图片资源

摘要： url-loader 处理 css 中的图片下载 url-loader file-loader 打包完后，发现打包的目录只有一张图片，因为在 url-loader 中将 10k 以下的图片 base64 处理成字符串了然而， url-loader 处理不了 html 中的 img 图片需要 h 阅读全文

posted @ 2020-11-30 22:47 京鸿一瞥阅读(90) 评论(0) 推荐(0)

3、打包 html 资源

摘要：插件的使用 html-webpack-plugin 可以处理 html 文件并引入打包出入的资源目录阅读全文

posted @ 2020-11-30 21:00 京鸿一瞥阅读(122) 评论(0) 推荐(0)

js 关键字 In

摘要：判断对象是否为数组/对象的元素/属性：格式：（变量 in 对象）当“对象”为数组时，“变量”指的是数组的“索引”；当“对象”为对象是，“变量”指的是对象的“属性”。数组示例： var arr = ["a","b","2","3","str"]; var result = ("b" in ar 阅读全文

posted @ 2020-11-30 10:58 京鸿一瞥阅读(145) 评论(0) 推荐(0)

2020年11月27日

CSS 中的 BFC

摘要： BFC (Block formatting context) “块级格式化上下文” Formatting context 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，有一套渲染规则，决定了其子元素如何布局，以及和其他元素之间的关系和作用。触发：满足下列条件之一就可触发B 阅读全文

posted @ 2020-11-27 15:11 京鸿一瞥阅读(138) 评论(0) 推荐(0)

for in与for of, 数组与对象的遍历

摘要： for of 与 for in 的区别 for..of适用遍历数/数组对象/字符串/map/set等拥有迭代器对象的集合.但是不能遍历对象,因为没有迭代器对象.与forEach()不同的是，它可以正确响应break、continue和return语句 for-of循环不支持普通对象，但如果你想迭代一阅读全文

posted @ 2020-11-27 11:53 京鸿一瞥阅读(2328) 评论(0) 推荐(0)

对数据的处理，看这篇就够了(手动狗头)

摘要： Array 1.数组交集 //数组交集 //普通数组 var arr1 = [1, 2, 3, 4, 5 , 8 ,9],arr2 = [5, 6, 7, 8, 9]; //方法一: var arr3 = new Array() arr1.forEach(val=>{ arr2.forEach(va 阅读全文

posted @ 2020-11-27 11:13 京鸿一瞥阅读(200) 评论(0) 推荐(0)

2020年11月25日

操作类名 classList

摘要： classList.add( newClassName )；添加新的类名，如已经存在，取消添加 classList.contains( oldClassName );确定元素中是否包含指定的类名，返回值为true 、false； classList.remove( oldClassName )；移除阅读全文

posted @ 2020-11-25 17:35 京鸿一瞥阅读(219) 评论(0) 推荐(0)