chore: animation

Author: uptonking

site-github-tips.md renamed to app-github-tips.md

@@ -1,10 +1,11 @@
 ---
-title: site-github-tips
+title: app-github-tips
+tags: [app]
 created: '2020-07-31T11:59:56.787Z'
-modified: '2020-07-31T12:12:10.130Z'
+modified: '2020-08-04T12:24:02.650Z'
 ---
 
-# site-github-tips
+# app-github-tips
 
 - 搜索
   - 搜索一个organization的仓库，可使用 `user:orgName`

app-software-xp.md

@@ -1,6 +1,6 @@
 ---
 title: app-software-xp
-tags: [pm, software, xp]
+tags: [app, pm, software, xp]
 created: '2020-03-19T10:34:14.363Z'
 modified: '2020-07-14T10:20:33.275Z'
 ---

log-dev-error.md

@@ -3,14 +3,14 @@ title: log-dev-error
 tags: [dev, log]
 pinned: true
 created: '2020-02-20T10:43:37.374Z'
-modified: '2020-07-14T09:22:26.651Z'
+modified: '2020-08-04T12:24:45.908Z'
 ---
 
 # log-dev-error
 
 ## logging 
 
-- eact-dom.development.js?e444:23965 Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
+- react-dom.development.js?e444:23965 Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
   - element.type should be a string or class / function
   - 因为忘记导出组件了 export Component
 - 'App' refers to a value, but is being used as a type here

log-dev-pieces-frontend.md

@@ -3,7 +3,7 @@ title: log-dev-pieces-frontend
 tags: [dev, frontend, log]
 pinned: true
 created: '2019-06-09T15:54:12.063Z'
-modified: '2020-07-14T10:35:32.752Z'
+modified: '2020-08-04T12:25:38.927Z'
 ---
 
 # log-dev-pieces-frontend
@@ -13,6 +13,7 @@ modified: '2020-07-14T10:35:32.752Z'
 - styled-components中的样式冲突要注意计算specificity
   - `div.cls1` 的特指度高于 `.cls2` ，即使.cls2写在后面
   - `className=cls1 cls2` 最终使用的样式取决于源码import进来后，cls1和2在源码中声明的先后顺序
+  - 不推荐的解决方法是采用id选择器
 - 在外层div将font-size设置为1.2em后，button上的文字仍然是13.33的font-size，需要设置的是 `button {font-size: 100%}`
   - 要注意分辨文字是span，还是button
 - 前端兼容性处理 caniuse 

log-weekly.md

@@ -9,8 +9,21 @@ modified: '2020-07-14T09:30:54.711Z'
 
 # 2020
 
+## w0831-0906
+
+## w0824-0830
+
+## w0817-0823
+
+## w0810-0816
+
+## w0803-0809
+
 ## w0727-0802
 
+- grid-tabelify
+- z-index & stacking context
+
 ## w0720-0726
 
 - css table 5 approaches
@@ -21,10 +34,11 @@ modified: '2020-07-14T09:30:54.711Z'
 
 ## w0706-0712
 
-- webpack 5编译js项目时，优先使用 `src/index.js` ，而不是 `entry` 配置的入口
-- webpack hmr热替换react项目通常是顶层App，不保存状态数据的hmr类似full reload
-- webapck 5移除了node兼容模块，以减小打包size
-  - 升级依赖时注意大版本可能不兼容，如namor 2缺失各种依赖
+- webpack 5编译js项目
+  - 优先使用 `src/index.js` ，而不是 `entry` 配置的入口
+  - webpack hmr热替换react项目通常是顶层App，不保存状态数据的hmr类似full reload
+  - 5移除了node兼容模块，以减小打包size
+- 升级npm依赖时注意大版本可能不兼容，如namor 2缺失各种依赖
 - react DevTools，只高亮updates，不高亮remount
 - chrome paint flashing高亮所有paint，包含updates和remount
 
@@ -38,7 +52,7 @@ modified: '2020-07-14T09:30:54.711Z'
 
 ## w0615-0621
 
-- react-slider
+- react-sidebar
 
 ## w0608-0614
 
@@ -109,8 +123,8 @@ modified: '2020-07-14T09:30:54.711Z'
 
 ## w0902-0908
 
-- [ ] shapely-theme
-- [ ] shapely-locale 
+- shapely-theme
+- shapely-locale 
 
 ## w0826-0901
 

note-components-react-in-action.md

@@ -18,22 +18,26 @@ modified: '2020-07-14T11:26:58.980Z'
 - logo: green plum
 - design-system-tokens
   - text: sans serif(衬线体多用于印刷)
-  - color: mineral-ui-color-palette, primary-mediumseagreen-like
+  - color: mineral-ui-color-palette, primary-mediumseagreen
   - bezel-less
 - interaction
   - hover-color
   - click-ripple
   - loader-flower
 - animation
-  - rotate
-  - unfold
-  - point movement
+  - flip
+  - misc
+    - rotate
+    - unfold
+    - point movement
 - shape
   - point/polygon-shape-based
   - https://medium.com/google-design/you-need-a-shape-system-8d2aa9016817
 - 公共api
   - variant
-    -  borderless: 部分组件提供无边框的版本，如modal
+    - borderless
+      - 部分组件提供无边框的版本，如modal
+      - 也可考虑实现成dark mode的形式
 
 ## react-dev-in-action