AWS S3 — no ‘access-control-allow-origin’ header is present on the requested resource

Update the CORS configuration in S3 bucket

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">…

html2canvas — does not render images located in the element

I use html2canvas to take the screen shot of the html element but it didn’t capture the image in the screen shot. Here is what I find on google.

Solution

S3 CORS Chrome Cache issue

I still have the issue with getting “no ‘access-control-allow-origin’ header is present on the requested resource” from AWS S3 for the image. It seems to be the issues with Chrome cache .

React — React.createClass vs ES6 Class Components

React.createClass

• react own class system
• getInitialState() to return initial state object
• bind this to every method in the component

CSS position — static, relative, absolute and fixed

I have always forgot the different between static, relative and absolute css position. Every time I can understand after I read some posts, but I will forget the details again after a month. After I had screwed on Amazon interview on this…