Luckyscript's Blog
  • 前端路由应用部署的一些看法

    客户端渲染的发展

    随着Angularjs带入了MVVM思想,ReactVue的兴起,客户端渲染应用在前端开发中变得流行起来。所谓客户端渲染,指的是页面的dom结构都由前端js来生成,而服务端只是渲染了一个基础模板,这样大大的减少了服务端的压力。尤其是一些后台管控系统等对seo等不敏感的场景下,应用非常广泛。

    路由

    因为面向服务端的只是一个模板文件,所以前端应用的路由都是由前端自己来控制的。而通常前端路由的实现方式一种是hash方式,一种是history方式。我比较推荐history方式。

    部署

    关于客户端渲染应用的部署,我觉得有几点要注意:

  • 3D in web

    OpenGL介绍

    • OpenGL 是一种跨平台的图形 API,其自诞生至今已催生了各种计算机平台及设备上的数千优秀应用程序。
    • 目前OpenGL已经停止更新了,同一公司下的Vulkan引擎在将来可能会大放异彩。但是这并不妨碍我们学习WebGL与OpenGL。

    WebGL简要介绍

    • WebGL是一种3D绘图协议。
    • 在Linux/Unix和MacOS上,WebGL是基于OpenGL的,而在Windows系统上,则是基于微软的DirectX。
    • 这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,WebGL可以为HTML5 Canvas
  • Metaball算法的简易实现

    记得之前大二的时候,球球大作战这款游戏还比较火。虽然服务器在国外比较炸,但是球与球接触时的动画非常逼真,当时想了好久都不知道怎么做,后来有一次看到了贝塞尔曲线,才明白原来这个东西再工业界早已应用广泛。

    metaball算法的实现也是基于贝塞尔曲线,在一些应用,比如qq消息的小红点消除都是用的这个算法。 效果如图: ![metaball.png][1] 下面给出算法的实现代码: ```javascript var canvas = document.querySelector('#canvas');

        canvas.width = 800;
        ca