^_^肥子John

10

CSS魔法堂：Transition就这么好玩

肥子John 6月6日发布
24 收藏

以前说起前端动画必须使用JS，而CSS3为我们带来transition和@keyframes，让我们可以以更简单（声明式代替命令式）和更高效的方式实现UI状态间的补间动画。本文为近期对Transition的学习总结，欢迎各位拍砖。

26

CSS魔法堂：Flex布局

肥子John 6月4日发布
67 收藏

Flex是Flexible Box的缩写，就是「弹性布局」。从2012年已经面世，但由于工作环境的原因一直没有详细了解。最近工作忙到头晕脑胀，是要学点新东西刺激一下大脑，打打鸡血。

0

动手写个数字输入框3：痛点——输入法是个魔鬼

肥子John 2017年06月07日发布
收藏

最近在用Polymer封装纯数字的输入框，开发过程中发现不是坑，也有不少值得研究的地方。本系列打算分4篇来叙述这段可歌可泣的踩坑经历：

0

动手写个数字输入框2：起手式——拦截非法字符

肥子John 2017年06月02日发布
1 收藏

最近在用Polymer封装纯数字的输入框，开发过程中发现不是坑，也有不少值得研究的地方。本系列打算分4篇来叙述这段可歌可泣的踩坑经历：

0

动手写个数字输入框1：input[type=number]的遗憾

肥子John 2017年05月31日发布
收藏

最近在用Polymer封装纯数字的输入框，开发过程中发现不少坑，也有很多值得研究的地方。本系列打算分4篇来叙述这段可歌可泣的踩坑经历：

0

前端魔法堂：屏蔽Backspace导致页面回退

肥子John 2017年05月23日发布
收藏

前几天用户反映在录入资料时一不小心错按Backspace键，就会直接回退到是一个页面，导致之前辛辛苦苦录入的资料全部丢失了。哦？居然还有这种情况。下面我们来一起探讨一下吧！

0

前端魔法堂：解秘FOUC

肥子John 2017年04月20日发布
3 收藏

对于问题多多的IE678，FOUC(flash of unstyled content)——浏览器样式闪烁是一个不可忽视的话题，但对于ever green的浏览器就不用理会了吗？下面尝试较全面地解密FOUC。

1

JS魔法堂：深究JS异步编程模型

肥子John 2016年11月28日发布
21 收藏

