Home
TagsAuthors

Links

ResumeFriends

这是一个孤独行者的轨迹。

  • Lm7
  • Domik
  • Sein.js
  • wx-minigame
  • hana-ui
  • Nekohand
  • JerryFu
  • 南史
  • Hide Links
  • TagsHomeAuthors
  • Create
  • Skill
  • Art
  • Life
    • Bilibili圣诞游戏剖析-用pixi.js实现鬼畜音游

      少女dtysky

      世界Skill

      时刻2017.12.25

      路标

      前端

      Bilibili

      圣诞

      pixi.js

      HTML5

      MUG

      音游

      继七夕活动之后,我又负责了圣诞活动[Jingel Beats](https://www.bilibili.com/blackboard/jingel-beats.html)的开发,这次放弃了白鹭引擎,使用了侵入性比较低的`pixi.js`。下面我就此次活动的一些心得。

      在pixi.js实现设备自适应和强制竖屏

      少女dtysky

      世界Skill

      时刻2017.12.02

      路标

      前端

      pixi.js

      适配

      最近在用pixi.js写一个2D音游,出现了关于强制竖屏、缩放和动态定位这三个适配的问题,给大家分享一下心得。

      Bilibili《七夕之约 - Double;7》技术剖析

      少女dtysky

      世界Skill

      时刻2017.08.27

      路标

      前端

      Bilibili

      七夕

      Egret

      HTML5

      Galgame

      今年B站七夕活动的Galgame《Double;7》由我负责原案、程序和演出三部分,深度使用了白鹭游戏引擎的2D部分并为之写了一个galgame插件,下面就这次活动的各个方面我将输出一篇心得,各位稍安勿躁,待我娓娓道来。

      BML2017主视觉技术剖析

      少女dtysky

      世界Skill

      时刻2017.06.12

      路标

      前端

      BML

      React

      TypeScript

      ReactMotion

      Keyframes

      Less

      IE

      Preload

      HTML5

      Canvas

      今年BML宣发页面的主视觉(https://bml.bilibili.com/2017/index.html)由我负责,使用了比较新的技术栈,包含大量动画技巧以及视频运用,下面大概分析一下这些技术和遇到的一些坑。

      现代前端-近年的发展与有趣实践

      少女dtysky

      世界Skill

      时刻2017.01.08

      路标

      前端

      PPT

      这个是我在B站内部技术分享做的PPT,本人水平还很菜所以难免有不少纰漏,但脉络上应该还是没有问题的,抱着一切能开源就开源的心态,我就扔这里了www(跑)年轻还是要多折腾啊,要不以后多后悔www

      【Less】实现可选参数以及各种AutopreFixer

      少女dtysky

      世界Skill

      时刻2016.10.14

      路标

      Less

      AutoPrefixer

      Css

      Keyframes

      Less和Sass、Scss、Stylus等都是CSS的预处理语言,比起CSS,它们更接近于一门完整的程序语言。变量、引用、函数、Mixin等,使得它们提供更强的逻辑功能来使得样式代码也可以复用、并且便于维护。Less相较其它几种,更加接近于CSS原生的思维模式和写法。本篇就我的使用心得,论述一下如何可选参数函数,以及介绍一些我实现的各种AutopreFixer。

      【Flask/React】此博客服务端的缓存实现

      少女dtysky

      世界Skill

      时刻2016.10.13

      路标

      React.js

      Redux

      React-router

      Flask

      缓存

      Cache

      承接上篇【React/Redux】深入理解React服务端渲染,由于React服务端渲染带来的开销,在内存尚可的状况下使用缓存是个不错的选择,而对于这个项目,由于前后端是分离的,所以需要在Node这边和Flask那边来协作完成最完备的缓存,本片文章就将记录一下我的思路。

      【React/Redux】深入理解React服务端渲染

      少女dtysky

      世界Skill

      时刻2016.10.11

      路标

      React.js

      Redux

      React-router

      Express.js

      服务端渲染

      在上一篇文章【React/Redux/Router/Immutable】React最佳实践的正确食用姿势中,已经论述了React最佳实践的前端部分,但在最后也已说明,那种基本实现对SEO并不友好,并且由于首屏渲染依赖于ajax所以在JS禁用状态下基本也就废了,所以我们需要利用服务端渲染(Server side rendering)来对首屏进行优化。虽然React官方提供服务端渲染的API,React-router也支持,但在渲染依赖于ajax请求的状况下仍然聊胜于无,但这并不是无解的,和Redux的合作便可以相对完美地解决这个问题。

      【React/Redux/Router/Immutable】React最佳实践的正确食用姿势

      少女dtysky

      世界Skill

      时刻2016.10.09

      路标

      React.js

      Redux

      React-router

      Immutable

      MVVM

      ES6

      现代前端框架基本都是对传统系统应用框架的搬运,React虽定位为一个View层的框架,实际上却包含了MVVM中的每一环,每一个组件都可以看做是拥有所有环节的结合体。其激进的设计不但体现在JSX这个融合了HTML+JS+CSS的语法糖,也体现在了对MVVM的杂糅,然而和直觉不同,这并没有使得三者混乱分离,或者说M V VM这三者的聚合并不会带来什么问题,反而有一些益处。真正的问题在于组件嵌套带来的组件通信和VDOM使用不当带来的性能问题,而Redux和Immutable就是来解决这个问题的。此外,React-router的出现使得前端路由成为可能,这几者结合起来大幅加强了一个SPA的开发效率和可维护性。

      【CSAPP】笔记-Cp3-3-控制与过程数据存储

      少女dtysky

      世界Skill

      时刻2016.07.04

      路标

      CSAPP

      计算机系统

      汇编

      控制

      过程

      数据

      CSAPP(深入理解计算机系统)第三章“程序的机器级表示”第二部分“控制、过程、和数据存储”的笔记和课后习题。

      «1

      2

      345»

    Links

    Lm7DomikSein.jswx-minigamehana-uiNekohandJerryFu南史

    这是一个孤独行者的轨迹。