^_^肥子John

3

SpringBoot魔法堂:@MatrixVariable参数注解使用详解

• 肥仔John   1月16日发布
• 2 收藏

RFC3986定义URI的路径(Path)中可包含name-value片段，扩充了以往仅能通过查询字符串(Query String)设置可选参数的囧境。 假如现在需要设计一个用于“搜索某部门某些员工可选信息中的部分信息”的API，我们分别使用...

14

前端魔法堂：可能是你见过最详细的WebWorker实用指南

• 肥仔John   2020-12-16 发布
• 12 收藏

JavaScript从使用开初就一直基于事件循环的单线程运行模型，即使是成功进军后端开发的Nodejs也没有改变这一模型。那么对于计算密集型的应用，我们必须创建新进程来执行运算，然后执行进程间通信实现传参和获取运...

4

SpringBoot魔法堂：应用热部署实践与原理浅析

• 肥仔John   2020-12-15 发布
• 3 收藏

后端开发的同学想必每天都在重复经历着修改代码、执行代码编译，等待……重启Tomcat服务，等待……最后测试发现还是有bug，然后上述流程再来一遍（我听不见）:(能不能像前端开发的同学那样，修改代码保存文件后自动编...

4

前端魔法堂：手写缓存模块

• 肥仔John   2020-12-11 发布
• 3 收藏

之前系统接入大数据PV统计平台，最近因PV统计平台侧服务器资源紧张，要求各接入方必须缓存API调用验证用的Token，从而减少无效请求和服务端缓存中间件的存储压力。虽然系统部分业务模块都有缓存数据的需求，但由...

0

SpringBoot魔法堂：说说带智能提示的spring-boot-starter

• 肥仔John   2020-11-11 发布
• 收藏

前几个月和隔壁组的老王闲聊，他说项目的供应商离职率居高不下，最近还有开发刚接手ESB订阅发布接口才两周就提出离职，而他能做的就只有苦笑和默默地接过这个烂摊子了。而然幸福的家庭总是相似的，而不幸的我却因...

0

Maven魔法堂：安装Oracle JDBC Driver依赖的那些坑

• 肥仔John   2020-11-06 发布
• 收藏

由于Oracle并没有向公开Maven仓库提供任何Oracle JDBC Driver的Jar包，因此我们无法像MySQL、SQLite等那么轻松直接通过Maven加载依赖。而手动下载Oracle JDBC Driver Jar包，然后安装到本地仓库(.m2目录)，再通过...

3

TypeScript魔法堂：函数类型声明其实很复杂

• 肥仔John   2020-11-02 发布
• 3 收藏

江湖有传“动态类型一时爽，代码重构火葬场”，由于动态类型语言在开发时不受数据类型的约束，因此非常适合在项目原型阶段和初期进行快速迭代开发使用，这意味着项目未来将通过重写而非重构的方式进入成熟阶段。而...

4

TypeScript魔法堂：枚举的超实用手册

• 肥仔John   2020-10-29 发布
• 3 收藏

也许前端的同学会问JavaScript从诞生至今都没有枚举类型，我们不是都活得挺好的吗？为什么TypeScript需要引入枚举类型呢？也许被迫写前端的后端同学会问，TypeScript的枚举类型是和Java/.NET的一样吗？下面我们来...

4

CSS魔法堂：那个被我们忽略的outline

• 肥仔John   2018-10-09 发布
• 2 收藏

在CSS魔法堂：改变单选框颜色就这么吹毛求疵！中我们要模拟原生单选框通过Tab键获得焦点的效果，这里涉及到一个常常被忽略的属性——outline，由于之前对其印象确实有些模糊，于是本文打算对其进行稍微深入的研究^_^

23

CSS魔法堂：改变单选框颜色就这么吹毛求疵！

• 肥仔John   2018-10-04 发布
• 20 收藏

是否曾经被业务提出"能改改这个单选框的颜色吧！让它和主题颜色搭配一下吧！"，然后苦于原生不支持换颜色，最后被迫自己手撸一个凑合使用。若抛开input[type=radio]重新开发一个，发现要模拟选中、未选中、不可用...

84

CSS魔法堂：display:none与visibility:hidden的恩怨情仇

• 肥仔John   2018-09-30 发布
• 63 收藏

还记得面试时被问起"请说说display:none和visibility:hidden的区别"吗？是不是回答完display:none不占用原来的位置，而visibility:hidden保留原来的位置后，面试官就会心一笑呢？其实不止那么简单呢！本文我们将...

72

CSS魔法堂：一起玩透伪元素和Content属性

• 肥仔John   2018-09-18 发布
• 61 收藏

继上篇《CSS魔法堂：稍稍深入伪类选择器》记录完伪类后，我自然而然要向伪元素伸出“魔掌”的啦^_^。本文讲讲述伪元素以及功能强大的Contet属性，让我们可以通过伪元素更好地实现更多的可能！

16

CSS魔法堂：稍稍深入伪类选择器

• 肥仔John   2018-08-29 发布
• 13 收藏

过去零零星星地了解和使用:link、::after和content等伪类、伪元素选择器，最近看书时发现这方面有所欠缺，于是决定稍微深入学习一下，以下为伪类部分的整理。

36

CSS魔法堂：更丰富的前端动效by CSS Animation

• 肥仔John   2018-07-10 发布
• 45 收藏

在《CSS魔法堂：Transition就这么好玩》中我们了解到对于简单的补间动画，我们可以通过transition实现。那到底多简单的动画适合用transtion来实现呢？答案就是——我们只需定义动画起始和结束帧的状态的动画。一旦...

21

CSS魔法堂：Transition就这么好玩

• 肥仔John   2018-06-06 发布
• 37 收藏

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

41

CSS魔法堂：Flex布局

• 肥仔John   2018-06-04 发布
• 82 收藏

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

0

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

• 肥仔John   2017-06-07 发布
• 收藏

前言  最近在用Polymer封装纯数字的输入框，开发过程中发现不是坑，也有不少值得研究的地方。本系列打算分4篇来叙述这段可歌可泣的踩坑经历： [《动手写个数字输入框1：input[type=number]的遗憾》]([链接] 《动...

0

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

• 肥仔John   2017-06-02 发布
• 1 收藏

前言  最近在用Polymer封装纯数字的输入框，开发过程中发现不是坑，也有不少值得研究的地方。本系列打算分4篇来叙述这段可歌可泣的踩坑经历： 《动手写个数字输入框1：input[type=number]的遗憾》 《动手写个数字...

0

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

• 肥仔John   2017-05-31 发布
• 收藏

前言  最近在用Polymer封装纯数字的输入框，开发过程中发现不少坑，也有很多值得研究的地方。本系列打算分4篇来叙述这段可歌可泣的踩坑经历： 《动手写个数字输入框1：input[type=number]的遗憾》 《动手写个数字...

0

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

• 肥仔John   2017-05-23 发布
• 收藏

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