Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/Aaaaaaaty/blog

趁还能折腾的时候多读书——前端何时是个头
https://github.com/Aaaaaaaty/blog

blog canvas javascript nodejs

Last synced: 14 days ago
JSON representation

趁还能折腾的时候多读书——前端何时是个头

Host: GitHub
URL: https://github.com/Aaaaaaaty/blog
Owner: Aaaaaaaty
Created: 2017-05-31T05:36:52.000Z (about 7 years ago)
Default Branch: master
Last Pushed: 2018-04-09T11:51:56.000Z (about 6 years ago)
Last Synced: 2024-02-24T08:37:35.075Z (4 months ago)
Topics: blog, canvas, javascript, nodejs
Language: JavaScript
Homepage:
Size: 73.7 MB
Stars: 1,771
Watchers: 135
Forks: 279
Open Issues: 41
Metadata Files:
- Readme: README.md

Lists

awesome-stars - Aaaaaaaty/blog - 趁还能折腾的时候多读书——前端何时是个头 (JavaScript)
awesome-stars - blog
awesome-github-star - blog

README

        ![悄悄是别离的笙箫，沉默是今晚的康桥](https://user-images.githubusercontent.com/15126694/34658763-add3e53a-f46c-11e7-828c-c46290df1cbb.jpg)

一只🐟的笔记




   

   

  

  

  

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

## 不定期更新中————

### Canvas进阶系列

—— 持续更新中

 - [canvas进阶——实现静态图像的变形并合成动态效果](https://github.com/Aaaaaaaty/blog/issues/37)

 - [canvas进阶——贝塞尔公式推导与物体跟随复杂曲线的轨迹运动](https://github.com/Aaaaaaaty/Blog/issues/36)

 - [bezierMaker.js——N阶贝塞尔曲线生成器](https://github.com/Aaaaaaaty/Blog/issues/35)

 - [基于canvas使用粒子拼出你想要的文字[2]——粒子的动画效果](https://github.com/Aaaaaaaty/Blog/issues/34)

 - [基于canvas使用粒子拼出你想要的文字](https://github.com/Aaaaaaaty/Blog/issues/32)

 - [基于canvas使用贝塞尔曲线平滑拟合折线段](https://github.com/Aaaaaaaty/Blog/issues/31)

 - [用canvas实现视频播放与弹幕功能](https://github.com/Aaaaaaaty/Blog/issues/30)

 - [基于canvas实现波浪式绘制图片](https://github.com/Aaaaaaaty/Blog/issues/12)

 - [基于canvas实现的一个截图小demo](https://github.com/Aaaaaaaty/Blog/issues/5)

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

![toutu.jpeg](http://upload-images.jianshu.io/upload_images/2094574-80ad43dc4fcfdfbf.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

### JavaScript小众系列

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

 - 小众系列之按位非运算符：[JavaScript中奇特的~运算符](https://github.com/Aaaaaaaty/Blog/issues/22)

 - 小众系列之终极类型转换：[从hello world看JavaScript隐藏的黑魔法制](https://github.com/Aaaaaaaty/Blog/issues/16)

 - 小众系列之隐式类型转换：[从[] == ![]看隐式强制转换机制](https://github.com/Aaaaaaaty/Blog/issues/14)

 - 小众系列之事件循环：[从HTML5与PromiseA+规范来看事件循环](https://github.com/Aaaaaaaty/Blog/issues/13)

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

### 2018.2

 - [结合kmp算法的匹配动画浅析其基本思想](https://github.com/Aaaaaaaty/blog/issues/42)[Algorithm]

 - [由一个“bug”到鲜为人知的jQuery.cssHooks](https://github.com/Aaaaaaaty/blog/issues/41)[源码]

 - [记一次“失利后”经过半年准备通过阿里社招的经历与感悟](https://github.com/Aaaaaaaty/blog/issues/39)[自述]

### 2018.1

 - [基于JavaScript求解八数码最短路径并生成动画效果](https://github.com/Aaaaaaaty/blog/issues/38)[Algorithm]

 - [canvas进阶——实现静态图像的变形并合成动态效果](https://github.com/Aaaaaaaty/blog/issues/37)[Canvas]

 - [canvas进阶——贝塞尔公式推导与物体跟随复杂曲线的轨迹运动](https://github.com/Aaaaaaaty/Blog/issues/36)[Canvas]

### 2017.12

 - [bezierMaker.js——N阶贝塞尔曲线生成器](https://github.com/Aaaaaaaty/Blog/issues/35)[Canvas]

 - [基于canvas使用粒子拼出你想要的文字[2]——粒子的动画效果](https://github.com/Aaaaaaaty/Blog/issues/34)[Canvas]

 - [基于canvas使用粒子拼出你想要的文字](https://github.com/Aaaaaaaty/Blog/issues/32)[Canvas]

 - [基于canvas使用贝塞尔曲线平滑拟合折线段](https://github.com/Aaaaaaaty/Blog/issues/31)[Canvas]

 - [用canvas实现视频播放与弹幕功能](https://github.com/Aaaaaaaty/Blog/issues/30)[Canvas]

### 2017.11

 - [Node.js EventEmitter类源码浅析](https://github.com/Aaaaaaaty/Blog/issues/29)[Node、源码]

 - [初探Node.js Stream中Readable类的内部实现](https://github.com/Aaaaaaaty/Blog/issues/28)[Node、源码]

### 2017.10

 - [初识JavaScript依赖注入](https://github.com/Aaaaaaaty/Blog/issues/26)[设计模式]

 - [对于浮动的定义我遗漏了什么](https://github.com/Aaaaaaaty/Blog/issues/25)[CSS]

 - [基于node实现文件路径替换](https://github.com/Aaaaaaaty/Blog/issues/24)[Node]

### 2017.9

 - [JavaScript中奇特的~运算符](https://github.com/Aaaaaaaty/Blog/issues/22)[小众系列]

 - [基于casperjs、resemble.js实现一个像素对比服务](https://github.com/Aaaaaaaty/Blog/issues/21)[Node]

 - [clear与BFC对浮动的影响](https://github.com/Aaaaaaaty/Blog/issues/20)[CSS]

 - [图解JavaScript的参数传递](https://github.com/Aaaaaaaty/Blog/issues/19)[JS]

### 2017.8

 - [V8中一个微妙的内存泄露方式](https://github.com/Aaaaaaaty/Blog/issues/17)[Node]

 - [从hello world看JavaScript隐藏的黑魔法制](https://github.com/Aaaaaaaty/Blog/issues/16)[小众系列]

 - [给文档添加一组掘金的「小盾牌」](https://github.com/Aaaaaaaty/Blog/issues/15)[Node]

 - [从[] == ![]看隐式强制转换机制](https://github.com/Aaaaaaaty/Blog/issues/14)[小众系列]

 - [从HTML5与PromiseA+规范来看事件循环](https://github.com/Aaaaaaaty/Blog/issues/13)[小众系列]

 - [基于canvas实现波浪式绘制图片](https://github.com/Aaaaaaaty/Blog/issues/12)[Canvas]

 - [基于jQuery的一个“射日”小游戏](https://github.com/Aaaaaaaty/Blog/issues/11)[JS]

### 2017.7

 - [从零实现一个自定义html5播放器](https://github.com/Aaaaaaaty/Blog/issues/9)[JS]

 - [拿到毕业证第二天突然“收到”阿里社招面试通知](https://github.com/Aaaaaaaty/Blog/issues/10)[自述]

### 2017.6

 - [基于node的微小爬虫——扒了一下知乎](https://github.com/Aaaaaaaty/Blog/issues/6)[Node]

 - [基于node的微小服务——细说缓存与304](https://github.com/Aaaaaaaty/Blog/issues/8)[Node]

 - [基于canvas实现的一个截图小demo](https://github.com/Aaaaaaaty/Blog/issues/5)[Canvas]

 - [原来又到了校招季，一个前端新人的回忆](https://github.com/Aaaaaaaty/Blog/issues/4)[自述]

 - [从Console中看看jQuery的原型链](https://github.com/Aaaaaaaty/Blog/issues/7)[JS]

 - [JavaScript之bind](https://github.com/Aaaaaaaty/Blog/issues/1)[JS]

### 2017.5

 - [基于react的影院购票应用](https://github.com/Aaaaaaaty/Blog/issues/3)[React]

 - [基于Vue、Nodejs、Socket.io的聊天应用](https://github.com/Aaaaaaaty/Blog/issues/2)[Vue、Node]