Hegwin.me

Learn New Features in ES 2015 Part 3

学习ES2015 Part 3

JavaScript ES2015

Aug 17, 2016

## New Features of Array ## Array Destructing It feels like a way to learn from Ruby or similar languages. In ES5, we didn't have a way to directly assign individual values of an array to multiple variables at once, but now we can, assuming we have such an array: ```js let users = [ 'Hegwin', 'Jason', 'Ken' ]; ```...

Learn New Features in ES 2015 Part 2

学习ES2015 Part 2

JavaScript ES2015

Aug 16, 2016

# String ES2015 has added the concept of Template String, so we don't need to keep using `+` when we want to stitch variable values into the middle of a string, which is what I think we can cheer about. This is how it works: the normal string in JS is still surrounded by single or double quotes, but the...

Learn New Features in ES 2015 Part 1

学习ES2015 Part 1

JavaScript ES2015

Aug 12, 2016

## Variable declaration ## Declaring variables with `let` * Finally, no more `var` hoisting problem, you can declare block-level variables now (cheers) * Solve the problem of variable leakage in for loops. * Variables declared by `let` in the same block can be reassigned, but declaring variables with the same name again will throw an exception TypeError ## Declare variables...

Some Notes about Highcharts

关于Highcharts

Jan 12, 2016

I have tried two JS libraries for drawing graphics using HTML SVG - C3.js and Highcharts - but compared to the two, I personally feel that C3 is more difficult to use and requires a lot of parameters: the advantage is that I can control a lot of things myself, but the disadvantage is that development is very slow and...

Start to roll with Redis

Redis入门心得

Oct 09, 2015

The concept of NoSQL has been around for a long time, but I've only recently started using Redis. I was introduced to Redis at the end of 2012, when I was using version 2.6.7, and my scenario was to store address information (province, city, district, street) into Redis as a cache for quick reads when I initialized the project. I...

Differrent behavior of new Date between Firefox and Chrome

new Date()在Firefox和Chome下不同效果

Apr 14, 2015

I've been working on a project where I need to draw charts, and the JS library I'm using is D3js. I've encountered an amazing problem where the points and lines that show up in Chrome don't show up in Firefox. Initially, I looked at the reason and found that the point coordinates were calculated differently. Our X-axis is the time...

Search with Ack in Vim

Vim查找工具Ack

Feb 07, 2015

Whenever I use vim's native "vimgrep" to do global lookup in vim, I feel quite depressed because I don't use it too often, so I feel the command is complicated and I always can't remember it. So at my colleague's suggestion, I tried Ack.vim, and I thought it was pretty good. I just encountered some small problems while installing it.

Manage your vim plugins with Vundle

Vim插件管理工具Vundle

Feb 06, 2015

Much of Vim's magic requires plugins to do it. When I first started with Vim, I always went to the official website to download plugins and then read the instructions to install them in a directory. At first I thought it was new, but after I got more and more into it, I thought it was quite a hassle to...

How to handle javascript confirm with selennium webdriver

Selenium driver 对 JS Confirm 的处理

JavaScript Selenium Ruby

Jul 21, 2014

JS popup confirmation box is often used in web development, how does the feature test script handle this popup box? page.driver.browser.switch_to.alert.accept # => click OK page.driver.browser.switch_to.alert.dismiss # => click Cancel page.driver.browser.switch_to.alert.text #=> return popup text

Rails Authorization with Pundit

Rails权限验证工具Pundit

Ruby on Rails Pundit Authorization

Jul 16, 2014

After people started using Rails 4, `cancan` was criticized for its complexity and lack of compatibility fixes, and people turned to a new tool Pundit. `Pundit` is a pure ruby gem for permission verification. Basic idea: Pundit, for objects that need to be authorized, according to the user's actions, will go to the corresponding policy of this object to find...