simplify the life

上一页 1 2 3 4 5

2015年7月9日 #

纠结的连等赋值

摘要： 偶的看到一段有意思的代码：var a = {n: 1};a.x = a = {n: 2};console.log(a.x); 作为一个热衷于“钻牛角尖”的人，楼主对这样的代码很感兴趣，也不禁陷入了思考。so也不要说写这样的代码难维护啥的，纯粹为了思考逻辑。 首先，这是一个连等赋值，而且赋值的... 阅读全文

posted @ 2015-07-09 10:18 lessfish 阅读(1759) 评论(8) 推荐(1) 编辑

2015年6月29日 #

从setTimeout谈JavaScript运行机制

摘要： 从setTimeout说起 众所周知，JavaScript是单线程的编程，什么是单线程，就是说同一时间JavaScript只能执行一段代码，如果这段代码要执行很长时间，那么之后的代码只能尽情地等待它执行完才能有机会执行，不像人一样，人是多线程的，所以你可以一边观看某岛国动作片，一边尽情挥洒汗水。J... 阅读全文

posted @ 2015-06-29 13:15 lessfish 阅读(11577) 评论(12) 推荐(5) 编辑

2015年6月12日 #

闭包拾遗 & 垃圾回收机制

摘要： 闭包拾遗 之前写了篇《闭包初窥》，谈了一些我对闭包的浅显认识，在前文基础上，补充并且更新些对于闭包的认识。 还是之前的那个经典的例子，来补充些经典的解释。function outerFn() { var a = 0; function innerFn() { console.log(... 阅读全文

posted @ 2015-06-12 09:48 lessfish 阅读(3330) 评论(1) 推荐(4) 编辑

2015年6月10日 #

闭包初窥

摘要： 不久前的面试中，面试官开门见山问我闭包是什么，我哑然。就像this一样，可能给我几道关于this的题目我会做，但是要我说说什么是this，我还真不知道从何说起，为了face以后同样的问题，查阅了一些资料在此简单做下记录。诚然，楼主对于闭包的理解还处在初级阶段... 简单来说闭包拥有三个特性：1... 阅读全文

posted @ 2015-06-10 09:38 lessfish 阅读(2567) 评论(15) 推荐(10) 编辑

2015年6月9日 #

JavaScript原型链和instanceof运算符的暧昧关系

摘要： 时间回到两个月前，简单地理了理原型链、prototype以及__proto__之间的乱七八糟的关系，同时也简单了解了下typeof和instanceof两个运算符，但是，anyway，试试以下两题： 如果无法得出准确答案，跟着楼主一起温故而知新吧。 温故 我们经常用typeof运算符来判断一个变量的 阅读全文

posted @ 2015-06-09 09:59 lessfish 阅读(1047) 评论(0) 推荐(0) 编辑

2015年4月8日 #

（译）详解javascript立即执行函数表达式（IIFE）

摘要： 写在前面 这是一篇译文，原文：Immediately-Invoked Function Expression (IIFE) 原文是一篇很经典的讲解IIFE的文章，很适合收藏。本文虽然是译文，但是直译的很少，而且添加了不少自己的理解。 ps：下文中提到的“立即执行函数”其实就是“立即执行函数表达式” 阅读全文

posted @ 2015-04-08 17:09 lessfish 阅读(8938) 评论(7) 推荐(7) 编辑

2015年4月5日 #

一道有意思的笔试题引发的对于new操作符的思考

摘要： 楼主比较喜欢看一些很短但很有意思的题目，无意间又瞥到了一题，大家不妨可以一试。（原题链接猛戳这里） 或许你经常写面向对象编程的代码，也熟悉以上代码中this的用法甚至是prototype或者原型链，但是还是无法解释上面代码的输出，这时我们不得不承认对new的了解还不是很透彻。 先看一段普通的使用ne 阅读全文

posted @ 2015-04-05 13:58 lessfish 阅读(2108) 评论(0) 推荐(2) 编辑

2015年3月26日 #

javascript中prototype、constructor以及__proto__之间的三角关系

摘要： 三者暧昧关系简单整理 在javascript中，prototype、constructor以及__proto__之间有着“著名”的剪不断理还乱的三角关系，楼主就着自己对它们的浅显认识，来粗略地理理以备忘，有不对之处还望斧正。 楼主的一句话理解就是：某个对象的constructor属性返回该对象构造函 阅读全文

posted @ 2015-03-26 10:53 lessfish 阅读(2090) 评论(9) 推荐(8) 编辑

2015年3月25日 #

这10道javascript笔试题你都会么

摘要： 1、考察thisvar length = 10;function fn() { console.log(this.length);}var obj = {length: 5, method: function(fn) { fn(); arguments[0](); }};obj.m... 阅读全文

posted @ 2015-03-25 10:36 lessfish 阅读(19121) 评论(23) 推荐(20) 编辑

2015年3月24日 #

汤姆大叔的6道javascript编程题题解

摘要： 看汤姆大叔的博文，其中有篇（猛戳这里）的最后有6道编程题，于是我也试试，大家都可以先试试。 1、找出数字数组中最大的元素（使用Math.max函数） 这题很巧妙地用了apply，如果不是数组，是很多数字求最大值，我们知道可以这样： 而apply的第二个参数正是一个数组，都不用进行转换了。 还有一种用 阅读全文

posted @ 2015-03-24 13:16 lessfish 阅读(4853) 评论(18) 推荐(12) 编辑

2015年3月16日 #

打字机游戏Ⅱ之手速pk

摘要： 前言 demo预览-> typewriter gameⅡ （chrome only 没做兼容） 别看一开始时速度不快，会线性增长的哦，反正楼主的score还没达到过40... 为什么叫Ⅱ呢？之前写了个打字机游戏（试玩猛戳这里），数据上只是简单的手写了50个单词，全部输入正确即可过关，本来想改一下做成 阅读全文

posted @ 2015-03-16 16:39 lessfish 阅读(1187) 评论(0) 推荐(2) 编辑

2015年3月9日 #

css3实践之摩天轮式图片轮播+3D正方体+3D标签云（perspective、transform-style、perspective-origin）

摘要： 本文主要通过摩天轮式图片轮播的例子来讲解与css3 3D有关的一些属性。 demo预览： 前文回顾 在前面的文章css3实践之图片轮播（Transform，Transition和Animation）中我们简单地了解了css3旗下的transform、transition以及animation。回顾一 阅读全文

posted @ 2015-03-09 09:13 lessfish 阅读(3313) 评论(2) 推荐(5) 编辑

2015年3月6日 #

css3实践之图片轮播（Transform，Transition和Animation）

摘要： 楼主喜欢追求视觉上的享受，虽常以牺牲性能无法兼容为代价却也乐此不疲。本文就通过一个个的demo演示来简单了解下css3下的Transform，Transition和Animation。 本文需要实现效果：（请用chrome打开） Transform 根据我的理解，transform和width、he 阅读全文

posted @ 2015-03-06 10:22 lessfish 阅读(5081) 评论(7) 推荐(2) 编辑

2015年3月2日 #

Canvas之打字机游戏

摘要： 最近针对粒子化作了一点点的探究，决定结合其做个小游戏，于是这个简单的打字游戏出世了。 试玩地址：Typewriter game 仅在chrome下测试，请谨慎使用其他浏览器（特别是ff）；加载速度有点慢，请耐心等待5~10秒。因为需要加载的粒子太多了... 游戏概况 游戏逻辑和代码其实是很简单的，都 阅读全文

posted @ 2015-03-02 08:47 lessfish 阅读(1644) 评论(0) 推荐(5) 编辑

2015年2月27日 #

谈谈文字图片粒子化

摘要： 之前写了谈谈文字图片像素化，主要是为了将文字和图片像素化后的坐标提取出来，而本篇所讲即为像素化后的粒子化过程。 先上一个简单的demo -> 粒子化demo，本篇的目的就是为了讲解怎样做这样的简单demo（大牛请无视）；同时会介绍一些优秀的demo供大家参考。 主要思路 首先我们谈谈粒子化的主要思路 阅读全文

posted @ 2015-02-27 13:29 lessfish 阅读(2201) 评论(4) 推荐(4) 编辑

2015年2月12日 #

rotate 3d基础

摘要： 基础 看了岑安大大的教程学习了3d基础，之前写了篇总结，觉得写的太散废话太多，重写一篇。 本文需要实现的效果如下：3d球 岑安的两篇教程写的很棒，但我感觉改变下顺序或许会更好理解。 我们把画布（此文所讲所见所得均基于canvas）的中心当做是一个空间三维系的中心，画布的x和y轴正方向分别当做... 阅读全文

posted @ 2015-02-12 12:26 lessfish 阅读(1843) 评论(4) 推荐(1) 编辑

2015年2月8日 #

两个Canvas小游戏

摘要： 或许连小游戏都算不上，可以叫做mini游戏。 没有任何框架或者稍微有点深度的东西，所以有js基础的或者要追求炫酷效果的可以直接ctrl+w了。 先贴出两个游戏的试玩地址： 是男人就走30步 是男人就忍30秒 基础 基础 接下来简单说说怎样开发这样的基础游戏。 首先你要懂得canvas上的基本api， 阅读全文

posted @ 2015-02-08 20:07 lessfish 阅读(1693) 评论(0) 推荐(5) 编辑

2015年2月2日 #

【自己给自己题目做】：如何用裸的 Canvas 实现魔方效果

摘要： 最终demo -> 3d魔方 体验方法： 浮动鼠标找到合适的位置，按空格键暂停 选择要翻转的3*3模块，找到相邻两个正方体，鼠标点击第一个正方体，并且一直保持鼠标按下的状态直到移到第二个正方体后放开，比如下图： （鼠标点击1处，然后一直移动到2处松开，中间一行的3*3模块绕图示方向发生转动） 按空格 阅读全文

posted @ 2015-02-02 10:52 lessfish 阅读(2064) 评论(5) 推荐(4) 编辑

2015年1月29日 #

Canvas之蛋疼的正方体绘制体验

摘要： 事情的起因 之前写了篇谈谈文字图片粒子化 I，并且写了个简单的demo -> 粒子化。正当我在为写 谈谈文字图片粒子化II 准备demo时，突然想到能不能用正方体代替demo中的球体粒子。我不禁被自己的想法吓了一跳，球体的实现仅仅是简单的画圆，因为球体在任意角度任意距离的视图都是圆（如果有视图的话） 阅读全文

posted @ 2015-01-29 10:16 lessfish 阅读(3472) 评论(1) 推荐(4) 编辑

2015年1月26日 #

谈谈文字图片像素化

摘要： 先来看个简单的demo-> 像素粒子化 demo是基于3d旋转算法+像素粒子化实现的，尚有一些bug和性能问题，我们不做深究。本篇主要谈谈如何将文字和图片的像素粒子化。针对这个demo，也就是如何实现如下两个图片的转换。 无论文字还是图片，本篇所讲都是针对画布，这点要清楚。如果是文字，用fillTe 阅读全文

posted @ 2015-01-26 19:48 lessfish 阅读(3739) 评论(2) 推荐(6) 编辑

上一页 1 2 3 4 5

导航

统计信息

点击右上角即可分享
微信分享提示