283 字 1 分钟

redis 设置密码访问 你的 redis 在真是环境中不可以谁想访问就可以访问，所以必须要设置密码 设置密码的流程如下： vim /etc/redis.conf #requirepass foobared 去掉注释，foobared 改为自己的密码，我在这里改为 requirepass 123456 然后保存，重启服务 cd /usr/local/bin ./redis-server /etc/redis.conf 测试连接：./redis-cli 输入命令 会提示 (error) NOAUTH Authentication required. 这是属于正常现象。 我们输入 auth...
1.1k 字 1 分钟

# 背景

8 月 5 日，谷歌开源了一款工具，受到了大家的欢迎，到目前这个项目已经收获了 22.3k 的点赞，很多小伙伴都反馈这款工具很好用。

zx 是一个更方便、更友好地帮助开发者写脚本的工具

10k 字 9 分钟

# 前言 之前在学习 react 的状态管理时当然第一个学到的就是 redux，关于 redux 如果有兴趣或是还不清楚，可以先去看看 浅析 React Redux 的概念以及使用。而本篇的主角是 MobX，这篇会介绍关于 MobX 的一些概念以及基本用法，当然也会讲到跟 redux 的区别，包括优势选型等比较。 # 正文 MobX 其实跟 redux 一样也是一个用于做全局状态管理的一个工具，不过经过下面的介绍你就会发现 MobX 比 redux 方便简单很多，所以其实 MobX 也蛮流行的。我会在介绍完 MobX 后再统一说说跟 redux 的对比。下面一样以 todo 应用作为场景说说...
1.8k 字 2 分钟

# makeAutoObservable 详解 makeAutoObservable(target, overrides?, options?) target ：将目标对象中的属性和方法设置为 Observable State 和 Action overrides ：覆盖默认设置，将 target 对象中的某些属性或方法设置为普通属性 因为并不是所有的属性或方法都需要转化 overrides 对象中的 key 是需要覆盖的属性或方法的名称， value 为 false 的会被设置成普通属性 options ：配置对象 // 将 reset 方法设置为普通属性，再通过 reset...
2.9k 字 3 分钟

# 计数器案例 计数器：在组件中显示数值状态，单击 + 按钮使数值加 1，单击 重置 按钮使数值重置。 # 下载 mobx：MobX 核心库 mobx-react-lite：仅支持函数组件 mobx-react：既支持函数组件也支持类组件 由于 React 官方推荐使用函数式组件，所以下面的学习使用 mobx-react-lite npx create-react-app appcd appnpm install mobx mobx-react-lite当前安装版本： "mobx":...
1.5k 字 1 分钟

# MobX 简介 # Mobx 介绍 官方文档 简单，可扩展的状态管理库。 MobX 是由 Mendix，Coinbase（比特币公司），Facebook 开源和众多个人赞助商所赞助的。 MobX 和 Redux 做的事情是一样的，都是通过一个对象去管理应用程序中的状态。 但是和 Redux 相比，MobX 又及其简单，因为它没有过多的流程和样板代码。 流程 Redux 要求必须严格遵守它的工作流程，例如通过 dispatch 触发 action，由 store 接收到 action，然后交给 reducer 去处理 action MobX 没有过多的流程要求 直接调用定义的...
25k 字 23 分钟

在程序设计中有很多实用的设计模式，而其中大部分语言的实现都是基于 “类”。

在 JavaScript 中并没有类这种概念，JS 中的函数属于一等对象，在 JS 中定义一个对象非常简单（var obj = {}），而基于 JS 中闭包与弱类型等特性，在实现一些设计模式的方式上与众不同。

649 字 1 分钟

# 1. 国内使用 npm 存在的问题 安装 npm 后，每次我们安装包时，我们的电脑都要和 npm 服务器进行对话，去 npm 仓库获取包。 npm 默认的仓库地址为：http://registry.npmjs.org 查看当前 npm 仓库地址命令： npm config get registry 因为 npm 的远程服务器在国外，所以有时候难免出现访问过慢，甚至无法访问的情况。 为了解决这个问题，我们有以下几个解决办法 # 2. 使用淘宝的 cpm 代替 npm 淘宝为我们搭建了一个国内的 npm 服务器，它目前是每隔 10 分钟将国外 npm 仓库的所有内容 “搬运”...
2.6k 字 2 分钟

# git 提交规范

  • 参考规范 Angular 的提交约定。
    • feat 增加新功能
    • fix 修复问题 / BUG
    • style 代码风格相关无影响运行结果的
    • perf 优化 / 性能提升
    • refactor 重构
    • revert 撤销修改
    • test 测试相关
    • docs 文档 / 注释
    • chore 依赖更新 / 脚手架配置修改等
    • workflow 工作流改进
    • ci 持续集成
    • types 类型定义文件更改
    • wip 开发中

2.5k 字 2 分钟

​ 最近基于 ES module 的 bundleless 构建工具很火，特别是尤大在到处推广 Vite ，号称 “下一代前端构建工具”，在前不久的 VueConf 2021 上，尤大可谓狠狠地宣传了一下。以至于一度有很多人认为，有了 Vite 之后就不再需要 Webpack 了。虽然 Vite 现在确实很火，也有很多人在尝鲜，但现实恰好与大家的观念相反，目前几乎没人把 Vite 用于实际的项目开发。

img