perder的博客

[‘1’, ‘2’, ‘3’].map(parseInt) what & why ?查看答案 map(function callback(currentValue[, index[, array]])) 这个 callback 一共可以接收三个参数，其中第一个参数代表当前被处理的元素，而第二个参数代表该元素的索引。 parseInt(string, radix) 接收两个参数，第一个表示被处理的值（字符串），第二个表示为解析时的基数。 答案是:[1,NaN,NaN] 运算过程: 12345678(1)[("1", "2", "3")].map(parseInt);(2)[("1", "2", "3")].map((item, index) => { return parseInt(item, index);});//返回parseInt("1", 0); // 1parseInt(&quo ...

何为 BFC，又有什么应用场景？查看答案 BFC 其实就是块级格式化上下文，其主要就是子元素永远无法影响到父元素外面的布局。 BF 的特性:-BFC 元素的垂直方向上会发生边距重叠。-BFC 元素和浮动元素不会发生重叠。-BFC 在计算高度时会把浮动元素计算进去。-BFC 在页面是个独立的容器，里外元素互不影响。 运用场景:一边图片，一边文字的情况 如何让一个 div 水平垂直居中查看答案 1.使用 margin 123div { margin: 0 auto;} 2.使用定位与 transfrom 123456789div.parent { position: relative;}div.child { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} 父元素的 position 必须为 relative 3.使用 flex 12345div { d ...

什么是 npm 和 npx npm 和 npm 都是 node 的包管理器，都用于安装管理 node.js 的包。 npm 是比较早的包管理器，在我们下载安装 node 的时候会跟着一器安装 npm，它内置在 node 中 npx 是比较新的包管理器，现在是与较新版本的 npm 一起绑定在一起 npm run dev 时的工作流程 我们在写项目的时候常常需要执行命令，用于启动服务，例如: 1$ npm run dev 那当执行这个指令的时候，是如何启动一个服务的呢? 读取 package.json 文件 当执行此命令时，首先会到 package.json 中的 script 中查询相对应的脚本 1234"scripts": { "build": "vite build --mode production", "dev": "vite serve --mode development", } 当我们执行 npm run dev 的时候， ...

Hexo是什么? Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他标记语言）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。–Hexo文档 安装Hexo请确定你的电脑已经安装了node 1$ npm install -g hexo-cli 安装完成后可以使用以下指令用于查看命令 1$ npx hexo <command> 初始化Hexo站点依次输入以下指令 123$ hexo init <folder>$ cd <folder>$ npm install 初始化完成项目后我们能看到项目结构是这样的 12345678.├── _config.yml├── package.json├── scaffolds├── source| ├── _drafts| └── _posts└── themes _config.yml用于配置网站相关信息 source这个是存放你自己写的md文档，或者静态资源的 themes这个是用于存放主题的，Hexo是能够根据这个进行切换主题常用主题有ButterFly等等 ...

npm 镜像库在国内大家平常使用 npm 的时候可能会因为网络波动等原因，导致 install 的时候非常慢，这时候就需要配置镜像源，这样能够极大的提升下载速度。 国内镜像源淘宝镜像:https://registry.npm.taobao.org（似乎已经过期）阿里云镜像:https://npm.aliyun.com腾讯云镜像:https://mirrors.cloud.tencent.com/npm/华为云镜像:https://mirrors.huaweicloud.com/repository/npm/网易镜像:https://mirrors.163.com/npm/中科院大学镜像:http://mirrors.ustc.edu.cn/清华大学镜像:https://mirrors.tuna.tsinghua.edu.cn/ 配置 npm 镜像1npm config set registry [镜像源] 除了使用这种手动切换的方式外，也能够使用 nrm 进行快速的镜像切换什么是 nrmnrm 是一个源管理器，能够让我们快速的切换源 安装 nrm1npm install nrm -g ...