bran-nie / bran-nie.github.io

Blog

Hi 👋 I'm bran-nie

bran-nie.github.io's Issues

phantomjs———刷IFE琐记 — 鹏程

https://bran-nie.github.io/2017/03/04/ife-phantomjs/

今天在看百度 ife 糯米学院的题，遇到了一个问题，解决后就想拿来写写 😂

工欲善其事，必先利其器 -- nvm — 鹏程

https://bran-nie.com/2022/01/17/nvm/

当项目不止一个的时候，当项目所在的时间轴很长时，其项目所需的 node 版本，大概率会有所不同，这时暴露出来一个问题：如何合理的管理我们的 node 版本呢？

Github 的注册与使用教程以及github page (二) — 鹏程

https://bran-nie.github.io/2016/12/18/github-page-2/

旧的博客源数据丢失了，这里是当时在简书上面同步发布的文章。

工欲善其事，必先利其器 -- pnpm — 鹏程

https://bran-nie.com/2022/01/17/pnpm/

众所周知，前端项目的 node_modules，是一个深渊，项目稍大一些，那所安装的依赖，轻轻松松上百个，存储空间几百 MB，再大单位就是 GB 了，简直离谱。用命令统计一下文件数量，几万个都算是少的。

一个给 input 标签扩展列表功能的元素 — 鹏程

https://bran-nie.com/2022/01/25/datalist/

在写一个小工具时，想给 input 输入框增加可选项，但又不是 select 那样不能输入新的，怎么办呢。我知道各种 UI 框架会有 select 和 input 结合起来，但我这个原生的标签怎么实现呢。

Fcc --- steamrollArray — 鹏程

https://bran-nie.github.io/2016/12/05/fcc-steamroller/

题目描述

排序算法简单分析系列 - - 冒泡排序 — 鹏程

https://bran-nie.com/2021/03/27/bubbleSort/

基本**

分析比较opacity:0、visibility:hidden、display:none的区别、优劣及适用场景 — 鹏程

https://bran-nie.github.io/2019/04/18/css/

三个属性分别是什么？

Linux命令- - - scp 服务器间传输，基于ssh — 鹏程

https://bran-nie.github.io/2018/09/18/commands-scp/

scp 是 secure copy 的缩写，scp 是 Linux 系统下基于 ssh 登录，进行的远程文件拷贝命令

排序算法简单分析系列 - - 选择排序 — 鹏程

https://bran-nie.com/2021/03/27/selectSort/

基本**

CSS counter 计数 — 鹏程

https://bran-nie.github.io/2020/12/17/css-counter/

本质上 CSS 计数器是由 CSS 维护的变量，这些变量可能根据 CSS 规则增加以跟踪使用次数。这允许你根据文档位置来调整内容表现。CSS 计数器

博客由 username.github.io 转为自定义域名 — 鹏程

https://bran-nie.com/2021/03/23/domain-name/

发现在国内，username.github.io 不能解析，了解一下是运营商的 DNS 问题。科学上网和通过本地修改 DNS 可以解决，但这只是针对个人，对其他人一点也不友好。而自定义域名可以完美的解决这个问题，再者，GitHub Page 也是很完美的支持自定义域名。 故今早打算购买一个域名用作博客，HTTPS 也是要考虑的。看了一些服务商，最后选择了腾讯云，花半个小时左右完美的解决需求。且为了培养写博客的习惯，便记录一下这个流程，也供同道中人参考使用。

360浏览器、QQ浏览器等<meta> 标签选择webkit内核问题 — 鹏程

https://bran-nie.github.io/2017/05/05/brower_meta/

忽略 IE 吧(8)！

Leetcode-198 -- 打家劫舍 （动态规划） — 鹏程

https://bran-nie.com/2021/07/14/leetcode-198-house-robber/

动态规划，通过寻找状态转移方程、边界，将原问题分解为相对简单的子问题的方式求解复杂问题的方法。

查找范围内的素数 - 埃拉托斯特尼筛法 — 鹏程

