mac 电脑支持 NTFS
让 mac 快速支持 NTFS， 无需安装任何软件 开启流程简介 挂载上你的 NTFS 硬盘，查看硬盘名称 编辑/etc/fstab 文件，使其支持 NTFS 写入 将/Volumes 中的 NTFS 磁盘快捷方式到 Finder 详细流程 插上硬盘后，查看你的硬盘名称，这里假设名称是 AngleDisk，牢记之（你的可不是这个呀！！ 打开 Applications 的 Terminal, 你也可以直接 spotlight 输入 terminal 打开 在终端输入 sudo nano /etc/fstab 敲击回车 现在你看到了一个编辑界面，输入 LABEL=AngleDisk none ntfs rw,auto,nobrowse 后，敲击回车，再 Ctrl+X，再敲击 Y，再敲击回车 此时，退出你的移动硬盘，再重新插入，你会发现磁盘没有显示在桌面或是 Finder 之前出现的地方，别慌 打开...
JS判断一个变量是否是数组
1. isArray()isArray 是 Array 的一个方法， 如果是数组返回 true, 否则返回 false 123var a = [1, 2, 3];console.log(typeof a); //返回“object”console.log(Array.isArray(a)); //true 2. instanceofinstanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。 123object instanceof constructorobject // 实例constructor // 构造函数 用来检测 constructor.prototype 是否存在于参数 object 的原型链上 (object.__proto__/object.__proto__.__proto__.......__proto__) 1234567var arr = new Array();var arr = ["a", "b", "c"];var obj =...
浏览器 缓存
浏览器缓存是啥？首先，浏览器缓存是指浏览器会把用户访问页面时，从服务器请求回来的东西保存在用户的本地，这些保存在本地的东西就是缓存。当用户再次访问刚才页面时， 浏览器不会真的再次去访问页面所对应该的服务器，而从原来保存在本地的内容中返回用户页面里需要的东西。 注意一下， 这个请求过程是指缓存存在并且有效的时候 浏览器缓存有啥作用？从上面的请求过程发现，缓存最明显的作用就是减少了页面请求服务器的次数，浏览器性能得到优化，其它的作用还有： 缩短网页请求资源的时间 减少延迟 减少带宽 降低网络负荷 等。。。 但是，好是好，浏览器缓存有时候也会带来问题： 有时候就会碰到服务器的资源文件更新了，但是我们页面访问的时候，浏览器还是从本地缓存拿的内容，这个时候，就不是我们想要的结果了。解决方法就是把浏览器的缓存清掉，主要是刷新，强制刷新，再不行就打开控制台，右击页面刷新图标，点清空缓存并硬性重新加载 浏览器缓存是怎样工作的？先来看一个张浏览器发起一个 http...
让 hexo URL更加优雅
大家都知道 hexo url 默认是通过日期加标题确定的，这样的 url 特别难看 比如： 1http://didiorg.com/2020/01/13/%E5%B4%87%E7%A4%BC%E5%A4%AA%E8%88%9E%E6%BB%91%E9%9B%AA/ 说实话，看不懂，因为把后面的汉字转义了 这个时候 hexo 官方提供了一种解决方案： 123# permalink: :year/:month/:day/:title/# 改成：permalink: :id.html 就有了下面这个： 1http://didiorg.com/ck5dxcj8p00094dvzd8sirsit.html 这样其实也非常不友好 第一，url 还是太长了。第二，也是最重要的一点，每“hexo g”一次，“:id”生成的 url 都是不一样的，这非常影响 SEO。 只推荐一种方案，就是安装 hexo-abbrlink 插件1npm hexo-abbrlink --save 再修改一下配置文件 1234permalink: :abbrlink.html #...
知识点 check list
Don’t be anxious, just do it. JS 浏览器缓存 性能优化 地址栏输完 url， 回车之后，浏览器做了哪些工作 JS数据类型 基本数据类型和复杂类型的区别 js prototype的理解 js 中__proto__和 prototype 的区别和关系 判断变量是数组的方法 原型与原型链 new 一个对象的过程 JS 函数实参转换为数组 typeof instanceof 底层原理实现 this指向,箭头函数特点 事件轮询, promise, async await Promisetry产生的初衷 可以用catch吗 什么是Promise.try script 标签 defer async axois实现原理 对象、数组、map、set，等遍历的方法，分别怎么用的，什么原理（想要for of能遍历原型上的东西，可以用iterator） 跨域以及使用cors浏览器需要做什么处理 为什么要跨域，为什么要有事件轮询的机制 ...
滑雪 崇礼太舞滑雪总结
今天运气特别好，第一趟缆车就在车上碰到了刘哥 这次滑雪学习了平行转弯跟走刃 当时缆车上就我跟家琦还有刘哥三人， 我上来就跟家琦说：『要不，我们跟这个大哥滑吧？』， 运气是真好，刘哥人特别好，很友善的说了一句：『我现在在练习基本功』，哇，我现在不正好是要练基本功么，哈哈， 然后故事就开始了 刘哥是这个雪场的 VIP 季卡客户，对这个雪场很熟悉，刚开始带我们滑了一趟华尔兹，说大实话， 我站在华尔兹上过的时候，是很害怕的，从没滑过这么长这么陡的雪道；刘哥在旁边给我加油打气，然后说跟着他滑就好了，然后我就真的跟上去了。这一趟，没想到真的滑下去了，刘哥在滑的过程中，滑一会停一会给我讲怎么滑，但是讲真的，我当时其实一脑子懵逼，除了听到了怎么停车之外，其它要领，细节都没听进去，因为当时真的太紧张了。 应该是滑到完第四趟的时候， 我才开始慢慢去琢磨刘哥跟我说的每一个动作要领，第一个动作细节，而这个时候，刘哥已经带我滑完高级道（曼波）了，刘哥跟我讲了很多很多很多现在回想一下， 能记住的不多了： 5 协调 1 重点：脚掌、脚跟、小腿、大腿、躯干要协调，重点是重心在脚掌跟脚跟中间位置 转弯大...
vuex Store store 千万别写错了
问题：刚才在使用vuex 的时候，碰到一个 this.$store 总是为 undefine 的问题 一开始的时候从控制台看到的是使用 action 的 this.$store.dispatch 的时候的报错 代码： 123changeSourceSQL(sql) { this.$store.dispatch('updateSourceSQL', sql)}, 报错信息 分析过程：【分析】 看到这种报错的时候， 肯定先进一步打印 dispatch 的上一级： 12345changeSourceSQL(sql) { console.log(sql, this.$store) this.$store.dispatch('updateSourceSQL', sql)}, 结果是 undefined 【分析】 很明显这是因为$store 挂载到全局的时候失败了 此时，再去看 入口文件...
bodybuilding notes
2019 已经结束， 不忘初心， 坚持就是胜利从跟家琦健身以来，来健身房也不下30次了，虽然说自己很多动作还是不标准，但是学到了很多，算是个对健身入门了，2020年好好加油，不忘初心。 一点小感悟：中午健身牺牲了原来的午睡时间，但是，这也许是一个上班族无法避免的问题吧，这也让我晚上睡得更早了 健身之后的那种快感，是很难得的，很舒服的，是打心底发出的一种自信，因为自己心底会说，今天我健身了，就是牛逼，再看到什么程序员猝死这类的新闻，心底会想，这一看就是个平时不健身的人 记录一下中午健身的内容【时间】【时长】【锻炼肌肉】【地点：滴滴湾流】【教练：家琦】 【2019年12月30日 周一】【 中午】【胸，腹， 跑步】【2019年12月27日 周五】【 中午 】【胸，腹， 跑步】【2019年12月25日 周三】【 中午】【腿， 跑步】【2019年12月23日 周一】【 中午 】【背 跑步】【2019年12月20日 周五】【 中午 】【背 跑步】【2019年12月23日 周二】【 中午 】【胸 跑步】【2019年12月16日 周一】【 中午 】【背 跑步】【2019年12月4日...
webpack 详细执行过程
问：webpack 究竟解决了什么问题 模块化解决方案 在早前web前端只需要一个简单的 html 页面，插入几条script标签 去引用 js 文件就可以满足需求，随着项目越来越复杂，要实现的功能越来越多，文件也越来越多，全部都这么引入已经不再现实，这时候前端模块化就出现了，从AMD、CMD 到现在的 ES6 模块化写法，我们可以把代码拆成一个个 JS 文件，通过 import 去关联依赖文件，最后再通过某个打包工具把这么多 js 文件按照依赖关系最终打包成一个或多个 js 文件在html 页面去引入。所以 webpack首要要解决的问题是将多个模块化的 js文件 按照依赖关系打包为一个或多个文件，所以我们通常都会说他是一个模块化解决方案 处理资源转换 随着 ES6，ES7，ES8 的出现，还有 vue、react 等前端框架的出现，我们发现这些文件浏览器是不能直接执行的，需要我们中间编译转换一下为浏览器可执行的文件，所以这时候 webpack 要做的事情又多了一项，按照依赖打包的同时，还要对源文件进行编译转换处理，也就是我们日常配置的 loader...
