![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端!。
文章平均质量分 66
natsuyu
这个作者很懒,什么都没留下…
展开
-
css实现圆球顺时针滚动
在懒人之家看到的。。小小实现了一下几乎花掉一下午。。。好醉。。虽然好像理一理框架,但是电脑上好难说。。。。效果图大概这样。round是细框,test是小球,inner是实心圆。其实动的不是小球,是细框,但是因为小球在细框里所以带着小球一起动。可以get的技能:margin为负值,定位的方法,css animation的用法, 不同浏览器的兼容(-webkit- ...) roun原创 2015-07-17 19:03:02 · 2468 阅读 · 0 评论 -
头像截图小插件 【前端】
上周花两天时间写了一个头像截图的插件(插件?),能够完成本地图片上传,选择指定区域截图的功能。canvas的圆角遮罩:1、如果是canvas元素,直接指定canvas元素的css,设定圆角2、如果是想在canvas里绘制圆形遮罩:ctx.save();//绘制一个圆ctx.arc(x,y,r,stangle,enangle)//剪切该区域,然后之后所有的绘图都被原创 2016-01-04 17:23:31 · 1165 阅读 · 0 评论 -
【大雾】mongoose中createConnection和connect的大坑!
遭遇此坑真是刻骨铭心。。。。。几乎找了半天的错误。。。查了API,看了好多人的代码。。。最后。。。终于发现是哪里有问题。。。其实不记得这种写法怎么来的了。。。。= = 因为刚开始看代码的时候会点开很多教程看。。可能默默就错了。。。。错误:var db = mongoose.createConnection(setting.host, setting.db);db.once('open原创 2016-03-13 17:51:57 · 4883 阅读 · 2 评论 -
【大雾】关于mongoose的model的小问题
之前用库的时候,一直是看着别人的教程走的,所以少走了很多弯路。。。0 0.这次做博客想试着自己做,不看文档。。然后。。说说问题,用代码save记录之后,我从终端上访问数据库,发现没有相关的collection。然后看了看拿来的代码,发现没有关于collection的定义。查了文档:关于collection的定义是第三个参数,如果缺省的话,是通过一个函数默认定义的:『When no原创 2016-03-13 18:11:09 · 1148 阅读 · 0 评论 -
【前端笔记】关于mongodb的基本概念
SQL术语/概念MongoDB术语/概念解释/说明databasedatabase数据库tablecollection数据库表/集合rowdocument数据记录行/文档columnfield数据字段/域indexindex原创 2016-03-13 18:14:14 · 380 阅读 · 0 评论 -
【honey_blog记】立flag!记录搭建node博客过程中的一点想法
懒癌晚期终于因为要找实习而要开始动手搭博客了。。0 0.。。。。想想现在流的汗都是当时寒假不努力脑袋进的水。。。TAT去网上搜怎么搭建博客的时候很多都是用WordPress或者其他的什么方法搭建。但是我想要一个『自己』搭建的博客啊!前端后端数据库都是我!!做的......其实就是想了解下怎么搭建个网站,怎么设计数据库存放,怎么路由。。QUQ。在动手前先计划好了博客的版面模块原创 2016-03-14 17:05:45 · 782 阅读 · 0 评论 -
【红宝书笔记】 创建对象的几种方法
之前看for-in的时候不解为什么这是用来遍历对象属性的,但是有些属性却遍历不出来,但是单独用in判断是否可访问一个属性名的时候发现返回的是true。。。对象的属性有四种特性,[[Configurable]]是否能够通过delete删除,[[Enumerable]]是否能通过for-in访问,[[Get]]在读出属性时调用的函数,[[Set]]在写入属性时调用的函数。程序员添加的属性默认都是可原创 2016-04-13 00:35:27 · 364 阅读 · 0 评论 -
【红宝书笔记】跨域访问资源和web通信
ajax可以实现异步和同步,但是无法跨域访问资源。主要的跨域访问有CORS,jsonp,comet,websocket等。先说说什么是跨域:对于资源的访问,只要是来自不同协议(http,https..)或者不同域名(www.xx.com,www.yy.com,或者是域名对应的ip地址,或者是网站的子域)或者不同的端口号都是跨域访问。处于安全因素的考虑,跨域一半都是不被允许的。因为如果有原创 2016-03-27 17:51:23 · 608 阅读 · 0 评论 -
关于今天的电面QUQ
今天晚上酒足饭饱回到座位上,悠闲了一下接到一个深圳的电话…… 气定神闲接起来以为是广告,就等着他放录音然后果断挂掉了…然而… 他叫我同学……那一刻我就觉得不妙了… 他说他是xx公司?还是什么部门的没有听清…稀里糊涂的被面了20分钟(时间有点短啊…)… 挂完电话还懵逼了半个小时… 这种销魂的面试方式大概是腾讯吧……也没谁了……由于已经放纵了一个来月,有些东西有点讲不清楚了……来来回回错了好几个吧原创 2016-05-24 19:33:32 · 371 阅读 · 0 评论 -
【HTTP指南】杂
说来惭愧,自从上次面试完网易后,就开始萎靡不振了,过去大半个月了没有做什么事情,开启了混日子模式QUQ。本来打算入手下websocket的多人联机这样,但是发现没有什么动力去做。。所以打算看看书,现在正好计网在讲TCP/IP,我对于IP,还有HTTP是怎么保持长连接的不是很懂,并且想多了解了解,所以就这样开始吧。这篇比较杂,,是最近一直拖着而没有解决的小问题。。近期目标是一周内把HTTP指南看原创 2016-05-09 21:12:24 · 711 阅读 · 0 评论 -
有关window.location.hash
虽然已经出来好久了,但是之前没有好好看…所以又忘了…最近真是发现自己的浅薄了(捂脸)参考:http://www.cnblogs.com/yeer/archive/2013/01/21/2869827.html还是想自己捋一遍1.什么是location.hash在url中出现 #… 井(#)号就是hash,如果输入window.location.hash,那么出现的就是#……(井号和原创 2016-05-27 11:16:34 · 828 阅读 · 0 评论 -
【小工具】用js自动生成pdf目录索引
拿到一个没有目录的pdf,因为实在太不爽……所以想有没有办法自动化的方法可以生成目录QUQ,查了查果然acrobat有js的api可以提供,但是写完之后发现只能在acrobat上面能索引QUQ,其他的阅读器都不能用索引……只能看见目录……真真不爽!!(*  ̄︿ ̄)先说下思路吧……挺傻的……一般当当这样卖书的地方都有书的目录和页码,这个很好找的嘛。然后copy到txt里,先用python把它变成原创 2016-05-28 23:17:03 · 6300 阅读 · 1 评论 -
【前端笔记】一点点http缓存问题
浏览器缓存有两种方式:1.强缓存 2.协商缓存主要过程是:浏览器请求资源的时候,先检查资源是否命中强缓存,如果命中就从缓存中加载。如果没有(或者资源过期),就检查是否命中协商缓存,如果命中,就还是从缓存中加载。再没有就从服务器上加载啦。(这样莫名的像cache命中。。一级cache缺失就检查二级cache。并且每级的缺失都会导致性能的消耗)1.强缓存方法:在header处设置cac原创 2016-03-12 22:32:36 · 961 阅读 · 0 评论 -
【前端笔记】浏览器小hack
所谓的Hack就是只有特定浏览器才能识别这段hack代码。Hack 不是什么好东西,除非没有办法,我们尽量还是不要用着玩意。下面是各个浏览器的CSS Hack 列表,希望能对你有所帮助Firefox 浏览器@-moz-document url-prefix(){ .selector {property: value;}转载 2016-03-12 22:41:49 · 241 阅读 · 0 评论 -
【CSS零碎】visibility:hidden和display:none
visibility:hidden和display:none都能使元素看不见,但是前者只是看不见,但是实际还存在在文档流中;后者是直接从文档流中删去了,根本不存在。visibility的属性:inherit => 从父元素继承属性hidden =>隐藏元素visible => 元素可见collapse => 主要用于table,删除一行或一列,被删除后原位置不会被其他元素占用原创 2016-03-22 15:54:02 · 357 阅读 · 0 评论 -
【秘密花园笔记】js的对象和函数方面知识
今天看了js秘密花园的对象和函数这一块,做个笔记总结和回顾一下。 对象: 1.定义:js中的一切变量皆对象,除了undefined和null。连数字字面量都是对象(object类型和对象不是一个东西0 0) 2.属性:通过obj[attr]或者obj.attr进行访问 用delete操作符进行删除操作(ex:delete obj.attr)原创 2016-03-10 20:52:55 · 531 阅读 · 0 评论 -
【红宝书笔记】原型模式-prototype
0 0今天看到原型链。。又一次懵逼。。果然每次看都有新体验啊。。之前看prototype看的一知半解。今天又花了点时间重新理解了下。。而且最近睡眠不足。。一半时间瞪着书是懵逼的,一点看不懂。首先要知道,原创 2016-03-18 18:58:39 · 567 阅读 · 0 评论 -
【小魔法】console的一点小指南
Chrome的开发者工具已经强大到没朋友的地步了,特别是其功能丰富界面友好的console,使用得当可以有如下功效:更高「逼格」更快「开发调试」更强「进阶级的Frontender」Bug无处遁形「Console大法好」console.log大家都会用log,但鲜有人很好地利用console.error , console.warn 等将输出到控制台的信息进行分类整理。他转载 2016-03-19 09:31:35 · 720 阅读 · 0 评论 -
【色彩摸鱼】彩虹色的字体。。
今天班聚回来特别困。。睡了一觉之后发现了个有趣的demo。。因为是英文。。又迷迷糊糊。。所以没有看懂原理。。先拿来玩玩,有空了再扒扒原理。23333,,蜜汁摸鱼。效果如下:核心代码就这一段:function getRainbow(width, center, str){ if(!width) width = 127; if(!center) center = 128;原创 2016-03-12 20:54:13 · 1119 阅读 · 0 评论 -
【红宝书笔记】一点点关于引用类型
有点懵逼,,关于基本类型,引用类型,object类型......JS中变量保存两种类型的值,一种是基本类型值,一种是引用类型值。像undefined,null,string,Number,Boolean就是基本类型值。引用类型值是讲数据和功能组织在一起的类型,他们的值就是对象的实例。所有关于对象的字面量都是对象的指针。引用类型主要有Object,Array,Date,Function,原创 2016-03-16 16:12:49 · 417 阅读 · 0 评论 -
【红宝书笔记】DOM0的小相关
今天看dom。。。= =。。不知道为什么这两天看书总是困乏。。。看一点就要看不下去了。。好困。。= =。。。效率有点低。。。所以吃完午饭之后半个小时就睡了一觉,起来还觉得困。。于是又出去吃了寿司= =。。。。于是终于精神了。。。。迷之启动方式DOM用于访问HTML和XML。平常用于dom操作来动态改变页面的内容。恩。。可能是平常使用的dom操作有限。。所以对于其他的一些dom节点不是原创 2016-03-19 21:18:40 · 381 阅读 · 0 评论 -
【web audio】web简易、可视化、音频播放器 0 0
是跟着慕课网的教程做的。看第一遍的时候不记得node了。。然后听得也有点懵逼。。看第二遍的时候就豁然开朗了。(一定是因为睡饱了)。。。自己挺喜欢的,特别是可视化的Dot,黑色底看着像星空。自己对于这种东西总是有点痴迷。。虽然于是打算当成一个项目(这样随意....),添加暂停,播放,歌曲切换,单曲循环,列表循环的功能(因为很简单,所以介绍起来莫名的有点羞耻。。)主要知识点:web audio原创 2016-03-08 15:53:30 · 2179 阅读 · 0 评论 -
【前端笔记--转载】JS中是否一切皆对象
写在前面网上非常多都在说”JavaScript一切皆对象“,那么这个"一切"到底是实实在在的"一切",还是一个虚数?也有看过网上的文章,有的三纸无驴,就是抄抄概念,有的也只是解释了一部分,并没有给出确切的结论。那么我想结合自己的理解,给出一个确切的结论。当然,结论嘛,自然要放在文章结尾。小伙伴们接着往下看。数据类型概要进入之前,有必要概要地说一下js的数据类型,当然转载 2016-03-12 10:09:23 · 2286 阅读 · 1 评论 -
【红宝书笔记】数据类型小纪录
JS的类型是松散类型。有5种简单类型:Undefined,Null,String,Number,Boolean和1种复杂类型:Object。 1.Undefined 这个类型只有一个值,就是undefined。每个没有初始化的变量都是undefined。 2.Null 这个类型也只有一个值,就是null。从逻辑上说,有null值的变量看做一个空的指针。所以用typeof检测这种变量,显示是o原创 2016-03-11 16:12:06 · 413 阅读 · 0 评论 -
【红宝书笔记】一点关于JS的垃圾回收机制
JS的回收机制分两种:1.标记清除 2.引用计数。各大浏览器常用的是前者.这两种回收机制的过程都比较清晰易懂。标记清除:是对于脱离作用域的变量进行回收。当进入作用域时,进行标记,离开作用域时,标记并回收这些变量。引用计数:是记录每个变量的被引用情况,每当过一段时间开始垃圾回收的时候,就把被引用数为0的变量回收。这个问题可能导致循环引用,类似死锁。这样变量就永不会被销毁。。由于每原创 2016-03-12 13:36:33 · 1442 阅读 · 0 评论 -
【红宝书笔记】cookie,[session|global|local]Storae的异同
cookie and storage相同:1.都是键对值方式存储2.都有长短期两种存储方式区别:1.cookie:有长期和短期。默认为短期,即在浏览器关闭后消失。每次http请求都会附带cookie,所以cookie大小很重要。指定格式:name=value; expires=xx; path=xx; domain=xx; secure (bool)原创 2016-03-09 09:42:38 · 777 阅读 · 0 评论 -
【红宝书笔记】关于innerHTML的一点坑
之前写『幻灯片』插件的时候,在滚动要改变幻灯片位置的时候,发现怎么对元素设置style都无效。。六脸懵逼0 0。之前做头像插件的时候也出现过这种问题。。不过那个是偶发的。。。现在还不知道为什么。。于是一直以为是style的设置有误。。后来不可置信的发现是innerHTML的问题。。在创建每个图片的导航的时候,是生成了导航的节点,然后把父元素的inneHTML+=生成的节点text。于是悲剧就发原创 2016-04-05 22:17:01 · 411 阅读 · 0 评论 -
【白帽子讲web安全】关于XSS,CSRF,SQL注入
1.XSS分类: 1.反射型:给用户发送页面或者链接,让用户点击来进行攻击 2.存储型:把攻击存放在服务端,可能造成传播(比如博客系统,每个访问该页面的人都有可能被攻击),主动性更强 3.DOM型:本质上是反射型,但是是通过用户点击,修改原本dom元素的属性,构造攻击动作反射型和dom型区别: 反射型是构造好了攻击动作,然后就等你打开那个页面原创 2016-05-29 22:29:10 · 2040 阅读 · 0 评论