Front End

Cursor cannot focus on the input field on iPhone (Fixed)

  • Posted on: 1 December 2017
  • By: jmu

Recently, we tried to build a form on a pop-up layer. But when we tested on the real phone, we found that the cursor cannot be focused inside of the input field on iPhone 6 (that's the only iPhone version we have currently). We were using some CSS code to fix this bug.

iPhone safari is not very stable once you use "position: fixed" and "input" at the same time.

Pass '+'(plus) character by URLSearchParams in Angular2

  • Posted on: 1 August 2017
  • By: jmu

Recently, I am working on Angular 2. When I tried to send the description by POST request, I found that the '+'(plus) sign cannot be passed to my backend. Then, I read the official document here, and found the reason.


These are the characters that are not encoded: ! $ \' ( ) * + , ; A 9 - . _ ~ ? /

But they also provide a solution if you have to use these characters. I will give an example in this blog.

How to make fix size button with <a> element

  • Posted on: 12 January 2017
  • By: jmu

Use Visual Studio Code for Front-end Developing

  • Posted on: 14 September 2016
  • By: jmu

Since Visual Studio Code release, it becomes the best choice for me to edit my code, especially those visual studio code extensions. Visual Studio Code embedded lots of functions, but we can use it as easy as Sublime. Of course, Sublime is another great code editor. In this blog, I will focus on introducing some useful extensions and shortcuts. Click here to download VS Code. VS Code is available on sever platforms: Windows 7,8,9, Linux, OS X Yosemite...