One year of GraphQL in production
2019 has become an interesting year since I commit to GraphQL in production in my team. We stitched and served Graphs with a single endpoint…
Blogs
February 07, 2020 January 06, 2020 One year on call duties
Here what I learned. Be present and visible It should be the first priority to stay present. No matter how big or small the incident, an…
February 11, 2019 Find duplicated Vim key-maps
Vim is not a typed language and it allows keymapping multiple handlers onto the same key, which sometimes leads to unexpected behavior. Here…
December 23, 2018 2018 in review
2018 has been an amazing year for me. I moved to San Diego, been working and traveling in both California and Arizona; contributed to…
December 10, 2018 Concurrency from real world to Node.js
Recently I had an interesting conversation with a cool guy named Chris, where he asked if I can explain how Node.js works to some…
January 10, 2018 Using Pascal's triangle for dynamic programming problem
Dynamic programming might be the most interesting approach in computer science with a clean and elegant solution. The general idea is to…
January 09, 2018 Javascript throttling and debouncing
This is a question asked by an interviewer from Evernote. Throttling and debouncing drop unnecessary events, with a slightly different taste…
January 07, 2018 Making zshell load faster on start
I spent two hours speeding up my Zsh’s awful init time. After quite a bit of researching on both Zsh and some related plugins, I found the…
January 03, 2018 Tree Traverses by Javascript
Last week, I was asked by an interviewer by tree traverse with both recursion and iteration. Though I had done recursion on that topic, it…
November 22, 2017 Fisher–Yates shuffle algorithm in Javascript and Go
Fisher-Yates shuffle algorithm is a classic shuffling algorithm with great performance and mathematical correctness. Here is two…
November 12, 2017 Finding Closure in Chrome developer tools
Chrome is amazing, it provides closure scope variable for a better debugging experience. With the following codes in the console, the obj…
November 10, 2017 Interviewing Casper Wang
If you interview Casper Wang in the future, this is what you would get.
November 04, 2017 Merge sort in Javascript ES6
Using top-down pattern
October 21, 2017 For in is not good for array looping with index
I am having a different result from two simple looping approach. and The problem came from a bad use of for in for array looping with the…
October 19, 2017 == does more jobs than ===
I believed that the triple equal checks on both the type and equality, whereas double equal only checks for equality, making triple equal…
October 02, 2017 Uniquify a two dimensional array
Use the following function to get non-duplicate version of a two-dimensional array
October 02, 2017 Use JSON.stringify for storing in Sets
Set can store different kinds of element, but specifically for storing Arrays, you will have to use to avoid duplication. without stringify…
September 20, 2017 Double tilde makes undefined or null to zero
Side note It’s pretty useful for creating a Hashmap, since it doesn’t change an integer except changing undefined to 0.
September 17, 2017 Id in HTML gives window a key
Say you have a HTML tag like This means you can access the elements with an id lol by
September 16, 2017 Why react uses bind this and arrow function in a component
Arrow The ES2015 specification introduces thearrow function syntaxfor writing function expressions. As well as being terser than regular…
September 15, 2017 About null, undefined, NaN
Type is type, is an object standing for nothing, Expressions and conversions and are loosely equal, but the conversion of is a bit…
September 15, 2017 Why should you know both OOP and FP
Avoiding something that you understand it fully, but disagree with, is wisdom. Avoiding the same thing without understanding it is blind…
September 15, 2017 Why I don't memorize most of the doc
Because of most of the thing in this world just needs me to know how to do rather than how it is.
September 15, 2017 Nested lambda function in python
output:
September 14, 2017 Copy paste multiple files in terminal with brace expansion
September 14, 2017 Sina stock crawler
A few month ago, my friend Hongkai, Zhang, Ph.D. found me and asked me if I could crawl all the data from sina stock source, which, provides…
September 04, 2017 More expressions and less statements with arrows
You better do rather than declare! Functional programming is all about what you “do” rather than what you “are” or what something “is,” and…
September 03, 2017 Expression trump statement
In programming, a statement is about changing states, while expression is all about the results. Which means. Expressions usually have…
September 02, 2017 Variants of middot in HTML and unicode
char description unicode html html entity · Middle Dot U+00B7 · · • Bullet U+2022 • • ‧ Hyphenation Point U+2027 ₁ N/A ∙ Bullet Operator U…
August 30, 2017 Spread operator doubles runtime
the following two expressions do the same job, but the later one doubles the runtime.
August 18, 2017 Enlarge indentation in functional programming
Recently, I was learning functional programming, and I happened to notice in this book, the author uses eight widths of indentation all the…
August 18, 2017 Closure scope vs. Object scope
And an illustration of a simple object:
August 17, 2017 Understanding the codes
the programmers spend 70% of their time not coding but reading and understanding the codes.
August 17, 2017 Wrap the returning object up after arrow functions with parenthesis
August 14, 2017 Scala, a good choice to replace javascript
Just checked out the scala official doc, apparently they put the to-javascript compiler on the front page, which gives a pretty clean peek…
August 11, 2017 Functional programming makes imperfect algorithm
I love functional programming(FP), but at the same time, it makes me tend to reach more space and time in computing. As one of the core…
August 09, 2017 Using spread operator on Iterable object
For all iterable typed data, we can iterator through the spread operator or
August 08, 2017 Javascript Hash Table
Ref: https://leetcode.com/problems/find-the-difference/description/
August 08, 2017 Don't compare two arrays with ===
So, if you want to check if two arrays are equal, you might want Well, by that you would probably assume two trues come back, but actually…
August 05, 2017 Spread operator trumps string.split('')
August 05, 2017 Be careful call backing array.fill()
Imagine filling out an empty 2d array with this wtf? I just assigned once! better use map instead
August 04, 2017 Creating 2d Array the ES6 way
August 03, 2017 Don't use arrow function for closure
I love both closure and arrow function; I take one for simplified class and one for simplified function syntax. After a try, I found that…
August 03, 2017 Better encapsulate conditionals
Bad: Good:
August 03, 2017 Use default arguments instead of conditionals
Bad Good
July 30, 2017 Impossible to have inline elements in flex box
The following and are block level elements, not inline level element as usual.
July 30, 2017 Don't refer a child from another child when declaring an obj
Apparently, in declaring an obj, a child cannot be assign or refer to another child within the same obj which is being declared. Instead…
July 29, 2017 Always use spaces in calc() in CSS
The and operators must always be surrounded by whitespace. The operand of for instance will be parsed as a percentage followed by a…
July 29, 2017 Adding Boolean to a string returns a string
July 27, 2017 Tweaked base16 color scheme for less distraction
I change the default to in the fields of , , all , , to make sure my Vim’s colors are more synchronized.
July 27, 2017 I hided line numbers in Vim for less distraction
July 26, 2017 Vim combos
Let me show you some handy combination empowered by Vim keys. Start editing at the end of the word you are currently focusing Start editing…
July 26, 2017 Cvim vs. Vimium
Let me just say this: CVim wins, hands down. I would say that the default settings from Vimium are more friendly to new in-browser vim users…
July 26, 2017 Migrated from Vimium to Cvim
I did this simply because Cvim is more powerful on all aspects. I would say that the default settings from Vimium are more friendly to new…
July 23, 2017 Get things done first, over engineered second!
I spent a lot of time micro engineering and forgot to make things work first. I shouldn’t do that again. Overengineering in small parts is…
July 22, 2017 Styled components teaches javascript
I took a look at this tutorial from styled components. Apparently, it uses javascript extensively, eg., uses , for mixins. That’s one way…
July 22, 2017 Assigning primitives of an object
July 19, 2017 Centralizing box in screen
July 16, 2017 Only animate transform or opacity in CSS
In general, it’s advised only ever to animate transform or opacity, as everything else has performance issues. (see here) It concerns with…
July 15, 2017 logging the scrolled position smoother
With the refreshing frequency will be 60fps, with less GPU usage even. scrolling example
July 15, 2017 My first NPM package
I spend a few hours uploaded my first NPM modules, chinese-year, which returns the Chinese zodiac animals’ list, or, the name of a…
July 14, 2017 Forcing git pull to update to remote
If you have some messy local thing, but you want to get rid of them and update with a remote branch, and you try to do you would get Now…
July 13, 2017 The best way to learn coding to me
One of the best way to learn coding, is to see the open source codes. Read more and you will code better.
July 13, 2017 Please save the Internet neutrality
Recently, as the so-called Internet of action day comes, lots of tech companies are promoting the saving Internet Neutrality action. I…
July 13, 2017 Starting to write
Today I am self-encouraged to write more, which primarily influenced by the following reason: My blog site has just been finished and…
July 12, 2017 Navigating by marker in Vim
If you use Vim, you would be amazed that you can still find something super useful after a long time. Marker navigation is the same case for…
July 12, 2017 The difference between the Internet and a marketplace
The big difference is that the Internet has always been far more than just the catalog of one company; it’s the catalog of every idea, plus…
July 09, 2017 Opening Tab on the right next
I added this plugin called Tab position options today to help me opening a new tab right next the current one. Unlike the default behavior…
July 05, 2017 Creating posts from Netlify CMS
This blog is created from netlify CMS
January 11, 2017 Currying in Javascript
Sometimes we want to revise a function with many arguments into a composition of sub-functions to perform partial applications by tweaking…
April 14, 2016 Bumping refresh rate when scrolling
We can manually call from the scroll event in each tick. Tested on Firefox 23.
January 10, 2016 Generator is not constructible anymore
Apparently, the committee made some modifications on ES6, making the generator function not as a constructor anymore.
July 08, 2012 An example markdown file
This page show's the typography of this site.