https://bran-nie.github.io/2018/11/08/primes/

前言

Petite-vue，尤大几个月前的悄悄写的 mini-vue，项目实践一下 — 鹏程

https://bran-nie.com/2022/01/28/petite-vue/

几个月前，尤大开整了一个轻量级的 vue，之前看到过，大致看一遍点了个 star 后，就没再看了，前几天要为运营写一个处理数据的小工具，也就一个页面，再 vite 一个项目不值得，写原生吧，感觉麻烦的，忽然就想到了之前看到的 petite-vue 了，这个约 6kb 的渐进增强的 vue 替代版，那不是妥妥的合适吗。

关于JS中, 对引用类型console出现偏差的问题分析 — 鹏程

https://bran-nie.github.io/2020/04/15/console/

key 引用类型 内存 同步执行 console.log

Old friend — 鹏程

https://bran-nie.com/2023/08/21/Old-friend/

去之前只是想着吃饭聊聊天，在约时间的时候，我提到了 奥本海默 这个电影，问她看过没，她说刚上映就看了，然后在和我沟通之后她买了两张电影票给我和蓉蓉。

Github 的注册与使用教程以及github page (一) — 鹏程

https://bran-nie.github.io/2016/12/08/github-page-1/

旧的博客源数据丢失了，这里是当时在简书上面同步发布的文章。

十进制转化其他进制，原理分析 — 鹏程

https://bran-nie.com/2022/03/07/base-conversion/

LeetCode 的每日一题，今天的题目是“504. 七进制数”，jser 看到这道题，简直 so easy，一行代码解决：return num.toString(7)。但是，对于想成为大佬的我们来说，不能局限于 API 工程师，除了灵活使用语言提供的 API 之外，我们也要去思考这背后的逻辑、原理是什么？毕竟，计算机也是由人们创造出来的可以高速运算的 01 工具。

一次晚归夜宿与早起日出 — 鹏程

https://bran-nie.github.io/2016/12/12/night/

下午去练车，科目三，九点的时候教练说去看考场，与另外两个学员拼车去了。地点实在是感人，位处深圳湾旁边。到了地方就已经近九点四十了，看考场，ok 后到地铁站时候，就已经十点四十了。

About — 鹏程

https://bran-nie.github.io/about/

打码改变世界

简单开启Mac下的服务器 — 鹏程

https://bran-nie.github.io/2018/08/02/mac-server/

有时候，我们写了一个 demo，想在本地调试简单的 HTML 文件时，需要开启一个本地 Web 服务器，除去一些 IDE 和熟悉 Apache 操作的人，有没有什么简单的方法，让我们在本地开启服务器吗？let’ go

CSS 滚动条样式 — 鹏程

https://bran-nie.github.io/2021/01/14/scrollbar/

该特性还是草案，是非标准的。请明确知道它只支持 Webkit 内核的浏览器。

PicGo 一款优秀的图床 — 鹏程

https://bran-nie.github.io/2021/03/15/PicGo/

PicGo

小飞机工作原理 — 鹏程

https://bran-nie.github.io/2021/03/22/ss/

起因

商品规格选择sku --- Vue版 — 鹏程

https://bran-nie.github.io/2019/05/07/sku/

朋友问我像淘宝那样的选择商品的规格，如商品的颜色，尺寸，款式，并且还要根据后端传来的库存，哪些还有，哪些没了。咋一看不复杂，然后后面被一步一步的套牢，出不来了。最终借助 Google 的力量，完成了对这个类型的需求，有个初步的了解，并输出 blog 以记录。

ES6 --- Promise(简介) — 鹏程

https://bran-nie.github.io/2018/08/07/promise/

日新月异，在处理异步编程的一些方案中，回调和事件在历史中举足轻重，但它们也会给代码带来繁琐和意外 bug，在群众的呼声中，Promise，这个新生的方案，写进了 ES6 的语言标准。让我们一探其神秘吧~

初步了解Docker及其使用（一） — 鹏程

https://bran-nie.github.io/2019/07/16/docker/

