Recordum
Recordum copied to clipboard
LoeiFy
GitHub issues blog
Things happen full circle for me Like waking up from such a long dream It never ended So now I do what I do to get things going again Get...
Mirror 是一个简单的博客工具，基于 GitHub API 获取 issues 数据，然后展示在页面上 该工具的方便之处在于只需要在 issue 上写你的博客文章，你的网站会自动更新博客内容 借助 GitHub，你可以轻松的用 markdown 书写你的博客内容，永久保存，不用担心数据丢失问题。还可以非常方便上传博客图片，拖入编辑器即可。 该博客工具非常适合以 issue 作为自己博客的用户，无痛生成博客网站，对原来内容毫无影响 Mirror 还支持多用户协作，你可以方便的设置哪些用户写的内容可以显示在博客网站上，避免无关内容 Mirror 在移动端同时有很好的浏览体验 ## 预览地址 http://mirror.am0200.com/ ## 项目地址 https://github.com/LoeiFy/Mirror 新版本使用 GitHub [GraphQL](https://developer.github.com/v4/)...
nycticorax 是一个 JavaScript 应用状态管理器，并且默认集成 React 使用 项目地址：https://github.com/fratercula/nycticorax 在 React 上使用非常简单，只需要用 `connect` 这个 API，没有 `Provider`，`reducer`，`action` 等概念 ## 使用 1.创建 store，这个是基本的操作 ```js import { createStore } from 'nycticorax' createStore({ name: 0 })...
原理就是将要排序的数组的每一个项作为 `setTimeout` 时间参数，然后就可以排序了 排序时间跟数组最大值绝对值有关 :) 需要对数组的负数项做一下处理，因为 `setTimeout` 参数负数的话跟参数 0 是一样的 例子 [JSFiddle](https://jsfiddle.net/am0200/o0sz55pq/) 具体代码说明: ```js // 需要排序数组 const numbers = [8, 0, 3, -1, 9, -3, -767, 4, 111, 999, 89];...
⼀个项⽬随着功能添加，开发时间的增⻓，通常会遇到如下问题 1. 开发成本 我们⼀直说的组件开发，其实可以说成是在`组件堆`⾥开发。开发接⼿⼀个项⽬，要理清组件/⻚⾯逻 辑，嵌套思路。甚⾄还有⼀些⿊魔法的结构。当项⽬很⼤的时候，**理解**是⼀个⽐较⼤的开发成本 2. 发布成本 改动⼀个⼩功能，甚⾄是修改⼀段⼩⽂案，都需要整个应⽤打包构建发版本，项⽬越⼤时间越⻓，并 且修改带来的**⻛险**越⼤ 3. 优化/改造成本 通常在⼀个系统内，组件通信成本很低，所以开发过程⽐较少考虑组件的独⽴性。导致组件间关联⾮ 常多且复杂。这样也不⽅便测试及后续**维护** 4. 组件共享成本 通常业务定制化组件在系统间复用是比较麻烦的，例如一个定制的富文本编辑器，如果想在多个系统间复用，通常方式是 - 发布 npm 包，但这样有一定的问题 - 违背 npm 包思想，npm 包应该是通用的，而不是业务定制化 - 编辑器更新，使用的系统也必须进行更新构建。并且整个流程繁琐 - 复制方式，将组件复制到各个系统，这样就更难以管理 ##...
SPA 项目基本上都会用到路由 `router`。react 还有 vue 对应有其路由插件。 react-router 还有 vue-router 都有 hashHistory 和 browserHistory 模式。这里大概说一下两者区别 - hashHistory: 不需要服务器配置，在 URL 生成一个 hash 来跟踪状态，通常在测试环境使用，也可以作为发布环境使用 - browserHistory: 需要服务器端做配置，路径是真实的URL，是 react-router 官方推荐首选 大多数情况下，browserHistory 模式明显是优于 hashHistory 模式的，但...
Falco 是基于 webpack，npm 的一层封装。解决的问题是 demo 代码的构建打包问题，而直接运行代码是附加的一个功能 项目地址：https://github.com/fratercula/falco ### 背景 JavaScript 模块或者框架需要 demo 展示来说明使用方式，例如 [antd](https://ant.design) 里面就有很多 demo 的展示。那么怎么快速生成这些 demo 呢，一些框架可以做类似事情，例如 [docz](https://github.com/pedronauck/docz) 但 `docz` 只是解决本地已经安装的问题，也就是说 demo 的展示需要本地已经安装好依赖。那这样就有问题了，如果 demo 代码是各种 js 依赖的，那就是说要不断的本地安装依赖。无法运行时构建 ###...
AcyOrt 是一个简单的静态网站生成框架，基于 NodeJS 构建。通过这个框架你可以自定义各种类型的静态网站。可以通过插件完全自定义网站的生成 项目：https://github.com/acyortjs/acyort 文档：https://acyort.js.org ### 主要特色 - 定制系统，你可以非常轻松自由地定制各种网站 - 丰富的插件，内置插件系统，支持脚本以及 NPM 模块 - CI 部署，能够自动被 CI 构建部署，只需要在浏览器操作 ### 框架定位 AcyOrt 定位为一个流程控制器，同时提供一些辅助函数 **流程控制** 提供一个函数注册接口，注册的函数会严格按照注册顺序执行，包括异步函数 **辅助函数** 提供文件处理，多语言，数据存储，通信，页面渲染等基础静态页面生成辅助函数，方便快速生成静态页面 ### 其他介绍 一些使用例子，及一些插件介绍...
Pavane 是一个基于 Node.js 的 LiveReload Server 工具。 提供修改文件自动刷新浏览器页面的能力。Pavane 提供丰富的自定义选项，满足大部分的使用开发需求。 项目地址：https://github.com/fratercula/pavane ## 安装 ```bash $ npm i pavane -D # 作为模块使用 $ npm i pavane -g # 全局 CLI 使用 ```...
黑苹果
也算是完成了读书时候的心愿，以前读书时候老想着弄个黑苹果，但是一直没有成功。最近折腾安装前后花的时间就两三天那样，参考了一堆前人经验，所以不会很折腾，总体上算是完美的 ## 黑苹果情况  ### 正常部分 - 显卡(HD530)，声卡，网卡驱动正常 - USB 3 识别正常 - CPU 可以变频 - SSD TRIM 正常 ### 问题 - 不能休眠/睡眠，因为是台式机，不理会...