In chapter 6, the book demonstrate how to control JavaScript object’s property with its internal value. I think immuntable.js may make sure this techniques in implementation.
In chapter 7, is show some interest property in function object, but it is not accessible in strict mode, it is not very useful.
In chapter 9, this book explain how user agent evolve, and meaning of each component. It is quite interesting.

Read More

This books is published on 2012, some information is outdated. But it is still a good start to get deeper understand on javascript, not only the language itself, also the implementation in different browsers. The book spent certain pages to explain the workaround in IE, we can just skip them. This book skips some JavaScript specification which does not implemented by any browser (at that time). We may need to get up-to-date information from other place

Read More

我要成為前端工程師！給 JavaScript 新手的建議與學習資源整理

• 當睇唔明人地D code
  • 查書
    • 唔知要查嘅野係邊頁
    • 要先對成個知識體系有基本了解，先可以有效率咁search
  • 查Google
    • 唔知用咩keyword去search
    • 同查書一樣
  • 試+靠估
    • 可能會得出錯嘅結論，學左D錯嘅野
• 做住學
  • 要有觀念打底先扎實
    • 都係要了解左成個知識體系先
  • 我好同意E一點，要打好底咁先學到野。因為做野果時好多時都有deadline，一定要好有效率咁學，唔係最後係壓力下，只係patch到work就算，可唔到可以reuse嘅knowledge。
• 會寫的多、看懂的少
  • 如果你還是用一知半解的觀念去開發，你會花上大把大把的時間在除錯、鬼打牆、生悶氣、捶心肝。
    • 其實就係leaky abstraction 嘅問題
      • 當你要maintain D code，就算D third party library 好勁，好可靠，都要花時間去理解佢點運作。
      • 因為世上係冇完美嘅abstraction，當一遇到底層嘅問題，必需要對library有深入嘅了解先solve到。
      • 當出左事先抽時間去學，好可能會趕唔切，因為未必可以locate到個問題係邊個abstraction layer出事。
• 當中推介D書遲D抽時間速睇。

21 May 2018

Don’t need to re-read, but the recommended book list worth reading

Read More

This article explain the behaviour of CSS float property. I like this article because it compare float with other CSS layout properties, but it is an old post from 2008.

Auto reflow

Float can reflow after resize (Push the adjacent element automatically). If use position: absolute;, the resized element may cover adjacent elements.

Three clear float solutions

• The Empty Div Method:
  • Add an empty div with clear: both;
• The overflow method:
  • If this property is set to auto or hidden on the parent element, the parent will expand to contain the floats
• The Easy Clearing Method:
  • Use the following CSS (also used by bootstrap 3)

    1 2 3 4 5 6 7

    .clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }

Problems with floats

• Push down
  • The image overflow from parent and push the adjacent elements downward.

Reference

• All About Floats

Redux store the state of whole app into a single object. Which make the system’s state transition predictable and manageable. I try to apply Redux as an event system in backend. But unfortunately, it does not work.

Read More

This book have lots of details. Mention the support of some very old browser, like IE 6 and IE 7. It also explain how the CSS algorithm runs, like calculation of line height, size of content box. It is pity that CSS3 is not included.

This book may be a little bit outdated, but it is still worth reading if you want to have a better foundation on CSS, but you still need other books to learn CSS 3 feature which are commonly used.

Read More

Just read the “Getting Started” section of npm docs.

Update npm packages

We can use npm outdated to check which package is outdated and npm update <package name> to update.

Versioning

The versioning number look likes “..“
Say the current version is 1.0.0:

• If a bug fix is publish, new version should be 1.0.1 (Patch release)
• If new features which don’t break existing features is publish, new version should be 1.1.0 (Minor release)
• If there is changes which break backward, new version should be 2.0.0 (Major release)

We can close our eyes if the update is minor or patch release. If it is Major release, we need to take extra cares.

Host npm package with github

It is possible to use github to host npm package. Not sure does it works with private github repo. REF

A user in UK report our site is broken. From the captured screen, it is easy to it is because CSS file fail to load. After testing using Webpage Test, I found out the machine in London fail to get the CSS file from MAXCDN. After long comunication with the customer support of CDN and lots of black box remote testing, they confirmed it is some local network error. MaxCDN and I can do nothing but wait until ISP fix the network.

I come up an idea, can we fallback to other CDN automatically if the current one is fail?

Read More

This book is very good for learning CSS. It has 4 sections, start from the basic knowledge to advanced technique. It also provide some exercises for user to get some hand on experience. But this only have few picture and lots of text, it is quite boring to read.

1. Basic CSS
2. Applied CSS
3. Page Layout CSS
4. Advanced CSS

Read More

I am working on building an auto-scaling docker cluster for our testing environment. I have no idea on the machine cluster, auto-scaling api and deployment framework, but I have to make decision on which framework to use and build the system. It is a challenge for me. There are lots of failure and lots of learning.

Read More