TAT.vorshen yield 学习
In Web开发 on 2021年03月27日 by view: 504
0

最近看的代码 yield 比较多,上次看到这么多 function* 还是在 koa1 时代,脑子中满是 yield 和 next,而我自己用这个用的较少,就水个文章学习一下。

原文地址: https://github.com/vorshen/blog/blob/master/yield/index.md

TAT.vorshen callable-object
In Web开发 on 2021年03月14日 by view: 548
0

原文地址:https://github.com/vorshen/blog/blob/master/callable-object/index.md
今天我们来聊一聊可调用对象,从底层来说,调用是指新建了栈帧,寄存器指向发生了变化。
从直观上看可以加 () 执行的就是可调用对象!比如我们熟悉的 javascript 中函数。

TAT.vorshen 深入学习定时器
In Web开发 on 2021年03月02日 by view: 1,404
0

或许在生活中大家都讨厌定时器,比如周一早上的闹钟、承诺老板第二天一早给报告的 deadline;但是在代码的世界里,定时器扮演着不可或缺的角色:定时任务、超时判断、帧同步等等。
那定时器的本质是什么?我们使用的定时能力背后又暗藏着什么玄机,请继续往下看。

TAT.vorshen 重学 HashTable
In Web开发 on 2020年12月31日 by view: 1,182
0

重学 HashTable

HashTable,又称散列表,一说到这个,可能很多人第一反应就是时间复杂度 O(1)!那是不是时间复杂度永远都是 O(1) 呢?别人说所得 hash 碰撞又是什么呢?
其实 HashTable 还是有很多细节的,这片文章就带大家梳理一下 HashTable 的细节,最后一起拜读一下 v8 和 redis 的 HashTable 相关源码。

TAT.vorshen 线程入门
In Web开发 on 2020年07月15日 by view: 2,287
0

导语

最近团队进行了一些线程的讨论,这里抽空水了一篇关于线程的文章,希望给没接触过线程相关知识的同学入个门。

线程是什么

进程

既然要说线程,那就不得不提它的两个好兄弟,进程、协程。
进程大家应该是最了解的,平时用的 ps 命令就是查看计算机中的进程情况,进程的特点:

TAT.vorshen 从零到一,撸一个在线斗地主下篇
In Web开发 on 2019年07月30日 by view: 1,759
0

上篇回顾:我们说了斗地主游戏的渲染展示部分,最后也讲了下 canvas 中交互的情况,下篇的重点就是游戏逻辑

逻辑主要分成两块:流程逻辑和扑克牌对比逻辑。

github 地址:https://github.com/vorshen/landlord

TAT.vorshen 从零到一,撸一个在线斗地主上篇
In Web开发 on 2019年07月30日 by view: 1,972
0

背景:朋友来深圳玩,若说到在深圳有什么好玩的,那当然是宅在家里斗地主了!可是天算不如人算,扑克牌丢了几张不全……大热天的,谁愿意出去买牌啊。不过问题不大,作为移动互联网时代的程序猿,当然是撸一个手机在线斗地主来代替实体牌了。

github 地址:https://github.com/vorshen/landlord

阅读前注意:
本文分为上下两篇,本篇讲准备工作以及前端一些布局相关的知识;下一篇讲 webassembly 实现核心逻辑和 server 端相关。

最近业务比较忙,但是我们追求 3D 世界的脚步不能停下来~某天在路上看到一辆辆飞驰而过的汽车,想到要不要弄一个赛车类的游戏
没有再用原生,而是使用了 threejs,毕竟大点的 3D 项目,再用原生就是自己给自己找麻烦了……
本文从 0 到 1 讲解了这个游戏的开发过程,其中没有专门的介绍 webgl 和 threejs,没有基础的同学可以结合 threejs 文档一起看,或者先学习一下 webgl 的基础知识~
游戏地址如下:

TAT.vorshen QQ 日迹 Omi 实战开发,从 0 到 1
In Web开发 on 2017年07月14日 by view: 2,580
0

相信大家对 Omi 应该都不陌生了,如果还有不了解的同学先看看这里。了解并使用 Omi 之后你会发现真的回不去了~~~

精通 Omi 框架

先简单说一下吧,Omi 就是一个可以快速开发项目的组件化框架,和 vue/react 一样为了节省生产力的。想了解 Omi 和 vue 还有 react 区别的,上面文档有讲解,或者加入群 256426170,可以面对面咨询 Omi 作者 dnt。我这篇文章将使用 Omi 从 0 到 1 来完成一个移动端的项目,让大家了解 Omi 开发的方便快捷。

TAT.vorshen webgl 性能优化初尝
In Web开发 on 2017年05月13日 by view: 7,219
2

上次文章介绍了如何用 webgl 快速创建一个自己的小世界,在我们入门 webgl 之后,并且可以用原生 webgl 写 demo 越来越复杂之后,大家可能会纠结一点:就是我使用 webgl 的姿势对不对。因为 webgl 可以操控 shader 加上超底层 API,带来了一个现象就是同样一个东西,可以有多种的实现方式,而此时我们该如何选择呢?这篇文章将稍微深入一点 webgl,给大家介绍一点 webgl 的优化知识。

讲 webgl 优化之前我们先简单回忆一下 canvas2D 的优化,常用的 display list、动态区域重绘等等。用 canvas2D 多的同学应该对以上的优化或多或少都有了解,但是你对 webgl 的优化了解么,如果不了解的话往下看就对了~这里会先从底层图像是如何渲染到屏幕上开始,逐步开始我们的 webgl 优化。