The Summer, The Winter

在懒人之家看到的。。小小实现了一下几乎花掉一下午。。。好醉。。虽然好像理一理框架，但是电脑上好难说。。。。效果图大概这样。round是细框，test是小球，inner是实心圆。其实动的不是小球，是细框，但是因为小球在细框里所以带着小球一起动。可以get的技能：margin为负值，定位的方法，css animation的用法， 不同浏览器的兼容（-webkit- ...） roun

上周花两天时间写了一个头像截图的插件（插件？），能够完成本地图片上传，选择指定区域截图的功能。canvas的圆角遮罩：1、如果是canvas元素，直接指定canvas元素的css，设定圆角2、如果是想在canvas里绘制圆形遮罩：ctx.save();//绘制一个圆ctx.arc(x,y,r,stangle,enangle)//剪切该区域，然后之后所有的绘图都被

遭遇此坑真是刻骨铭心。。。。。几乎找了半天的错误。。。查了API，看了好多人的代码。。。最后。。。终于发现是哪里有问题。。。其实不记得这种写法怎么来的了。。。。= = 因为刚开始看代码的时候会点开很多教程看。。可能默默就错了。。。。错误：var db = mongoose.createConnection(setting.host, setting.db);db.once('open

之前用库的时候，一直是看着别人的教程走的，所以少走了很多弯路。。。0 0.这次做博客想试着自己做，不看文档。。然后。。说说问题，用代码save记录之后，我从终端上访问数据库，发现没有相关的collection。然后看了看拿来的代码，发现没有关于collection的定义。查了文档：关于collection的定义是第三个参数，如果缺省的话，是通过一个函数默认定义的:『When no

SQL术语/概念MongoDB术语/概念解释/说明databasedatabase数据库tablecollection数据库表/集合rowdocument数据记录行/文档columnfield数据字段/域indexindex

懒癌晚期终于因为要找实习而要开始动手搭博客了。。0 0.。。。。想想现在流的汗都是当时寒假不努力脑袋进的水。。。TAT去网上搜怎么搭建博客的时候很多都是用WordPress或者其他的什么方法搭建。但是我想要一个『自己』搭建的博客啊！前端后端数据库都是我！！做的......其实就是想了解下怎么搭建个网站，怎么设计数据库存放，怎么路由。。QUQ。在动手前先计划好了博客的版面模块

之前看for-in的时候不解为什么这是用来遍历对象属性的，但是有些属性却遍历不出来，但是单独用in判断是否可访问一个属性名的时候发现返回的是true。。。对象的属性有四种特性，[[Configurable]]是否能够通过delete删除，[[Enumerable]]是否能通过for-in访问，[[Get]]在读出属性时调用的函数，[[Set]]在写入属性时调用的函数。程序员添加的属性默认都是可

ajax可以实现异步和同步，但是无法跨域访问资源。主要的跨域访问有CORS，jsonp，comet，websocket等。先说说什么是跨域：对于资源的访问，只要是来自不同协议（http,https..)或者不同域名(www.xx.com,www.yy.com，或者是域名对应的ip地址，或者是网站的子域)或者不同的端口号都是跨域访问。处于安全因素的考虑，跨域一半都是不被允许的。因为如果有

今天晚上酒足饭饱回到座位上，悠闲了一下接到一个深圳的电话…… 气定神闲接起来以为是广告，就等着他放录音然后果断挂掉了…然而… 他叫我同学……那一刻我就觉得不妙了… 他说他是xx公司？还是什么部门的没有听清…稀里糊涂的被面了20分钟（时间有点短啊…）… 挂完电话还懵逼了半个小时… 这种销魂的面试方式大概是腾讯吧……也没谁了……由于已经放纵了一个来月，有些东西有点讲不清楚了……来来回回错了好几个吧

