Zhentiw - 博客园

2020年3月31日

[Angular] Modify :before / :after value from Javascirpt

摘要： Let's say we want to dynamiclly change some style in :before or :after element. We cannot use NgStyle, it doesn's support this use case, what we can d 阅读全文

posted @ 2020-03-31 02:30 Zhentiw 阅读(176) 评论(0) 推荐(0)

[React] Using React Error Boundaries to handle errors in React Components

摘要： No matter how hard you try, eventually your app code just isn’t going to behave the way you expect it to and you’ll need to handle those exceptions. I 阅读全文

posted @ 2020-03-31 01:45 Zhentiw 阅读(184) 评论(0) 推荐(0)

2020年3月30日

[Javascript] Finding Sibling Elements

摘要： const app = document.getElementById('app'); app.innerHTML = ` <h1>JavaScript DOM</h1> <ul id="list"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> 阅读全文

posted @ 2020-03-30 02:07 Zhentiw 阅读(156) 评论(0) 推荐(0)

[Javascript] Finding Parent Elements

摘要： const app = document.getElementById('app'); app.innerHTML = ` <h1>JavaScript DOM</h1> <div class="item"></div> `; const item = document.querySelector( 阅读全文

posted @ 2020-03-30 02:06 Zhentiw 阅读(106) 评论(0) 推荐(0)

2020年3月29日

[React] Understand the React Hook Flow

摘要： Understanding the order in which React hooks are called can be really helpful in using React hooks effectively. This chart can be really helpful in un 阅读全文

posted @ 2020-03-29 22:18 Zhentiw 阅读(291) 评论(0) 推荐(0)

[React] Manipulate the DOM with React refs

摘要： React is really good at creating and updating DOM elements, but sometimes you need to work with them yourself. A common use case for this is when you’ 阅读全文

posted @ 2020-03-29 21:57 Zhentiw 阅读(122) 评论(0) 推荐(0)

[React] Use a lazy initializer with useState

摘要： Before: <body> <div id="root"></div> <script src="https://unpkg.com/react@16.12.0/umd/react.development.js"></script> <script src="https://unpkg.com/r 阅读全文

posted @ 2020-03-29 21:46 Zhentiw 阅读(238) 评论(0) 推荐(0)

[Angular] Configure Anuglar CLI to generate inlineTemplate and inlineStyle

摘要： In angular.json 阅读全文

posted @ 2020-03-29 00:19 Zhentiw 阅读(142) 评论(0) 推荐(0)

2020年3月26日

[HTML 5 Performance] Optimize Cross-browser Images with webp and the 'picture' Element

摘要： "Legacy" image formats like jpg and png are often 2-3x larger than "next-gen" image formats like webp. In this video, we'll see how to convert our ima 阅读全文

posted @ 2020-03-26 19:17 Zhentiw 阅读(137) 评论(0) 推荐(0)

[HTML 5 Performance] Benchmark functions runtime in chrome console

摘要： Sometimes you'd like to measure how two implementations compare in regards to run time. In this lesson you will learn how to quickly do this using Con 阅读全文

posted @ 2020-03-26 18:36 Zhentiw 阅读(178) 评论(0) 推荐(0)

Answer1215

公告