记录初步了解 Docker 是什么，它的来源与应用。

如何自然入睡 — 鹏程

https://bran-nie.github.io/2018/08/13/easy-to-sleep/

自然入睡 & 失眠

经济萧条下的消费 — 鹏程

https://bran-nie.github.io/2020/04/15/think/

两个链表相加 — 鹏程

https://bran-nie.github.io/2019/05/23/two-linklist-add/

题目

使用 css自定义属性（css变量），配合 js 更新 css，实现星星打分~ — 鹏程

https://bran-nie.github.io/2020/12/18/css-variable/

Links — 鹏程

https://bran-nie.github.io/links/

没有链接的博客是孤独的

排序算法简单分析系列 - - 快速排序 — 鹏程

https://bran-nie.com/2021/03/27/quickSort/

基本**

Pinia，下一代状态管理库？Vuex的替代品？ — 鹏程

https://bran-nie.com/2022/01/30/pinia/

在十天前，尤大发布的一篇文章：“Vue 3 将在 2022 年 2 月 7 日成为新的默认版本”中提到，Pinia提供更简洁的状态管理。咦，Vuex 呢？Pinia 又是一个什么样的库？那让我们一探究竟吧～

算法题：根据运算优先级添加括号 — 鹏程

https://bran-nie.com/2022/03/01/add-brackets/

根据运算优先级添加括号，现已知一个字符串是由正整数和加减乘除四个运算符+ - * /组成。例如存在字符串 const str = '11+2-34+5/24+10/5'，现在需要将高优先级运算，用小括号包裹起来，例如结果为 '11+2-(34)+(5/24)+(10/5)'。注意可能会出现连续的乘除运算，需要包裹到一起。

css3 一些样式 — 鹏程

https://bran-nie.github.io/2016/12/19/css/

这篇博客出现的 css 样式及其顺序, 和我的这个静态页面是同步的. 链接

树的遍历 - - 前中后序，层序遍历。 — 鹏程

https://bran-nie.com/2022/02/25/tree-traverse/

树这种数据结构，通常在业务中用不到，但有些情景下，它能给我们带来更高的效率，比如最近帮女票写一个流程图的功能，这就用到了 N 叉树这种结构了。那么，作为基础操作中的遍历，我们怎么实现呢？

抛开 Scroll 事件，这个 API，可以轻松实现吸顶、触底、懒加载 — 鹏程

https://bran-nie.github.io/2021/03/18/IntersectionObserver/

Intersection Observer API 提供了一种异步检测目标元素与祖先元素或 viewport 相交情况变化的方法。

个人理解的 js 中的防抖和节流，通俗易懂 — 鹏程

https://bran-nie.com/2022/02/05/debounce-throttle/

防抖、节流，本质上是为了减少高频事件的触发次数，在实现上是使用闭包、定时器两个技术，在规定时间内对事件回调函数的触发情况进行限制。

从 LazyMan 需求再次了解队列这种数据结构 — 鹏程

https://bran-nie.com/2021/04/12/lazyman/

趣味解读，实现一个 LazyMan，可以链式调用，它有sleep(time)方法，可以等待指定时间后，再继续执行后续的调用。

创建一个属于你的命令 — 鹏程

https://bran-nie.com/2021/03/30/create-commands/

待补充

Git Pull-Request 一种名为PR的项目管理方式 — 鹏程

https://bran-nie.github.io/2020/02/28/github-PR/

hey 出现

Markdown — 鹏程

https://bran-nie.github.io/wiki/markdown/

目录

使用脚本生成新的博客文章，取代CV — 鹏程

https://bran-nie.com/2022/01/14/gen-blog-script/

之前写过一篇文章，在使用 node.js 创建一个属于你的命令，美中不足的是，我很容易就忘记命令的参数，尽管我已经写了描述，但时隔几个月还是会忘记。

Leetcode-45 -- 跳跃游戏II — 鹏程

https://bran-nie.com/2021/05/14/leetcode-45-jump-game-ii/

贪心算法，通过局部最优解得到全局最优解。