Zhentiw - 博客园

2018年2月22日

[CSS3] The different of Background-size between 'cover' and 'contain'

摘要： 'cover': The smaller axies of image (x axies) should match smaller axies (x axies) of container. So some part of image might be cut off. 'container': 阅读全文

posted @ 2018-02-22 21:01 Zhentiw 阅读(152) 评论(0) 推荐(0)

[React] Integration test a React component that consumes a Render Prop

摘要： In this lesson, I use Enzyme and Jest's Snapshot functionality to write an integration test for a component called CounterConsumer that consumes the R 阅读全文

posted @ 2018-02-22 01:21 Zhentiw 阅读(176) 评论(0) 推荐(0)

[React] Unit test a React Render Prop component

摘要： In this lesson, I use Enzyme and Jest to unit test a Counter Render Prop component. Writing integration tests are perfect for components that consume 阅读全文

posted @ 2018-02-22 01:15 Zhentiw 阅读(542) 评论(0) 推荐(0)

2018年2月21日

[CSS3] All abourt responsive image

摘要： Take few examples: Full size image: The problem for that is it overflow when the screen size is smaller than the image size. (BAD) width: 100%: The pr 阅读全文

posted @ 2018-02-21 22:09 Zhentiw 阅读(241) 评论(0) 推荐(0)

[React] Work with HTML Canvas in React

摘要： React's abstraction over the DOM means that it's not always obvious how to do DOM-related things, like working with the HTML Canvas API. When working 阅读全文

posted @ 2018-02-21 03:52 Zhentiw 阅读(146) 评论(0) 推荐(0)

2018年2月20日

[CSS3] Responsive Table -- no more table

摘要： When the screen size is small, we can use "no more table" solution. So instead of render table is row layout, we render it in column layout. Given the 阅读全文

posted @ 2018-02-20 22:05 Zhentiw 阅读(388) 评论(0) 推荐(0)

[Puppeteer] Get a Page's Load Time with Puppeteer (window.profermence.timing)

摘要： In this lesson we are going to use Google's Puppeteer to gather metrics about a page's load time. We'll use a high level date subtraction method as we 阅读全文

posted @ 2018-02-20 16:49 Zhentiw 阅读(462) 评论(0) 推荐(0)

[React] Use the new React Context API

摘要： The React documentation has been warning us for a long time now that context shouldn't be used and that the API is unstable. Well, with the release of 阅读全文

posted @ 2018-02-20 02:33 Zhentiw 阅读(324) 评论(0) 推荐(0)

2018年2月16日

[Unit Testing] Configure the Angular CLI to use the Karma Mocha test reporter

摘要： Every Angular CLI generated project comes already with Karmapreinstalled as well a couple of executable Jasmine specs. The default test reporter is "p 阅读全文

posted @ 2018-02-16 19:46 Zhentiw 阅读(137) 评论(0) 推荐(0)

2018年2月15日

[Tools] Using mobile device for debugging your mobile web site

摘要： 1. First you have enable "Developer mode" on your mobile device. (Different device might be different) "Settings" -> Click "Build Number" 7 times. 2. 阅读全文

posted @ 2018-02-15 17:14 Zhentiw 阅读(172) 评论(0) 推荐(0)

Answer1215

公告