说来惭愧，自从上次面试完网易后，就开始萎靡不振了，过去大半个月了没有做什么事情，开启了混日子模式QUQ。本来打算入手下websocket的多人联机这样，但是发现没有什么动力去做。。所以打算看看书，现在正好计网在讲TCP/IP，我对于IP，还有HTTP是怎么保持长连接的不是很懂，并且想多了解了解，所以就这样开始吧。这篇比较杂，，是最近一直拖着而没有解决的小问题。。近期目标是一周内把HTTP指南看

虽然已经出来好久了，但是之前没有好好看…所以又忘了…最近真是发现自己的浅薄了（捂脸）参考：http://www.cnblogs.com/yeer/archive/2013/01/21/2869827.html还是想自己捋一遍1.什么是location.hash在url中出现 #… 井(#)号就是hash，如果输入window.location.hash，那么出现的就是#……(井号和

拿到一个没有目录的pdf，因为实在太不爽……所以想有没有办法自动化的方法可以生成目录QUQ，查了查果然acrobat有js的api可以提供，但是写完之后发现只能在acrobat上面能索引QUQ，其他的阅读器都不能用索引……只能看见目录……真真不爽！！(* ￣︿￣)先说下思路吧……挺傻的……一般当当这样卖书的地方都有书的目录和页码，这个很好找的嘛。然后copy到txt里，先用python把它变成

浏览器缓存有两种方式：1.强缓存 2.协商缓存主要过程是：浏览器请求资源的时候，先检查资源是否命中强缓存，如果命中就从缓存中加载。如果没有（或者资源过期），就检查是否命中协商缓存，如果命中，就还是从缓存中加载。再没有就从服务器上加载啦。（这样莫名的像cache命中。。一级cache缺失就检查二级cache。并且每级的缺失都会导致性能的消耗）1.强缓存方法：在header处设置cac

