![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web
zhuchuji
这个作者很懒,什么都没留下…
展开
-
React Encapsulation Methodology Compared To Traditional OOP
IdeasReact’s main idea is “props down”原创 2019-12-12 11:03:28 · 182 阅读 · 0 评论 -
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 · 266 阅读 · 0 评论 -
Clean code: Refactoring
Refactoring原创 2019-11-05 09:51:17 · 157 阅读 · 0 评论 -
React anti-pattern and async rendering
React derived stateReact async rendering原创 2019-10-25 09:55:22 · 189 阅读 · 0 评论 -
Jest snapshot testing
Snapshot testing on JestSnapshot testing impression原创 2019-10-23 09:30:58 · 230 阅读 · 0 评论 -
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 · 232 阅读 · 0 评论 -
How GDPR Affect Analytics And Marketing
Analytics & Digital Marketing Tips转载 2018-11-26 12:13:30 · 152 阅读 · 0 评论 -
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 · 246 阅读 · 0 评论 -
Icon font and @font-face
Using @font-face转载 2019-01-05 09:31:02 · 121 阅读 · 0 评论 -
Higher Order Function
Higer order function转载 2019-01-11 09:09:13 · 255 阅读 · 0 评论 -
Chrome Memory Analytics
Memory Analysis 10原创 2019-01-02 11:19:15 · 354 阅读 · 0 评论 -
Implement Clipboard Copy With Javascript
Copy text with javascript转载 2019-01-25 13:57:03 · 87 阅读 · 0 评论 -
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 · 150 阅读 · 0 评论 -
Google Analytics Guide
Google Analytics Guide转载 2018-10-26 11:45:21 · 105 阅读 · 0 评论 -
Isomorphic App Guides
An Introduction To Isomorphic Web ApplicationIsomorphic Javascript转载 2018-10-10 14:08:17 · 101 阅读 · 0 评论 -
Google Search Guides
Google Search Guide转载 2018-10-19 08:46:59 · 225 阅读 · 1 评论 -
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 · 135 阅读 · 0 评论 -
Presentational and container components in React
Presentational and Container Components Container vs Presentational Components in React转载 2018-09-05 23:28:42 · 127 阅读 · 0 评论 -
Load Javascript efficiently with `async` and `defer`
EFFICIENTLY LOAD JAVASCRIPT WITH DEFER AND ASYNC转载 2018-08-21 16:00:05 · 88 阅读 · 0 评论 -
How Browser Process Styles
We all know that when scripts are executing the browser will halt the parsing process (thus stop the rendering process), but it’s not that clear for styles. Here we are going to dive deep into how sty...原创 2018-08-14 09:43:48 · 171 阅读 · 0 评论 -
Javascript function prototype and object prototype
Object.setPrototypeOf()Object.setPrototypeOf(object, prototype) could change the prototype of the object directly, but only IE 10 and below do not support the methodFunction.prototypeEvery funct...原创 2018-08-10 08:27:22 · 154 阅读 · 0 评论 -
Web Worker Guides
Using Web Workers转载 2019-01-09 23:27:10 · 85 阅读 · 0 评论 -
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 · 300 阅读 · 0 评论 -
Understanding Layout And The Containing Block For Positioning
See The Containing Block On MDN转载 2019-03-25 11:55:16 · 81 阅读 · 0 评论 -
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 · 131 阅读 · 0 评论 -
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 · 313 阅读 · 0 评论 -
Live Stream Technologies
http-flv: get started原创 2019-09-04 15:51:47 · 132 阅读 · 0 评论 -
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 · 379 阅读 · 0 评论 -
IndexedDB On MDN
Basic conceptIndexedDB APIUsing IndexedDB原创 2019-08-08 14:06:59 · 115 阅读 · 0 评论 -
Cache Validation
Cache Validation on MDN转载 2019-07-01 10:16:45 · 198 阅读 · 0 评论 -
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 · 207 阅读 · 0 评论 -
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 · 510 阅读 · 0 评论 -
Git Merge VS Git Rebase
Git Merge VS Rebase转载 2019-05-16 21:46:58 · 146 阅读 · 0 评论 -
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 · 109 阅读 · 0 评论 -
Touch Events
Using Touch Events转载 2019-05-09 21:41:14 · 326 阅读 · 0 评论 -
How HTTPS Works
https转载 2019-04-30 10:03:11 · 146 阅读 · 0 评论 -
Understanding Reflow And Repaint For Web Performance
Understanding Reflow And Repaint For Web Performance转载 2019-04-29 14:59:53 · 79 阅读 · 0 评论 -
Preload, Prefetch And Preconnect
Browser Hints: Preload, Prefetch, and Preconnect翻译 2019-04-24 09:47:59 · 164 阅读 · 0 评论 -
Optimize Font Performance
Controlling Font Performance with font-displayPreload Content转载 2019-04-03 14:15:38 · 116 阅读 · 0 评论 -
Promgramming Principles Guide
Promgramming Principles转载 2018-07-31 09:09:43 · 87 阅读 · 0 评论