小扣钉

摘要： "（半夜没睡着） “你是不是饿了，哎呀我也饿了。”" "（聊到合拍处） “我和你有一万句me too想要说。”" "（异地恋） “我辞职，去你那儿吧！”" "（分手第33天） “我遇见了一个人，哪方面都很棒，但就是没你好。”" "（睡觉前） “喂，认识你之后我都成情话博主了。”" "（吃饭时） “最 阅读全文

摘要： 无论是神秘的iwatch也好，还是当前炒得火热的google glass。苹果和谷歌这两大巨头对未来的押宝不谋而合：可穿戴设备。可穿戴设备究竟是个什么玩意儿？可穿戴设备就是我们身上的一个小小的电子设备。还记得那些年挎在我们腰带上的walkman么，其实它也是广义上的可穿戴设备，它让我们意识到费劲巴拉地提着一台笨重的卡带机是多么傻的一件事。后来，我们发现MP3更轻更小，存储量却大大提升，而且能够便捷地从网上下载音乐，好吧，walkman退出历史舞台。之后的MP4，MP5...wow！还能看电影和电子书呐！如果说这些属于随身电子设备蛮荒时代的产物，那么智能手机则完成了从动物到人的进化。这个玩意儿的 阅读全文

摘要： 前几天看一个故事：1970年，赞比亚的玛丽·尤肯达修女给当时NASA太空航行中心的科学副总监恩斯特·史都林格博士写信问道：“目前地球上还有这么多小孩子吃不上饭，你怎么还能舍得为远在火星的项目花费数十亿美元？”史都林格很快给玛丽·尤肯达修女回了信。大意是，很多看起来暂时无用的基础科学研究，其实才是推动生产力和人类进步的最大力量。他这封真挚的回信随后由NASA以《为什么要探索宇宙》为题发表。高中上学的时候，学了很多当时觉得很无聊的东西，比如矩阵。感觉数学家们吃饱了撑得搞这些数字游戏。后来自己接触了游戏行业，才知道原来这些枯燥无味的数字真的能够解决很多实际问题。比如计算 阅读全文

摘要： 当手机app充斥着我们生活方方面面的时候，我们觉得我们得感谢android系统与ios系统提供了良好的平台。但试想，假若没有当今的android与ios，移动应用会在塞班平台上爆发吗？其实没有安卓与苹果的那些年，手机应用在年轻人中已经不是新鲜玩意儿了，至少手机qq，几乎每个人都在用，以及后来风靡的那些泡妞利器等等，也是在塞班平台上积累起来的用户。那我想，假若没有安卓与苹果，移动互联的时代依旧会到来，今天我们依旧会翻阅着手机上满屏的应用。只不过可能这个演变的过程会比现在慢许多。是人们先肯定这种行为方式，某种优化了的行为方式才会被发扬光大。本质来讲，还是人们的需求已经客观存在了的，那些先驱者归纳总 阅读全文

摘要： 由于不做php相关的东西，懒得装apache，干脆利用nodejs搭建一个本地的服务器用于测试。nodejs这玩意儿吧，对做前端的介入后端简直就是一把利器。而且目前，nodejs也越来越有商用价值。nodejs其实是非常底层的，从功能上说，它既是apache也是php。像搭建http服务器这种功能，本来是apache已经封装好的，但nodejs需要我们手动来搭建。其实在实际应用中，我们可以使用现成的框架。但这里，我想手动搭建，也加深一下对http服务器的理解。我们node执行下面这个文件，我命名为http.js，它将创建一个httpServer并监听3000端口。var PORT = 3000 阅读全文

摘要： 最近一直在研究unity3d，很强大的一款3d引擎。本篇介绍基于此引擎的一个物理赛车驱动算法。建模丑了点...首先，我们需要先弄懂汽车的工作原理。每个汽车的动力来自引擎。引擎动力的量化我们用力矩来表示。引擎通过变速箱把力传给轮子，这样轮子就转了起来，整个汽车就可以动了。需要注意的有以下几个点：1，加减档系统。所谓变速箱其实可以抽象为一个数组，每个数表示引擎力与轮子力的线性对应关系。汽车一般为6个档位，那么我们数组的大小也应该是6。动力来自引擎，通过当前档位计算出轮子的力矩，从而使轮子转动。另一方面我们捕获轮子的转速，通过当前档位再计算出引擎当前的转速。我们限定了引擎的最大与最小转速，规定：引擎 阅读全文

摘要： 本文分为两个部分，第一部分讨论跨平台网站的可行性，第二部分讨论viewport是如何设置的开发跨平台网站？靠标签的自适应宽高实现多尺寸通用！？标签宽高可以自适应没错，我们很早就可以这么做了。但是你会发现很多pc端的传统网站还是会把宽度固定。（淘宝采用1000px宽度，搜狐950px...）为什么我们不让网站自适应宽高呢？那是因为，如果我们听任标签宽度被浏览器任意拉伸，将导致极差的体验：你不会希望当浏览器被缩放到100px时，你的左边栏变成了面条；也不会希望当浏览器被过度拉伸时，你的网站看起来像小学生的横格本。所以，靠标签的自适应来实现跨平台，是不现实的，是以牺牲用户体验为代价的。很多时候我们必 阅读全文

摘要： 来源：腾讯 ISUX移动设备的用户越来越多，每天android手机的激活量都已经超过130万台，所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验，以及给出几种可选的解决方案。一、基本概念（1） CSS pixels与device pixelsCSS pixels： 浏览器使用的抽象单位， 主要用来在网页上绘制内容。device pixels： 显示屏幕的的最小物理单位，每个dp包含自己的颜色、亮度。等值的 CSS pixels在手机屏幕上占多大的位置，这不是固定的，这取决于很多属性。经过分析和总结，我们可以得出这么一条公式： 1 CSS pi 阅读全文

摘要： 一个触屏网站到底和传统的pc端网站有什么区别呢，交互方式的改变首当其冲。例如我们常用的click事件，在触屏设备下是如此无力。 手机上的大部分交互都是通过touch来实现的，于是，对于触屏的交互式网站，触摸事件是相当重要的。 Apple在iOS 2.0中引入了触摸事件API，Android正迎头赶上这一事实标准，缩小差距。最近一个W3C工作组正合力制定这一触摸事件规范。 阅读全文

摘要： 本篇文章将详细讲解three.js中渲染器（renderer）的设置方法。three.js文档中渲染器的分支如下：RenderersCanvasRendererDOMRendererSVGRendererWebGLRendererWebGLRenderTargetWebGLRenderTargetCubeWebGLShaders可以看到three.js提供了很多的渲染方式，我们选择的当然是WebGLRenderer，但我们这里要将CanvasRenderer与WebGLRenderer两种渲染方式做一个比较。在上篇文章的例子中，我们完全可以把WebGL渲染器：renderer=new THRE 阅读全文