Skip to content

Instantly share code, notes, and snippets.

@riskers
riskers / demo1.md
Last active November 28, 2019 18:31
module in es6 vs commonjs
// es6
export var foo = 'foo';
setTimeout(() => foo = 'baz', 500);

// main
import {foo} from './t.js';
console.log(foo); // foo
setTimeout(() => console.log(foo), 500); // baz
@riskers
riskers / readme.md
Last active November 28, 2019 18:27
check node_modules and yarn.lock match

yarn.lock 与 node_modules 保持一致

  • yarn add xxx 添加新的 package,同时更新 package.jsonyarn.lock
  • yarn upgrade xxx 更新 package,同时更新 package.jsonyarn.lock

这样操作过后,我们把 yarn.lock push 到代码仓库中

node_modules 与 yarn.lock 保持一致

团队使用 Yarn 来管理模块依赖,这样只能保证大家的 yarn.lock 是一致的,但不能保证大家的 node_modules 是一致的(因为 node_modules 并不在版本库里)。要是有人升级了模块,别人拿到了新的 yarn.lock ,但是本地的 node_modules 里的模块仍然是旧的。

@riskers
riskers / readme.md
Last active August 24, 2017 09:52
css modules + react + babel-react-css-modules
  • 在入口文件(app.js)引入全局 css (:global(.xxx){...}), .xxx 不会被解析成 hash,可以在组件中 className="xxx" 使用
  • 本地css在组件(demo.js)中引入局部 css (.yyy{...}) ,在组件中 styleName="yyy" 使用

common.css: global-style

:global(.xxx) {
 ...
@riskers
riskers / immutablejs.md
Last active October 14, 2020 07:45
reselect / immutablejs

在 reducer 中,都是返回一个新对象,否则组件是不会更新 ui 的。而返回新对象,可以:

  • Object.assign:比较 hack,每次新生成一个对象
  • ...state
  • immutable.js
@riskers
riskers / main.md
Last active November 9, 2017 03:57
postcss plugin
@riskers
riskers / injectReducer.js
Last active March 6, 2018 07:27
react-router inject store
import { combineReducers } from 'redux';
import globalDate from 'reducers/globalDate'
import permission from 'reducers/permission'
const createReducer = function (reducers) {
return combineReducers({
/* 公共 reducers,无论一开始在哪个路由下,都会载入 */
globalDate,
@riskers
riskers / default.custom.yaml
Last active November 25, 2023 12:50
rime config
# Rime default settings
# encoding: utf-8
patch:
config_version: "1.6"
schema_list:
- schema: luna_pinyin_simp
switcher:
caption: 〔方案選單〕
@riskers
riskers / README.md
Created June 20, 2018 08:32
react router 获取 query params
<Router>
  <div className="router-container">
    <Route exact path="/" component={ Home } />
    <Route exact path="/search" component={ Search } />
  </div>
</Router>

比如现在搜索要搜 t: texts: abc,路由应该是 /search?t=text&amp;s=abc

@riskers
riskers / main.md
Created September 26, 2018 17:09
wordpress 开发
| - your-theme
  | - images              # 主题相关图片资源
  | - header.php          # html 头部模板
  | - footer.php          # html 尾部模板
  | - index.php           # 首页模板
  | - single.php          # 文章模板
  | - page.php            # 页面模板
  | - style.css           
@riskers
riskers / rxjs-diagrams.md
Created December 14, 2018 19:24 — forked from PCreations/rxjs-diagrams.md
Super Intuitive Interactive Diagrams to learn combining RxJS sequences by Max NgWizard K