上周5在公司作了关于JS异步编程模型的技术分享，可能是内容太干的缘故吧，最后从大家的表情看出“这条粉肠到底在说啥？”的结果:(下面是PPT的讲义，具体的PPT和示例代码在https://github.com/fsjohnhuan...上，有兴...

0

打造高效前端工作环境-tmuxinator

肥子John 2016年11月16日发布
2 收藏

虽然tmux能让我们方便组织工作环境，但每次重新打开会话时都需要手动重新创建窗口、窗格和执行各种程序，能不能像VS那样以工程为单位保存窗口、窗格和各种所需执行的程序的信息呢？tmuxinator恰恰能解决我们这个...

0

让BASH,VIM美美的Powerline

肥子John 2016年11月14日发布
2 收藏

鉴于BASH及其周边强大的工具以及VIM高效快捷，加上现在我工作重心转移到前端开发上，因此我华丽地转向Linux阵营(当然从最傻瓜式的Ubuntu开始啦!)。但BASH和VIM默认样式确实颜值太低，功能强大固然重要，但在这看...

0

让VIM支持Python2 by update-alternatives

肥子John 2016年11月12日发布
1 收藏

Ubuntu 16+中$ sudo apt install vim所安装的vim只支持Python3，但很多插件如YCM和powerline均需要Python2，那就来场“生命贵在折腾”吧！

0

WebComponent魔法堂:深究Custom Element 之从过去看现在

肥子John 2016年10月22日发布
收藏

说起Custom Element那必然会想起那个相似而又以失败告终的HTML Component。HTML Component是在IE5开始引入的新技术，用于对原生元素作功能"增强"，虽然仅仅被IE所支持，虽然IE10也开始放弃它了，虽然掌握了也用不...

0

WebComponent魔法堂:深究Custom Element 之标准构建

肥子John 2016年10月08日发布
1 收藏

通过《WebComponent魔法堂:深究Custom Element 之面向痛点编程》，我们明白到其实Custom Element并不是什么新东西，我们甚至可以在IE5.5上定义自己的alert元素。但这种简单粗暴的自定义元素并不是我们需要的，我...

0

WebComponent魔法堂:深究Custom Element 之面向痛点编程

肥子John 2016年09月29日发布
3 收藏

最近加入到新项目组负责前端技术预研和选型，一直偏向于以Polymer为代表的WebComponent技术线，于是查阅各类资料想说服老大向这方面靠，最后得到的结果是:"资料99%是英语无所谓，最重要是UI/UX上符合要求，技术的...

0

JS魔法堂:不完全国际化&本地化手册之拓展篇

肥子John 2016年09月28日发布
收藏

最近加入到新项目组负责前端技术预研和选型，其中涉及到一个熟悉又陌生的需求——国际化＆本地化。熟悉的是之前的项目也玩过，陌生的是之前的实现仅仅停留在"有"的阶段而已。趁着这个机会好好学习整理一下，为后面...

0

JS魔法堂:不完全国际化&本地化手册之实战篇

肥子John 2016年09月27日发布
8 收藏

最近加入到新项目组负责前端技术预研和选型，其中涉及到一个熟悉又陌生的需求——国际化＆本地化。熟悉的是之前的项目也玩过，陌生的是之前的实现仅仅停留在"有"的阶段而已。趁着这个机会好好学习整理一下，为后面...

0

JS魔法堂:不完全国际化&本地化手册之理論篇

肥子John 2016年09月26日发布
2 收藏

最近加入到新项目组负责前端技术预研和选型，其中涉及到一个熟悉又陌生的需求——国际化＆本地化。熟悉的是之前的项目也玩过，陌生的是之前的实现仅仅停留在"有"的阶段而已。趁着这个机会好好学习整理一下，为后面...

2

JS魔法堂:定义页面的Dispose方法——[before]unload事件启示录

肥子John 2016年07月07日发布
1 收藏

最近实施的同事报障，说用户审批流程后直接关闭浏览器，操作十余次后系统就报用户会话数超过上限，咨询4A同事后得知登陆后需要显式调用登出API才能清理4A端，否则必然会超出会话上限。即使在页面上增添一个登出...

4

CSS魔法堂：Box-Shadow 没那么简单啦:)

肥子John 2016年05月11日发布
22 收藏

说起box-shadow那第一个想法当然就是用来实现阴影，其实它还能用于实现其他好玩的效果的，本篇就打算说说box-shadow的那些事。

0

CSS魔法堂：重拾Border之——更广阔的遐想

肥子John 2016年05月06日发布
2 收藏

当CSS3推出border-radius属性时我们是那么欣喜若狂啊，一想到终于不用再添加额外元素来模拟圆角了，但发现border-radius还分水平半径和垂直半径，然后又发现border-top-left/right-radius的水平半径之和大于元素...

CSS魔法堂：Transition就这么好玩

CSS魔法堂：Flex布局

动手写个数字输入框3：痛点——输入法是个魔鬼

动手写个数字输入框2：起手式——拦截非法字符

动手写个数字输入框1：input[type=number]的遗憾

前端魔法堂：屏蔽Backspace导致页面回退

前端魔法堂：解秘FOUC

JS魔法堂：深究JS异步编程模型

打造高效前端工作环境-tmuxinator

让BASH,VIM美美的Powerline

让VIM支持Python2 by update-alternatives

WebComponent魔法堂:深究Custom Element 之从过去看现在

WebComponent魔法堂:深究Custom Element 之标准构建

WebComponent魔法堂:深究Custom Element 之面向痛点编程

JS魔法堂:不完全国际化&本地化手册之拓展篇

JS魔法堂:不完全国际化&本地化手册之实战篇

JS魔法堂:不完全国际化&本地化手册之理論篇

JS魔法堂:定义页面的Dispose方法——[before]unload事件启示录

CSS魔法堂：Box-Shadow 没那么简单啦:)

CSS魔法堂：重拾Border之——更广阔的遐想

50 篇文章

1 位作者

肥子John