所谓的Hack就是只有特定浏览器才能识别这段hack代码。Hack 不是什么好东西，除非没有办法，我们尽量还是不要用着玩意。下面是各个浏览器的CSS Hack 列表,希望能对你有所帮助Firefox 浏览器@-moz-document url-prefix(){ .selector {property: value;}

visibility:hidden和display:none都能使元素看不见，但是前者只是看不见，但是实际还存在在文档流中；后者是直接从文档流中删去了，根本不存在。visibility的属性：inherit => 从父元素继承属性hidden =>隐藏元素visible => 元素可见collapse => 主要用于table，删除一行或一列，被删除后原位置不会被其他元素占用

今天看了js秘密花园的对象和函数这一块，做个笔记总结和回顾一下。 对象： 1.定义：js中的一切变量皆对象，除了undefined和null。连数字字面量都是对象（object类型和对象不是一个东西0 0） 2.属性：通过obj[attr]或者obj.attr进行访问 用delete操作符进行删除操作（ex：delete obj.attr）

0 0今天看到原型链。。又一次懵逼。。果然每次看都有新体验啊。。之前看prototype看的一知半解。今天又花了点时间重新理解了下。。而且最近睡眠不足。。一半时间瞪着书是懵逼的，一点看不懂。首先要知道，

Chrome的开发者工具已经强大到没朋友的地步了，特别是其功能丰富界面友好的console，使用得当可以有如下功效：更高「逼格」更快「开发调试」更强「进阶级的Frontender」Bug无处遁形「Console大法好」console.log大家都会用log，但鲜有人很好地利用console.error , console.warn 等将输出到控制台的信息进行分类整理。他

今天班聚回来特别困。。睡了一觉之后发现了个有趣的demo。。因为是英文。。又迷迷糊糊。。所以没有看懂原理。。先拿来玩玩，有空了再扒扒原理。23333，，蜜汁摸鱼。效果如下：核心代码就这一段：function getRainbow(width, center, str){ if(!width) width = 127; if(!center) center = 128;

有点懵逼，，关于基本类型，引用类型，object类型......JS中变量保存两种类型的值，一种是基本类型值，一种是引用类型值。像undefined，null，string，Number，Boolean就是基本类型值。引用类型值是讲数据和功能组织在一起的类型，他们的值就是对象的实例。所有关于对象的字面量都是对象的指针。引用类型主要有Object，Array，Date，Function，

今天看dom。。。=  =。。不知道为什么这两天看书总是困乏。。。看一点就要看不下去了。。好困。。=  =。。。效率有点低。。。所以吃完午饭之后半个小时就睡了一觉，起来还觉得困。。于是又出去吃了寿司=  =。。。。于是终于精神了。。。。迷之启动方式DOM用于访问HTML和XML。平常用于dom操作来动态改变页面的内容。恩。。可能是平常使用的dom操作有限。。所以对于其他的一些dom节点不是

是跟着慕课网的教程做的。看第一遍的时候不记得node了。。然后听得也有点懵逼。。看第二遍的时候就豁然开朗了。（一定是因为睡饱了）。。。自己挺喜欢的，特别是可视化的Dot，黑色底看着像星空。自己对于这种东西总是有点痴迷。。虽然于是打算当成一个项目（这样随意....），添加暂停，播放，歌曲切换，单曲循环，列表循环的功能（因为很简单，所以介绍起来莫名的有点羞耻。。）主要知识点：web audio

写在前面网上非常多都在说”JavaScript一切皆对象“，那么这个"一切"到底是实实在在的"一切"，还是一个虚数？也有看过网上的文章，有的三纸无驴，就是抄抄概念，有的也只是解释了一部分，并没有给出确切的结论。那么我想结合自己的理解，给出一个确切的结论。当然，结论嘛，自然要放在文章结尾。小伙伴们接着往下看。数据类型概要进入之前，有必要概要地说一下js的数据类型，当然

JS的类型是松散类型。有5种简单类型：Undefined，Null，String，Number，Boolean和1种复杂类型：Object。 1.Undefined 这个类型只有一个值，就是undefined。每个没有初始化的变量都是undefined。 2.Null 这个类型也只有一个值，就是null。从逻辑上说，有null值的变量看做一个空的指针。所以用typeof检测这种变量，显示是o

JS的回收机制分两种：1.标记清除 2.引用计数。各大浏览器常用的是前者.这两种回收机制的过程都比较清晰易懂。标记清除：是对于脱离作用域的变量进行回收。当进入作用域时，进行标记，离开作用域时，标记并回收这些变量。引用计数：是记录每个变量的被引用情况，每当过一段时间开始垃圾回收的时候，就把被引用数为0的变量回收。这个问题可能导致循环引用，类似死锁。这样变量就永不会被销毁。。由于每

cookie and storage相同：1.都是键对值方式存储2.都有长短期两种存储方式区别：1.cookie：有长期和短期。默认为短期，即在浏览器关闭后消失。每次http请求都会附带cookie，所以cookie大小很重要。指定格式：name=value; expires=xx; path=xx; domain=xx; secure (bool)

之前写『幻灯片』插件的时候，在滚动要改变幻灯片位置的时候，发现怎么对元素设置style都无效。。六脸懵逼0 0。之前做头像插件的时候也出现过这种问题。。不过那个是偶发的。。。现在还不知道为什么。。于是一直以为是style的设置有误。。后来不可置信的发现是innerHTML的问题。。在创建每个图片的导航的时候，是生成了导航的节点，然后把父元素的inneHTML+=生成的节点text。于是悲剧就发

1.XSS分类：     1.反射型：给用户发送页面或者链接，让用户点击来进行攻击     2.存储型：把攻击存放在服务端，可能造成传播（比如博客系统，每个访问该页面的人都有可能被攻击），主动性更强     3.DOM型：本质上是反射型，但是是通过用户点击，修改原本dom元素的属性，构造攻击动作反射型和dom型区别：     反射型是构造好了攻击动作，然后就等你打开那个页面