笔记
关注
分享
扫一扫
飞鱼Code
这个作者很懒，什么都没留下…
展开
-
brew小技巧—卸载
处理brew下载包以及下载相关依赖包的卸载方法$ brew tap beeftornado/rmtree$ brew rmtree <package>原创 2021-09-21 18:15:39 · 1742 阅读 · 0 评论 -
webpack自定义plugin
自定义pluginTable与webpackwebpack中有Compile和Compilation，他们通过插件注入的方式监听webpack的生命周期Table这个库存在着各种个样的Hook实例，这个hook就可以帮助我们监听webpack生命周期同步const {SyncHook, SyncBailHook, SyncLoopHook, SyncWaterfallHook} = require("tapable");class test { constructor(){原创 2021-08-26 18:41:50 · 936 阅读 · 0 评论 -
常用的 meta 标签
常用的 meta 标签<meta>元素可提供有关页面的元信息(meta-information)，比如针对搜索引擎和更新频度 的描述和关键词。<meta> 标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联 的名称/值对。<!DOCTYPE html> H5 标准声明，使用 HTML5 doctype，不区分大小写<head lang=”en”> 标准的 lang 属性写法<meta charset=’utf-8′>原创 2021-08-22 22:14:04 · 1301 阅读 · 0 评论 -
介绍下 Set、Map、WeakSet 和 WeakMap 的区别?
Set——对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用 WeakSet——成员都是对象;成员都是弱引用，可以被垃圾回收机制回收，可以 用来保存 DOM 节点，不容易造成内存泄漏; Map——本质上是键值对的集合，类似集合;可以遍历，方法很多，可以跟各 种数据格式转换。WeakMap——只接受对象最为键名(null 除外)，不接受其他类型的值作为键 名;键名是弱引用，键值可以是任意的，键名所指向的对象可以被垃圾回收， 此时键名是无效的;不能遍历，方法有 get、set、has、delete。原创 2021-03-11 15:26:15 · 1244 阅读 · 0 评论 -
js面试题之一分享
第一眼看到这个题目的时候，脑海跳出的答案是 [1, 2, 3]，但是真正的答案是[1, NaN, NaN]。首先让我们回顾一下，map 函数的第一个参数 callback。这个 callback 一共可以接收三个参数，其中第一个参数代表当前被处理的元素，而第二个参数代表该 元素的索引。arr.map(callback: (value: T, index: number, array: T[]) => U, thisArg?: any);而 parseInt则是用来解析字符串的，使字符串.原创 2021-03-11 14:42:55 · 942 阅读 · 0 评论 -
bfc
BFC（Block Formatting Context）格式化上下文，是Web页面中盒模型布局的CSS渲染模式，指一个独立的渲染区域或者说是一个隔离的独立容器。（自己理解就是触发bfc的元素会脱离文档流，也就是说别的元素看不到它了））脱离文档流：元素脱离文档流之后，将不再在文档流中占据空间，而是处于浮动状态（可以理解为漂浮在文档流的上方）。脱离文档流的元素的定位基于正常的文档流，当一个元素脱离文档流后，依然在文档流中的其他元素将忽略该元素并填补其原先的空间。触发bfc的条件1、浮动元素，float原创 2021-02-24 23:14:45 · 910 阅读 · 0 评论 -
px与rem
px 实际上就是像素，用PX设置字体大小时，比较稳定和精确。px是固定长度单位，不随其它元素的变化而变化em 就是根据基准来缩放字体的大小。em 是相对长度单位。em是相对于父级元素的单位，会随父级元素的属性（font-size或其它属性）变化而变化rem是CSS3新增的一个相对单位,rem是相对于根目录（HTML元素）的，所有它会随HTML元素的属性（font-size）变化而变化例如： ==屏幕宽度/设计宽度 = 1rem的值/预设定rem的值。1920/1920=100/100 ;所以 1r原创 2021-02-24 22:06:55 · 1130 阅读 · 0 评论 -
css之，怪异盒模型和标准盒模型
标准模型与IE模型CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：内边距（padding），边框（border），margin（外边距），和内容（content）。标准盒模型：一个块的总宽度=width+margin(左右)+padding(左右)+border(左右)怪异(IE)盒模型：一个块的总宽度=width+margin（左右）（既width已经包含了padding和border值）设置盒模型：box-sizing:border-box...原创 2021-02-24 21:58:12 · 950 阅读 · 0 评论