博客园 - W·Axes
uuid:6cbd1ba2-f883-4c34-aed1-30dde64a3a3e;id=673234
2018-11-30T12:53:42Z
W·Axes
https://www.cnblogs.com/axes/
feed.cnblogs.com
https://www.cnblogs.com/axes/p/7694041.html
jscodeshift 简易教程 - W·Axes
本文首发于 https://github.com/whxaxes/blog/issues/10 背景 "jscodeshift" 是 fb 出的一个 codemod toolkit,基于 "recast" 这个 js 解析器封装了很多方便使用的工具方法。但是由于官网对使用方式的描述有点谜,刚用起来会
2017-10-19T10:10:00Z
2017-10-19T10:10:00Z
W·Axes
https://www.cnblogs.com/axes/
【摘要】本文首发于 https://github.com/whxaxes/blog/issues/10 背景 "jscodeshift" 是 fb 出的一个 codemod toolkit,基于 "recast" 这个 js 解析器封装了很多方便使用的工具方法。但是由于官网对使用方式的描述有点谜,刚用起来会 <a href="https://www.cnblogs.com/axes/p/7694041.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/axes/p/7690974.html
Node Inspector 代理实现 - W·Axes
本文首发于 https://github.com/whxaxes/blog/issues/9 背景 平时做 node 开发的时候,通过 node inspector 来进行断点调试是一个很常用的 debug 方式。但是有几个问题会导致我们的调试效率降低。 问题一:当使用 vscode 进行断点调试时
2017-10-19T02:11:00Z
2017-10-19T02:11:00Z
W·Axes
https://www.cnblogs.com/axes/
【摘要】本文首发于 https://github.com/whxaxes/blog/issues/9 背景 平时做 node 开发的时候,通过 node inspector 来进行断点调试是一个很常用的 debug 方式。但是有几个问题会导致我们的调试效率降低。 问题一:当使用 vscode 进行断点调试时 <a href="https://www.cnblogs.com/axes/p/7690974.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/axes/p/7351391.html
解读 Vue 之 Reactive - W·Axes
本文同步发表在 https://github.com/whxaxes/blog/issues/7 前言 在一篇文章中简单讲了 vue 是如何把模板解析成 render function 的,这一篇文章就来讲讲 vue 是如何把数据包装成 reactive,从而实现 MDV(Model Driven
2017-08-12T12:23:00Z
2017-08-12T12:23:00Z
W·Axes
https://www.cnblogs.com/axes/
【摘要】本文同步发表在 https://github.com/whxaxes/blog/issues/7 前言 在一篇文章中简单讲了 vue 是如何把模板解析成 render function 的,这一篇文章就来讲讲 vue 是如何把数据包装成 reactive,从而实现 MDV(Model Driven <a href="https://www.cnblogs.com/axes/p/7351391.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/axes/p/7151759.html
使用 electron 做个播放器 - W·Axes
使用 electron 做个播放器 本文同步更新在:https://github.com/whxaxes/blog/issues/8 前言 虽然 electron 已经出来好长时间了,但是最近才玩了一下,写篇博文记录一下,以便日后回顾。 electron 的入门可以说是相当简单,官方提供了一个 "q
2017-07-11T09:39:00Z
2017-07-11T09:39:00Z
W·Axes
https://www.cnblogs.com/axes/
【摘要】使用 electron 做个播放器 本文同步更新在:https://github.com/whxaxes/blog/issues/8 前言 虽然 electron 已经出来好长时间了,但是最近才玩了一下,写篇博文记录一下,以便日后回顾。 electron 的入门可以说是相当简单,官方提供了一个 "q <a href="https://www.cnblogs.com/axes/p/7151759.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/axes/p/6542498.html
说说如何用js实现一个模板引擎 - W·Axes
本文同步更新在: https://github.com/whxaxes/blog/issues/4 ,在 github 看文章显示效果会更好一些。 前言 不知不觉就很长时间没造过什么轮子了,以前一直想自己实现一个模板引擎,只是没付诸于行动,最近终于在业余时间里抽了点时间写了一下。因为我们的项目大部分
2017-03-13T05:53:00Z
2017-03-13T05:53:00Z
W·Axes
https://www.cnblogs.com/axes/
【摘要】本文同步更新在: https://github.com/whxaxes/blog/issues/4 ,在 github 看文章显示效果会更好一些。 前言 不知不觉就很长时间没造过什么轮子了,以前一直想自己实现一个模板引擎,只是没付诸于行动,最近终于在业余时间里抽了点时间写了一下。因为我们的项目大部分 <a href="https://www.cnblogs.com/axes/p/6542498.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/axes/p/5447415.html
仿造slither.io第二步:加个地图,加点吃的 - W·Axes
前言 "上一篇" 博文讲了如何造一条蛇,现在蛇有了,要让它自由的活动起来,就得有个地图啊,而且只能走也不行呀,还得有点吃的,所以还得加点食物,这一篇博文就来讲讲如何添加地图和食物。 预览效果 当前项目最新效果:http://whxaxes.github.io/slither/ (由于代码一直在更新,
2016-04-30T02:17:00Z
2016-04-30T02:17:00Z
W·Axes
https://www.cnblogs.com/axes/
【摘要】前言 "上一篇" 博文讲了如何造一条蛇,现在蛇有了,要让它自由的活动起来,就得有个地图啊,而且只能走也不行呀,还得有点吃的,所以还得加点食物,这一篇博文就来讲讲如何添加地图和食物。 预览效果 当前项目最新效果:http://whxaxes.github.io/slither/ (由于代码一直在更新, <a href="https://www.cnblogs.com/axes/p/5447415.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/axes/p/5447421.html
仿造slither.io第一步:先画条蛇 - W·Axes
前言 最近 "slither.io" 貌似特别火,中午的时候,同事们都在玩,包括我自己也是玩的不亦乐乎。 好久好久没折腾过canvas相关的我也是觉得是时候再折腾一番啦,所以就试着仿造一下吧。楼主也没写过网络游戏,所以实现逻辑完全靠自己YY。 而且楼主心里也有点发虚,因为有些逻辑还是不知道怎么实现呀
2016-04-29T11:17:00Z
2016-04-29T11:17:00Z
W·Axes
https://www.cnblogs.com/axes/
【摘要】前言 最近 "slither.io" 貌似特别火,中午的时候,同事们都在玩,包括我自己也是玩的不亦乐乎。 好久好久没折腾过canvas相关的我也是觉得是时候再折腾一番啦,所以就试着仿造一下吧。楼主也没写过网络游戏,所以实现逻辑完全靠自己YY。 而且楼主心里也有点发虚,因为有些逻辑还是不知道怎么实现呀 <a href="https://www.cnblogs.com/axes/p/5447421.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/axes/p/4960171.html
用 canvas 做个好玩的网站背景 - W·Axes
不知不觉又好久没更过博客了,老调新弹一下,之前做的一个小效果,觉得蛮有意思的,也有朋友问是怎么做的,就分享一下,写个博文吧。 先上demo吧:http://whxaxes.github.io/canvas-test/src//Funny-demo/netparticle/net_1.html 上面这
2015-11-12T12:16:00Z
2015-11-12T12:16:00Z
W·Axes
https://www.cnblogs.com/axes/
【摘要】不知不觉又好久没更过博客了,老调新弹一下,之前做的一个小效果,觉得蛮有意思的,也有朋友问是怎么做的,就分享一下,写个博文吧。 先上demo吧:http://whxaxes.github.io/canvas-test/src//Funny-demo/netparticle/net_1.html 上面这 <a href="https://www.cnblogs.com/axes/p/4960171.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/axes/p/4683176.html
Koa框架实践与中间件原理剖析 - W·Axes
最近尝试用了一下Koa,并在此记录一下使用心得。 注意:本文是以读者已经了解Generator和Promise为前提在写的,因为单单Generator和Promise都能够写一篇博文来讲解介绍了,所以就不在这里赘述。网上资料很多,可以自行查阅。 Koa是Express原班人马打造的一个更小,...
2015-07-28T08:07:00Z
2015-07-28T08:07:00Z
W·Axes
https://www.cnblogs.com/axes/
【摘要】最近尝试用了一下Koa,并在此记录一下使用心得。 注意:本文是以读者已经了解Generator和Promise为前提在写的,因为单单Generator和Promise都能够写一篇博文来讲解介绍了,所以就不在这里赘述。网上资料很多,可以自行查阅。 Koa是Express原班人马打造的一个更小,... <a href="https://www.cnblogs.com/axes/p/4683176.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/axes/p/4646647.html
canvas 2d 贴图技术实践 - W·Axes
最近在公司内部的技术协会论坛里闲逛的时候,无意中发现了一篇手淘前端大牛岑安两年前写的博文,讲述了canvas的2d贴图技术。看到后觉得相当神奇。于是就自己实现了一下。不过岑安前辈的那篇博文也只是大概讲述了一下实现思路,整个逻辑还是自己慢慢摸索出来的,过程还是挺心酸的,所以在此记录一下并且分享一下,让
2015-07-15T01:35:00Z
2015-07-15T01:35:00Z
W·Axes
https://www.cnblogs.com/axes/
【摘要】最近在公司内部的技术协会论坛里闲逛的时候,无意中发现了一篇手淘前端大牛岑安两年前写的博文,讲述了canvas的2d贴图技术。看到后觉得相当神奇。于是就自己实现了一下。不过岑安前辈的那篇博文也只是大概讲述了一下实现思路,整个逻辑还是自己慢慢摸索出来的,过程还是挺心酸的,所以在此记录一下并且分享一下,让 <a href="https://www.cnblogs.com/axes/p/4646647.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/axes/p/4605474.html
用canvas 实现个图片三角化(LOW POLY)效果 - W·Axes
之前无意中看到Ovilia 用threejs做了个LOW POLY,也就是图片平面三角化的效果,觉得很惊艳,然后就自己花了点时间尝试了一下。 我是没怎么用过threejs,所以就直接用canvas的2d绘图API来做,因为感觉似乎这效果也用不上threejs。 直接上demo先:http://whx
2015-06-28T06:04:00Z
2015-06-28T06:04:00Z
W·Axes
https://www.cnblogs.com/axes/
【摘要】之前无意中看到Ovilia 用threejs做了个LOW POLY,也就是图片平面三角化的效果,觉得很惊艳,然后就自己花了点时间尝试了一下。 我是没怎么用过threejs,所以就直接用canvas的2d绘图API来做,因为感觉似乎这效果也用不上threejs。 直接上demo先:http://whx <a href="https://www.cnblogs.com/axes/p/4605474.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/axes/p/4603984.html
移动前端—图片压缩上传实践 - W·Axes
此前有同事跟我聊过关于移动端用canvas压缩图片后再上传的功能,最近有了点空闲时间,所以就实践了一下。demo效果链接在文章底部贴出。 在做移动端图片上传的时候,用户传的都是手机本地图片,而本地图片一般都相对比较大,拿iphone6来说,平时拍很多图片都是一两M的,如果直接这样上传,那图片就太大了
2015-06-27T05:45:00Z
2015-06-27T05:45:00Z
W·Axes
https://www.cnblogs.com/axes/
【摘要】此前有同事跟我聊过关于移动端用canvas压缩图片后再上传的功能,最近有了点空闲时间,所以就实践了一下。demo效果链接在文章底部贴出。 在做移动端图片上传的时候,用户传的都是手机本地图片,而本地图片一般都相对比较大,拿iphone6来说,平时拍很多图片都是一两M的,如果直接这样上传,那图片就太大了 <a href="https://www.cnblogs.com/axes/p/4603984.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/axes/p/4514199.html
nodejs实现Websocket的数据接收发送 - W·Axes
在去年的时候,写过一篇关于websocket的博文:http://www.cnblogs.com/axes/p/3586132.html ,里面主要是借助了nodejs-websocket这个插件,后来还用了socket.io做了些demo,但是,这些都是借助于别人封装好的插件做出来的,websoc
2015-05-19T03:56:00Z
2015-05-19T03:56:00Z
W·Axes
https://www.cnblogs.com/axes/
【摘要】在去年的时候,写过一篇关于websocket的博文:http://www.cnblogs.com/axes/p/3586132.html ,里面主要是借助了nodejs-websocket这个插件,后来还用了socket.io做了些demo,但是,这些都是借助于别人封装好的插件做出来的,websoc <a href="https://www.cnblogs.com/axes/p/4514199.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/axes/p/4491983.html
nodejs学习之实现简易路由 - W·Axes
此前实现了个数据转发功能,但是要建本地服务器,还需要一个简易的路由功能。因为只是用于本地服务器用于自己测试用,所以不需要太完善的路由功能,所以也就不去使用express框架,而是自己实现一个简易路由,可以针对自己的需求来定制路由功能。 在制作路由功能之前,我先写了一张路由表,表明了自己大概想要...
2015-05-10T03:36:00Z
2015-05-10T03:36:00Z
W·Axes
https://www.cnblogs.com/axes/
【摘要】此前实现了个数据转发功能,但是要建本地服务器,还需要一个简易的路由功能。因为只是用于本地服务器用于自己测试用,所以不需要太完善的路由功能,所以也就不去使用express框架,而是自己实现一个简易路由,可以针对自己的需求来定制路由功能。 在制作路由功能之前,我先写了一张路由表,表明了自己大概想要... <a href="https://www.cnblogs.com/axes/p/4491983.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/axes/p/4466496.html
nodejs学习之实现http数据转发 - W·Axes
此前在做项目的时候,一直用json文件用作模拟数据,后来发现了mock.js,于是就用了mock.js,再后来感觉这些数据再怎么模拟都是静态数据。所以就想用nodejs实现一个数据转发功能,在本地拉取服务端的数据。那时就简易做出了一个针对那个项目的数据拉取功能。而在最近,在看一些博客的时候,想把...
2015-04-29T09:06:00Z
2015-04-29T09:06:00Z
W·Axes
https://www.cnblogs.com/axes/
【摘要】此前在做项目的时候,一直用json文件用作模拟数据,后来发现了mock.js,于是就用了mock.js,再后来感觉这些数据再怎么模拟都是静态数据。所以就想用nodejs实现一个数据转发功能,在本地拉取服务端的数据。那时就简易做出了一个针对那个项目的数据拉取功能。而在最近,在看一些博客的时候,想把... <a href="https://www.cnblogs.com/axes/p/4466496.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/axes/p/4416218.html
canvas粒子demo - W·Axes
之前在codepen上看到了类似的效果,于是自己也使用coffee-script写了个相似的demo 效果:http://whxaxes.github.io/canvas-test/src/Particle-demo/blackhole/blackhole.html 源码:https://g...
2015-04-11T01:19:00Z
2015-04-11T01:19:00Z
W·Axes
https://www.cnblogs.com/axes/
【摘要】之前在codepen上看到了类似的效果,于是自己也使用coffee-script写了个相似的demo 效果:http://whxaxes.github.io/canvas-test/src/Particle-demo/blackhole/blackhole.html 源码:https://g... <a href="https://www.cnblogs.com/axes/p/4416218.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/axes/p/4369510.html
nodejs简易实现一下bigpipe - W·Axes
今天刚好看到bigpipe的文章,写个demo试一下: nodejs的实现: 上面的代码中,首次先输出head.html(第一次发送的html头,为了尽快加载完,所以里面只有一个样式表): head.html的内容很少,所以很快就可以展示在用户面前,给人一种好像加载很快的感觉。然后再输出js逻辑:
2015-03-26T09:38:00Z
2015-03-26T09:38:00Z
W·Axes
https://www.cnblogs.com/axes/
【摘要】今天刚好看到bigpipe的文章,写个demo试一下: nodejs的实现: 上面的代码中,首次先输出head.html(第一次发送的html头,为了尽快加载完,所以里面只有一个样式表): head.html的内容很少,所以很快就可以展示在用户面前,给人一种好像加载很快的感觉。然后再输出js逻辑: <a href="https://www.cnblogs.com/axes/p/4369510.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/axes/p/4338598.html
gulp初体验记录(简介、插件开发介绍) - W·Axes
目前用的业界比较知名的三个前端构建工具:grunt、gulp、fis,自己此前一直都是只在用grunt,fis看过一点,gulp则一直都没注意过,直到最近发现好像用的人越来越多,所以今天也就抽了点时间尝试了一下。 【什么是gulp】 比较官方的一句话就是:gulp是一种基于流的,代码优于配置的新一代
2015-03-14T15:52:00Z
2015-03-14T15:52:00Z
W·Axes
https://www.cnblogs.com/axes/
【摘要】目前用的业界比较知名的三个前端构建工具:grunt、gulp、fis,自己此前一直都是只在用grunt,fis看过一点,gulp则一直都没注意过,直到最近发现好像用的人越来越多,所以今天也就抽了点时间尝试了一下。 【什么是gulp】 比较官方的一句话就是:gulp是一种基于流的,代码优于配置的新一代 <a href="https://www.cnblogs.com/axes/p/4338598.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/axes/p/4308430.html
nodejs学习之文件上传 - W·Axes
最近要做个图片上传的需求,因为服务端春节请假回家还没来,所以就我自己先折腾了一下,大概做出来个效果,后台就用了nodejs,刚开始做的时候想网上找一下资料,发现大部分资料都是用node-formidable插件实现上传的。但是自己又想手动实现一下,所以就开始折腾了。写此博文也就是做个记录。 先...
2015-03-02T04:03:00Z
2015-03-02T04:03:00Z
W·Axes
https://www.cnblogs.com/axes/
【摘要】最近要做个图片上传的需求,因为服务端春节请假回家还没来,所以就我自己先折腾了一下,大概做出来个效果,后台就用了nodejs,刚开始做的时候想网上找一下资料,发现大部分资料都是用node-formidable插件实现上传的。但是自己又想手动实现一下,所以就开始折腾了。写此博文也就是做个记录。 先... <a href="https://www.cnblogs.com/axes/p/4308430.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/axes/p/4192234.html
Mustache.js前端模板引擎源码解读 - W·Axes
mustache是一个很轻的前端模板引擎,因为之前接手的项目用了这个模板引擎,自己就也继续用了一会觉得还不错,最近项目相对没那么忙,于是就抽了点时间看了一下这个的源码。源码很少,也就只有六百多行,所以比较容易阅读。做前端的话,还是要多看优秀源码,这个模板引擎的知名度还算挺高,所以其源码也肯定有值...
2014-12-30T02:35:00Z
2014-12-30T02:35:00Z
W·Axes
https://www.cnblogs.com/axes/
【摘要】mustache是一个很轻的前端模板引擎,因为之前接手的项目用了这个模板引擎,自己就也继续用了一会觉得还不错,最近项目相对没那么忙,于是就抽了点时间看了一下这个的源码。源码很少,也就只有六百多行,所以比较容易阅读。做前端的话,还是要多看优秀源码,这个模板引擎的知名度还算挺高,所以其源码也肯定有值... <a href="https://www.cnblogs.com/axes/p/4192234.html" target="_blank">阅读全文</a>