Works Out Of The Box fish-shel 是一个简洁的 shell，内置功能强大 省去很多配置 安装fish-shell 查看当前shell列表 将fish-shell添加到列表中 替换shell 重启终端 => fish_config…
macOS下蓝牙键盘(Keychron K2)连接失败的解决办法 图片 缘起 被种草入手了一个Keychron K…
js 编译原理 分词/词法分析(Tokenizing/Lexing) 解析/语法分析(Parsing) 代码生成（ATS） LHS & RHS LHS 赋值 RHS 查询变量等 作用域 欺骗词法 eval with p s: 目前这 2 个方法已被 MDN…
matchAll 方法返回一个包含所有匹配正则表达式的结果及分组捕获组的迭代器。 输出 > Array “test1”, “e”, “st1”, “1” > Array “test2”, “e”, “st2”, “2” Dynamic import…
缘起 最近 阿里云的SSL 到期了。需要重新申请一个，调研后目前免费的就是比较好用，特此记录 流程和坑 封面 官网地址 certbot是基于letsencrypt.org的一个自动化工具🔧 话不多说直接开始 start 1. 去官网选择你的操作系统和静态资源服务器…
记-react-connect中使用forwardRef问题。 最近在中使用的过程中，需要给 绑定 的组件 透传 类似这样的形式： 给传进来的绑定上自己的方法h2 直接这样写的话 是不行🙅的因为被 高阶组件{connect} “隔离了” Error…
What’s this…
缘起 在Gatsby 中我们想加入路由过渡动画，不能像React那样，直接给路由封装高阶组件 我们可以 使用 Layout 布局组件来实现 他的原理就是在所有静态页面中套一个 你的 Layout 组件 🚀 👇 创建 这是默认位置 你还可以修改位置 详情参考Github…
缘起 最近想这阅读一本书，一本不是code工具书，又对编程有所提升的书籍，决定读一读 收藏已久的《代码 的整洁之道》 —— Robert C.Martin 看书笔记和观后感记于此 📖 军规 童子军军规 我们接到一个需求 ｜一个功能，首先 reveiew…
缘起 在每次 后都要去阿里云 后台手动刷新｜预热，此文章旨在优化发包繁琐步骤 流程 流程 实现 1. pip install aliyun-python-sdk-cdn ps：这个SDK 和 下面的 代码 是基于 python2 推荐2.7.16 Mac…
如何写好 Changelog 在工作中需要写很多项目文档，随着不断的迭代，内容也会不断的变化，时间一长，就很可能忘记之前在什么时候做过什么改动了，所以这个时候就需要文档的写作者保持更新 Changelog…
缘起 vue-cli3 以来 是不会 暴露 webpack.config.js 的 需要我们手动来配置 因为近期 接手的一个项目 我需要从 package.josn 拿参数 然后 在其他 文件拿到配置 大致步骤如下： 项目根目录 创建文件 添加配置 =》 配置全局变量 其他js…
缘起 每次换 IDE 编辑器 或者电脑系统 都会生成一些需要Git忽略的文件 每次去改项目的 太麻烦 去设置一些 公共的配置放在全局 流程 git config —global core.excludesfile ’~/.gitignore…
缘起 在这个 find a job 地狱难度的时间，整理一份 React 核心指南，共勉之 p s：本文章属进阶知识点 如还不了解React 基本知识可参考 官方文档 目录结构 toc 壹、Context…
缘起 朋友 Windows 电脑，老是出现 Wifi 网络 断开 需要执行操作的问题，来找我，刚开始以为是 dns 和 DHCP 的问题 释放重新获取来 一下发现没有，后台发现没那么简单 原因 这是微软更新协议导致连接外网需要与服务商重新签订 ISP…
最近 antd 更新到 v4 到大版本了, 顺手更新了一波 记于此 此次 antdv4 更新 细则就不谈，可移步官网查看 几个注意点： IE 最低支持版本为 IE 11 React 最低支持版本为 React 16.9，部分组件开始使用 hooks 进行重构 升级项目 React…
缘起 在使用 的时候创建项目后没有 文件夹,看了一下也不对 然后顺势检查来一下 什么的都是正常的, 非常疑惑，然后去 翻了翻 问题原因 是因为官方已经弃用了独立安装包 这个 cli…
缘起 病毒肆掠 在家来无事，想着吧的知识整理一下 源码地址 github 求点个 star ⭐️ shell 环境 是一门脚本语言，Shell 是一个用 C 语言编写的程序，它是用户使用 Linux 的桥梁。Shell…
缘起 最近用 Gatsby 写了一个个人 blog，link => http://new.ruoduan.cn/ Github 🙏🙏🙏 Star 发现 后体积太大，FTP 发文件 都要 1…
V1 是 hexo 搭建 ，从 hexo ==> Gatsby 🚀🚀🚀 V1 链接 🔗. https://ruoduan.cn README Gatsby（Raact + GraphQL）的静态博客 GraphQL 是 Facebook…
@本文章作者 Ruoduan.cn 转载请注明出处 缘起 公司中台系统要新增公司项目 —— IM即时聊天 的后台管理，由本人全程负责，前端技术选型 想采用目前比较新比较hot的技术 —— reactHook + react-Router5 + Typescript…
获取集合中的所有待办事项清单：因为有默认 limit 100 条的限制，因此很可能一个请求无法取出所有数据，需要分批次取： 步骤 定义最大条数也就是 下面 👇 示 🌰 中的 获取数据总条数 总条数 / MAX_LIMIT…
在小程序开发过程中，我们通过 observers 监听处理 properties…
全新的 OS X El Capitan 10.11 系统上已经使用了 Rootlees , 可以理解为一个更高等级的系统的内核保护措施，系统默认将会锁定 /system /sbin /usr 这三个目录. 但是这个保护也是可以关闭的。关闭来 OSX 10.1…
内置属性和方法 方法名 类型- 作用 方法 类实例化时自动调用这个函数 方法 对象被内存中销毁前，会被自动调用 方法 类的实例打印时调用这个函数(返回)用户看到的 方法 和上面的 str…
ES2018 原文链接 异步迭代 在 async/await 的某些时刻，你可能尝试在同步循环中调用异步函数。例如： 这段代码是不会正常执行的，循环本身依旧保持同步，并在在内部异步函数之前全部调用完成。 ES2018 引入异步迭代器（asynchronous iterators…
localforag 离线缓存技术 ocalForage 是一个 JavaScript 库，通过简单类似 localStorage API 的异步存储来改进你的 Web 应用程序的离线体验。它能存储多种类型的数据，而不仅仅是字符串。 localForage…
Mobx-basic(快速上手)莞式教程 之前写过一篇 redux 的教程 可以参考redux 的教程 本篇讲通过通俗易懂的方式让你快速上手 mobx 的基本使用，虽然已经可以满足大部分开发中的需求但是详细 请参考中文官方文档 本篇配教程代码 https://github.com…
二叉树 在计算机科学中，二叉树是每个结点最多有两个子树的树结构。通常子树被称作“左子树”（left subtree）和“右子树”（right subtree）。二叉树常被用于实现二叉查找树和二叉堆。 一棵深度为 k，且有 2^k-…
React-Native 打包 Android.APK 1. 生成签名秘钥 输入一些必要信息 name password … 1.1 直接使用 Android studio 进行签名 2、设置 gradle 变量： 修改 android/gradle.properties…
React 中使用 Mockjs 进行接口数据模拟 引子 每个改进都是为了解决问题。 现在我在开发中碰到了问题，我先描述下问题： 我们现在做前后端完全分离的应用，前端写前端的，后端写后端的，他们通过 API…
async/await async 其实是 ES7 的才有的关键字，放在这里说，其实是和我们前面所说的 Promise，Generator 有很大关联的。async 的意思是”异步”，顾名思义是有关异步操作有关的关键字。 而且 async/await 是 Generator…
Redux and React-redux 莞式教程（新手必看） 为了方便使用者使用，这里就 redux 和 react-redux 一并讲究使用了，会了 react-redux，redux 也就没问题了，只不过稍微封装了一下 教程方式 我们先讲理论，先明白 render…
小栗子： 例如： 我们的路由格式如下: 我们想在 渲染 通过组件传值的方式父组件吧子组件的路由传过去从而实现渲染，传统的父子组件传值是用不了的 错误示范： 正确示范： 传值： 接收： 阐述： 编程式导航，可以在一个组件中用 this.props.history.push…
为什么要有动画 ？ 就是要有不解释 比较简单记录一下，方便找 1. 过渡类名动画 1. html 结构 2. VM 实例： 3. 定义两组类样式： 2. 第三方类实现动画 1. 引包 2. 定义 transition 及属性 3. 钩子函数动画 1. 定义 transition…
express-session github 仓库 session 介绍： session 是另一种记录客户状态的机制，不同的是 Cookie 保存在客户端浏览器中，而 session 保存在服务器上。 Session 的用途： session…
nodejs ——path 模块的**dirname 和 **filename 我们在使用 nodejs，可能需要对 nodemodules 开放一些目录，fs 取的是绝对路径，而我们在不同的环境下，nodemodules…
遇到这个问题这里记录一下，解决方案也非常简单 在我们把 canvas 作为 网站的 body 背景的 时候，如果 z-index 的层级没注意设计，默认情况下，canvas 会遮挡网站上的 a 链接 和一些按钮的 遇到这个 问题 我们只需要在 canvas 背景中添加一个 css…
具体参考 阮一峰,ES6 标准入门 在我们需要对一个异步操作进行频繁的调用的时候，且要保证一步操作的顺序，可能会出现 回调地狱（callback）的情况 例如： 嵌套方式 promise 方式 解决这个问题让我们的代码看起来更加直观，我们可以用 promise…
简介 NoSQL，指的是非关系型的数据库。NoSQL 有时也称作 Not Only SQL 的缩写，是对不同于传统的关系型数据库的数据库管理系统的统称。 NoSQL 用于超大规模数据的存储。（例如谷歌或 Facebook…
npm node package manager——网站 npmjs.com 只要安装了 node 就安装了 npm nm 也有版本概念 一些常用命令 npm init //生成 package.json 文件 npm init -y //快速生成 跳过向导 npm…
原型 原型的作用： 1、通过原型来添加方法，解决数据共享，节省内存空间 2、作用于继承，模拟面向对象，来做到继承，多态 构造函数 通过原型添加方法： 实例化对象： 接下来就是我们所要探讨的了，per1 和 per2 的 eat…
面试-http 先进行了一个简单的自我介绍，主要介绍了一下自己的工作经历和一些技术栈 1. 解释一下浏览器解析 HTTP 的过程 上来就放大招，这个题可深可浅，我整理了一下答案 一次完整的 HTTP 请求过程 当我们在 web 浏览器的地址栏中输入： www.baidu.com…
话不多说上代码测试： 定义一个全局组件，绑定 msg 我们首先看如果把 data 的值外传不在组件里面创建的效果 外传对象 现在把 dataObj 注释， return {count:0} 改正后 总结： 官网解释比较抽象： 不难看出，这里的关键点就在于 return…
岗位 web 前端 我的 csdn：me.csdn.net/Chad97 个人博客：Ruoduan.top 敲黑板 知识点: websocket： websocket 是 HTML5 的一个新协议，它允许服务端向客户端传递信息，实现浏览器和客户端双工通信。websocket…