- 博客(132)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 HTTP Cache Control
HTTP caching on MDNCaching best practiceIncreasing performance with HTTP caching
2020-02-09 14:35:07
200
原创 React Encapsulation Methodology Compared To Traditional OOP
IdeasReact’s main idea is “props down”
2019-12-12 11:03:28
263
原创 React Hooks
Why React hooksClass component and functional component are two kinds of component type in React, whose difference is mainly class component has its instance while functional component does not. This...
2019-11-19 10:19:42
319
原创 React anti-pattern and async rendering
React derived stateReact async rendering
2019-10-25 09:55:22
226
原创 Jest snapshot testing
Snapshot testing on JestSnapshot testing impression
2019-10-23 09:30:58
275
原创 HTML tips
tabIndex makes DOM focusableNon-form DOM element like div and span, are not focusable by default, which means they could not receive keyboard event. To make them focusable like input and textarea, we...
2019-10-15 09:45:28
287
原创 React-redux app best practice
Background & PurposeFlux and redux suggests more practice than eslint rules and compile-time issues.thunk empower developers to do anything, and overuse it in most conditions.To commit reason...
2019-09-29 16:14:45
169
原创 React And Fiber Node
Inside Fiber: in-depth overview of the new reconciliation algorithm in ReactIn-depth explanation of state and props update in ReactReact fiber architeture
2019-09-05 10:36:49
359
原创 React-Redux Application Unit Test
FrameworkJestTest pointsRedux reducerRedux async actionContainer componentRepresentational componentCommon test casesRedux reducersSince reducers are just pure function, we could test reduc...
2019-08-07 10:39:04
419
原创 Redux In-depth
OverviewRedux is inspired by flux architecture, which enforce unidirectional data flow of the application.Actions are triggered by the interaction on view, which will be dispatched to the store and...
2019-07-05 10:03:38
239
原创 React In-depth
The post is not completely about to tell how to create React component instance in render function actually. But with the question we are going to dive deep into how elements are rendered.We are goin...
2019-05-22 23:44:45
551
转载 How Expressjs Middlewares Work
Express middlewareThe post explains how middleware works in express in detail, read carefully before you work on expressjs even other nodejs-based server framework, because it gives you basic concept...
2019-05-15 15:31:19
136
转载 Understanding Reflow And Repaint For Web Performance
Understanding Reflow And Repaint For Web Performance
2019-04-29 14:59:53
117
翻译 Preload, Prefetch And Preconnect
Browser Hints: Preload, Prefetch, and Preconnect
2019-04-24 09:47:59
195
转载 Optimize Font Performance
Controlling Font Performance with font-displayPreload Content
2019-04-03 14:15:38
141
转载 Understanding Layout And The Containing Block For Positioning
See The Containing Block On MDN
2019-03-25 11:55:16
117
原创 Trigger CSS Transition On Appended Element
ProblemIf adding css transition on a just-appended element, the transition will not work as expected. Take the below code as example.// css.fade-in { opacity: 0;}.fade-in.show { opacity: 1; tr...
2019-03-02 15:43:55
333
原创 SEO Meta Data
<link hreflang="es" href="xxxx" />This attribute indicates the language of the linked resource. It is purely advisory. Use this attribute only if the href attribute is present.<link rel
2019-01-04 16:38:28
292
转载 How GDPR Affect Analytics And Marketing
Analytics & Digital Marketing Tips
2018-11-26 12:13:30
191
原创 How To Detect CSS Transition Start And End With Javascript
Transition HookWe could add listener on event ‘transitionstart’, ‘transitionrun’ and ‘transitionend’ to detect CSS transition hooks. But currently only ‘transitionend’ is widely supported by modern b...
2018-10-27 11:31:20
191
1转载 Isomorphic App Guides
An Introduction To Isomorphic Web ApplicationIsomorphic Javascript
2018-10-10 14:08:17
138
原创 How To Implement Transition from fixed pixel to percentage
In web development, we might encounter the situation to animate width/height from a fixed pixel length to a percentage length. If you set height: 20px and animate to height: 100% or height: auto, the ...
2018-10-09 09:49:07
170
原创 Git Command Usage Notes
git log --statgit merge --no-ffgit clone repo_url --branch branch_name --single-branchgit push origin branch --deletegit config credential.helper store
2018-09-13 08:52:09
160
转载 Presentational and container components in React
Presentational and Container Components Container vs Presentational Components in React
2018-09-05 23:28:42
162
转载 Load Javascript efficiently with `async` and `defer`
EFFICIENTLY LOAD JAVASCRIPT WITH DEFER AND ASYNC
2018-08-21 16:00:05
122
Introduction to React
2018-07-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人