MR WHY

I am
WangHongyang

Wechat Official Account
Find fun things here!

JavaScript Promises Study Notes

This article is the Udacity online course notes of JavaScript Promises by Google. The teacher of this course is Cameron Pittman.

Callbacks vs Thens

"The Promise object is used for deferred and asynchronou......

86

Building CSS Grid Layout in Two Steps

Picture from egghead

Why do I feel excited about the new CSS grid?

CSS grid gives us a more natural coding experience than using float or flex for complex layout.

Grid-based web design can be translated to web l......

158

Console Log Big Emoji

I use console.log to debug JavaScript codes. It's a painful process as I said: it is debug. When bugs are found, console.log("Bugs, again") works and logs this in console: "Bugs, again." It'......

149

React Study Notes

This is the React study notes I made when I started to learn React.

In the study process, I've learned from more than 20 tutorials & videos and collected all the demos tha......

204

Vue.js Search Highlight

Introduction

Vue.js tutorial gives Grid Component Example (Search Component) here. To make users easier find the letters matched, I add a highlight function to it as following:

Code

Edit and See out......

278

Angular.js Study Notes

This is the Angular.js study note of Shaping with Angular.js.

Shaping with Angular.js is a set of videos teaching angular.js.

1 Mr-why’s Store

1.1 Ramp Up

Directive

Directive is a maker on HTML tag that tells Angular to run or reference some Javascript code.

Modules

Where we write piece......

140

从前端看,什么是从功能性出发的网页设计

背景:做 VALSE 2016 网站的时候,没有设计师的参与。在这种情境下要做出网站,只好考虑从功能性出发写网站,而在这个过程中,开始思考前端工程师的工作起点到底是不是设计稿,并以此看到了可能可以让前端工程师脱离设计师直接写网站的可能性:从功能性出发的网页构建。

优势在于快速建站。前端工程师可以脱离设计师直接接触甲方,根据功能需求直接写代码构成功能模块组合之后建站。

劣势在于装饰性的缺失。虽然实现功能性之后能做一些装饰性的工作加以弥补,但是这样的设计缺乏整体考虑。算是速度与设计质量之间的角力。

核心有三点:模块化(跟响应式直接相关)、功能优先(原型线框图?)、一致性(字体、LOGO、前端自然模......

181

2016武汉开发者峰会

今天参加2016武汉开发者峰会,感觉武汉互联网大佬基本上来齐了。

这个版本是会议笔记。等峰会 PPT 出来之后再整理一遍。

1

武汉腾讯技术负责人 阮曙东

柔性可用 - Qzone 控制图片质量减缓带宽压力

看好 node.js - 实现异步

染色日志 https://www.zhihu.com/question/20292868

2

《务实的技术——聊聊创业公司的技术》

by 木仓科技技术研发总监 罗晟

要可持......

86

从微信网页设计样式库看未来应用形态

微信在 2016 年 1 月 20 号正式发布“微信网页设计样式库”(WeUI),向“微信应用号”又迈进一步。本文分为两部分,前半部分简明扼要提一下 WeUI 使用方法和第三方库;后半部分分析 WeUI 发布的目的,以及对不久的将来的三个预见。

微信网页设计样式库(WeUI)使用扼要

微信网页设计样式库的目的:

为帮助网页开发者实现与微信客户端一致的视觉体验,并降低设计和开发成本,微信团队推出了网页设计样式库:WeUI。

包含的内容:

该样式库目......

230

Codrops 2015 最酷前端组件集合

Codrops 的动效让人看到 web APP 占领手机的希望。

下面列出的组件酷的地方不仅在于动效精细,更在于移动端同样有流畅表现。

SVG Checkbox 选中效果

SVG Checkbox 选中效果依靠SVG......

110