Zhentiw - 博客园

2017年2月24日

[SVG] Add an SVG as an Embedded Background Image

摘要： Learn how to set an elements background image to embedded SVG. This method has an added benefit of not incurring any HTTP requests, as the SVG is simp 阅读全文

posted @ 2017-02-24 22:45 Zhentiw 阅读(196) 评论(0) 推荐(0)

[SVG] Add an SVG as a Background Image

摘要： Learn how to set an SVG as the background image of an element. Background images can be resized by changing the width and height of the element contai 阅读全文

posted @ 2017-02-24 22:39 Zhentiw 阅读(248) 评论(0) 推荐(0)

[SVG] Optimize SVGs for Better Performance using svgo

摘要： Just like a bitmap image, you can compress an SVG by removing various pieces of code that aren’t necessary to it rendering properly. This reduces file 阅读全文

posted @ 2017-02-24 22:28 Zhentiw 阅读(278) 评论(0) 推荐(0)

[Angular] Dynamic components with ComponentFactoryResolver

摘要： To create a component dynamicly. 1. Add a container with ref: 2. View this container as ViewContainerRef. 3. We need ComponentFactoryResolver: 4. We w 阅读全文

posted @ 2017-02-24 04:11 Zhentiw 阅读(713) 评论(0) 推荐(0)

[Angular] Using the platform agnostic Renderer & ElementRef

摘要： ElementRef: ElementRef is a way to access native html element, notice that it only works for Broswer. Render: Render helps to take care of different p 阅读全文

posted @ 2017-02-24 03:40 Zhentiw 阅读(383) 评论(0) 推荐(0)

2017年2月23日

[HTML5] Focus management using CSS, HTML, and JavaScript

摘要： Something important to consider when coding a web application is managing the user's focus. For keyboard and screen reader users, we must ensure their 阅读全文

posted @ 2017-02-23 19:50 Zhentiw 阅读(194) 评论(0) 推荐(0)

[TypeScript] Increase TypeScript's type safety with noImplicitAny

摘要： TypeScript tries to infer as much about your code as it can. But sometimes there really is not enough context for it to infer reliably. If it tried to 阅读全文

posted @ 2017-02-23 04:20 Zhentiw 阅读(282) 评论(0) 推荐(0)

[React] displayName for stateless component

摘要： We can use 'displayName' on component to change its component tag in dev tool: In dev tool: 阅读全文

posted @ 2017-02-23 04:10 Zhentiw 阅读(520) 评论(0) 推荐(0)

2017年2月22日

[Redux] Important things in Redux

摘要： Root Smart component can be overloaded, divide 'smart' component wisely & using Provider. Problem: Something the root component can be overloaded, mea 阅读全文

posted @ 2017-02-22 20:12 Zhentiw 阅读(357) 评论(0) 推荐(0)

2017年2月21日

[HTML5] Using the tabindex attribute for keyboard accessibility

摘要： You can make any element keyboard interactive with the HTML tabindex attribute. But you might need a little extra JavaScript and ARIA to support keybo 阅读全文

posted @ 2017-02-21 01:29 Zhentiw 阅读(200) 评论(0) 推荐(0)

Answer1215

公告