blog

一只🐟的笔记

 

PS:天猫持续招人啦~~~ base杭州，JAVA、算法、客户端、前端（any职位我们组都能hold住）有兴趣欢迎发简历到tianyu.aty@alibaba-inc.com 注明来自[github]

不定期更新中————

Canvas进阶系列

—— 持续更新中

• canvas进阶——实现静态图像的变形并合成动态效果
• canvas进阶——贝塞尔公式推导与物体跟随复杂曲线的轨迹运动
• bezierMaker.js——N阶贝塞尔曲线生成器
• 基于canvas使用粒子拼出你想要的文字[2]——粒子的动画效果
• 基于canvas使用粒子拼出你想要的文字
• 基于canvas使用贝塞尔曲线平滑拟合折线段
• 用canvas实现视频播放与弹幕功能
• 基于canvas实现波浪式绘制图片
• 基于canvas实现的一个截图小demo

该系列记录了我自己对于canvas学习的过程，期间实现了如：截图效果、粒子动画、曲线动画等等，并开源了bezierMaker.js

JavaScript小众系列

——何时完结不确定，附已经更新的地址：

• 小众系列之按位非运算符：JavaScript中奇特的~运算符
• 小众系列之终极类型转换：从hello world看JavaScript隐藏的黑魔法制
• 小众系列之隐式类型转换：从[] == ![]看隐式强制转换机制
• 小众系列之事件循环：从HTML5与PromiseA+规范来看事件循环

这个系列旨在对一些人们不常用遇到的知识点，以及可能常用到但不曾深入了解的部分做一个重新梳理，虽然可能有些部分看起来没有什么用，因为平时开发真的用不到！但个人认为糟粕也好精华也罢里面全部蕴藏着JS一些偏本质的东西或者说底层规范，如果能适当避开舒适区来看这些小细节，也许对自己也会有些帮助~文章更新在我的博客，欢迎不定期关注。

2018.2

• 结合kmp算法的匹配动画浅析其基本思想[Algorithm]
• 由一个“bug”到鲜为人知的jQuery.cssHooks[源码]
• 记一次“失利后”经过半年准备通过阿里社招的经历与感悟[自述]

2018.1

• 基于JavaScript求解八数码最短路径并生成动画效果[Algorithm]
• canvas进阶——实现静态图像的变形并合成动态效果[Canvas]
• canvas进阶——贝塞尔公式推导与物体跟随复杂曲线的轨迹运动[Canvas]

2017.12

• bezierMaker.js——N阶贝塞尔曲线生成器[Canvas]
• 基于canvas使用粒子拼出你想要的文字[2]——粒子的动画效果[Canvas]
• 基于canvas使用粒子拼出你想要的文字[Canvas]
• 基于canvas使用贝塞尔曲线平滑拟合折线段[Canvas]
• 用canvas实现视频播放与弹幕功能[Canvas]

2017.11

• Node.js EventEmitter类源码浅析[Node、源码]
• 初探Node.js Stream中Readable类的内部实现[Node、源码]

2017.10

• 初识JavaScript依赖注入[设计模式]
• 对于浮动的定义我遗漏了什么[CSS]
• 基于node实现文件路径替换[Node]

2017.9

• JavaScript中奇特的~运算符[小众系列]
• 基于casperjs、resemble.js实现一个像素对比服务[Node]
• clear与BFC对浮动的影响[CSS]
• 图解JavaScript的参数传递[JS]

2017.8

• V8中一个微妙的内存泄露方式[Node]
• 从hello world看JavaScript隐藏的黑魔法制[小众系列]
• 给文档添加一组掘金的「小盾牌」[Node]
• 从[] == ![]看隐式强制转换机制[小众系列]
• 从HTML5与PromiseA+规范来看事件循环[小众系列]
• 基于canvas实现波浪式绘制图片[Canvas]
• 基于jQuery的一个“射日”小游戏[JS]

2017.7

• 从零实现一个自定义html5播放器[JS]
• 拿到毕业证第二天突然“收到”阿里社招面试通知[自述]

2017.6

• 基于node的微小爬虫——扒了一下知乎[Node]
• 基于node的微小服务——细说缓存与304[Node]
• 基于canvas实现的一个截图小demo[Canvas]
• 原来又到了校招季，一个前端新人的回忆[自述]
• 从Console中看看jQuery的原型链[JS]
• JavaScript之bind[JS]

2017.5

• 基于react的影院购票应用[React]
• 基于Vue、Nodejs、Socket.io的聊天应用[Vue、Node]