• 基于socket.io实现的简易你画我猜

    # 前言 一直都想好好的学习运用`node`,一直都不知道要做什么东西,最近Java Web老师要求做个前端的应用,既然是前端应用,那肯定得是单页应用了, 而且node很适用于高并发的实时应用,所以便选择`node`以及基于`node`的`socket.io` <!--more--> # 演示地址 - 实时画板+聊天室 [Demo](http://paint.moyuyc.xyz/) [Gi
    ...more
  • 「项目拾遗」几个计算机图形学的前端程序

    # 前言 这是一篇不太正规的「计算机图形学论文」,其实论文谈不上,因为根本上不到研究的层次,就是自己瞎捣鼓。 主要介绍了几个与图形学相关的程序,皆采用前端技术实现,点击即可查看。 - [简单的绘图程序](http://moyuyc.github.io/htm/painter/) - [三次贝赛尔曲线应用-绘制平面动态花瓣](http://moyuyc.github.io/2016/04/26
    ...more
  • 百度前端二面总结(已过)

    # 前言 昨天,进行了百度第二次前端面试,结果今天中午就通知我过了,准备本周五进行三面,百度的办事效率还挺高的哈。 写这篇文章为了记录和总结一下,已经回顾自己的不足,以及展望下后面的计划。 <!--more--> # 开始前夕 我听取了一面面试官的建议,花了一周时间捣鼓了一个静态博客,所以我就在简历上加上了我的博客地址,然后发了一份新的简历给二面面试官。 二面面试官比一面面试官「活跃」些,互动
    ...more
  • 「转」为什么V8 JavaScript引擎这么快

    # 说明 为什么转载? > 这篇文章内容比较丰富,涉及的知识点也比较广泛,有编译原理,数据结构,汇编... 需要对计算机整体有个比较好的认识与把控,才能理解深刻。 遂转该文章,以便后续的学习与理解。 <!--more--> # 前言   Google研发的V8 JavaScript引擎性能优异。我们请熟悉内部程序实现的作者依源代码来看看V8是如何加速的。      作者:Community
    ...more
  • 「ECMAScript6」Promise介绍与nodejs实践运用(q.js)

    <img width="460" height="460" src="../../img.png" /> <img width="460" height="460" src="../../img.png" /> # 介绍 看了网上许多介绍 `Promise` 的文章,终于知道 `Promise` 是什么,干什么的了。 首先需要指出的是,**promise是es6提出的新标准之一**,那么提
    ...more
  • 「项目拾遗」谈谈websocket

    # 前言 在2015年寒假期间,我完成了考友无忧项目的考友互动板块模块,主要是基于websocket实现的公共聊天室/一对一好友聊天/实时消息推送,基于websql实现的历史聊天纪录存取。 *项目地址 [http://moyuyc.xyz/autoexam/](http://moyuyc.xyz/autoexam/)* 测试用户 moyumoyu,密码 moyumoyu <!--more-->
    ...more
  • 谈谈JavaScript之数组对象深拷贝

    # 回忆 上周百度面试问了我关于数组的 `clone` 方法的实现,当时没来得及细想,然后口头上说 > 数组就是一串数据序列,可以遍历然后进行深拷贝即可。 关于细节实现的东西都没想,然后面试官那边好像就无语了... 不过好在我提到了 `深拷贝` 这个关键字。 <!--more--> # 再探clone ## 浅复制 先看第一段代码 ```javascript Array.prototype
    ...more
  • 从定时器到 Web Worker

    # 前言 首先,JavaScript是单线程执行的,也就是同一时间只有你的一份js代码在运行(不论你cpu几核,os是以线程为基本单位分配任务调度的,为了利用多核cpu的优势,HTML5提出Web Worker标准,本文会讲到), 那么JavaScript中的`setInterval`和`setTimeout` api是什么工作原理呢? <!--more--> # JavaScript事件循
    ...more
  • git捣鼓记之「Pull Request」

    # 前言   昨天,又捣鼓了一会儿git,因为想把我关于[NexT](https://github.com/iissnan/hexo-theme-next)主题的修改提交到原作者github上,以方便更多人使用。 <!--more--> # 修改之处   原版的主题中,有三种Schema(Muse/Mist/Pisces),在主题的配置文件`_config.yml`中,有sidebar:pos
    ...more
  • play css3 Animation

    <iframe src='/htm/css31.html' style='width:100%;height:260px;'></iframe> 将鼠标移动至黑色方格上,或者点击黑色方格。 <!--more--> # 关于CSS3动画 ## transform? translation? ### 转换(transform)   顾名思义,就是一些转换动作,如放大缩小( `scale` ),
    ...more