蔻蔻a-CSDN博客

原创 canvas之save组&beginpath组

学习来源：http://www.cnblogs.com/huaan011/p/5651806.htmlsave：用来保存Canvas的状态。save之后，可以调用Canvas的平移、放缩、旋转、错切、裁剪等操作。 restore：用来恢复Canvas之前保存的状态。防止save后对Canvas执行的操作对后续的绘制有影响。save是入栈，restore是出栈。对canvas

2017-08-19 15:57:48 601 1

原创 js学习笔记之继承

学习来源：http://www.cnblogs.com/xiaohuochai/p/5721552.html先理解 prototype(显示原型) _proto_(隐式原型) constructor之间的关系1. __proto__是每个实例对象都有的一个属性，而prototype是函数(包括构造函数)才会有的属性。2. __proto__指向的是当前对象的原型对象，而p

2017-08-18 09:50:01 258

原创 js学习笔记之闭包

作用域链的第一个对象：为了方便表示记作sc1， sc1有若干属性，引用本函数的参数和局部变量，如sc1.hi ；作用域链的第二个对象：为了方便表示记作sc2，sc2有若干属性，引用外层函数的参数和局部变量，如sc2.hello；...作用域链的最后一个对象：为了方便表示记作scn，scn引用的全局的执行环境对象，也就是window对象！，如scn.eval()；只要将内

2017-08-17 21:43:23 260

原创啥时候使用inline-block或是float使用

简单地说1）使用inline-block：需要控制元素的垂直居中对齐跟水平排列时，使用inline-block。（ie6,7下块元素不支持）2）使用float：当需要让元素环绕某一个元素时，或者需要支持旧版本ie，或者不想处理inline-block带来的空白问题（代码换行解析成空格，虽然可以设置font-size：0，但要在子元素下重置font-size，较麻烦）时，使用浮动。

2017-08-17 21:07:19 428

原创 js学习笔记之阻止冒泡和默认事件

return false组织的是该元素的默认事件而不是浏览器另外在jquery中 return false 即阻止该元素的默认也组织冒泡事件。

2017-08-17 12:11:04 178

原创 ajax学习笔记之跨域jsonp

json跨域解决：xml文件对方加入白名单中有自己通过服务器中转本地代理（通过同级目录下的php文件）jsonp json with paddingajax不允许跨域访问获得数据，通过script标签的src属性可以跨域访问数据但是只获得数据却无法将它赋给比变量相当于没用但是可以将src中的数据形式外面再套一层函数例如原来src地址的数据为

2017-08-15 14:22:13 256

原创 ajax学习笔记之瀑布流

。

2017-08-15 13:59:00 449

原创 ajax学习笔记之get&post

get方式var xhr;try { xhr = new XMLHttpRequest(); } //兼容非标准iecatch(e) { xhr = ActiveXObject('Microsoft.XMLHTTP'); }xhr.open('get', getNews.php?

2017-08-14 23:39:00 252

原创 js学习笔记之sort

js的sort函数默认是以字符串升序排列的比如 78 是小于 9的因为不是按数字是按字符串排序的。解决方法是给调用sort的时候传一个回调函数作为参数可以是有名的也可以是匿名的。arr.sort ( function(a,b){return a-b; });// a->每一次执行回调函数时，数组中的当前项// b->当前项的后一项ret

2017-08-10 09:56:24 220

转载 css学习笔记之垂直居中

学习来源：http://www.cnblogs.com/xiaohuochai/p/5438791.htmlline-height行高line-height实现单行文本垂直居中vertical-align设置vertical-align:middle实现垂直居中1）设置父元素的 { display：table-cell

2017-08-04 16:20:07 268

转载 css学习笔记之水平居中

学习来源：http://www.cnblogs.com/xiaohuochai/p/5437503.htmltext-align在父元素中设置text-align:center实现行内元素水平居中，若子元素为块级元素，将子元素设置为display：inline-block，使子元素变成行内元素。若要兼容IE7-浏览器，可使用display:inline;zoom:1

2017-08-04 14:52:06 240

原创 js学习笔记之作用域

学习来源：http://blog.csdn.net/zyz511919766/article/details/7276089

2017-08-04 09:41:30 262

原创 js学习笔记之this

学习来源：

2017-08-03 11:32:20 219

原创 img为啥可以设置宽高？

今天写作业发现 img明明是行内元素为什么可以设置宽高啊我还以为是我记错了 img不是行内元素。img确实是行内元素但它也是置换元素。置换元素就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。例如浏览器会根据标签的src属性的值来读取图片信息并显示出来，而如果查看(X)HTML代码，则看不到图片的实际内容；又例如根据标签的type属性来决定是显示输入框，

2017-08-02 15:14:34 6806 3

原创 css学习笔记之滑动门

学习来源：http://www.cnblogs.com/xiaohuochai/p/5025394.html三层嵌套可扩展适用于nav为了使滑动门自适应长度，最外层不固定width，而是用display：inline-block。把中间放最外层也可以，那就不能用margin值来使透明的圆角不被覆盖，可以让左右两边用相对定位，移出去，让透明圆角露出来。最好把中间部分放最

2017-08-01 16:56:52 495

原创等高布局

减少自身的供 CSS 读取的高度css

2017-07-31 15:57:34 242

原创圣杯布局&双飞翼布局

但是圣杯布局有个问题，当面板的main部分比两边的子面板宽度小的时候，布局就会乱掉。因此也就有了双飞翼布局来克服这个问题。如果不增加任何标签，想实现更完美的布局非常困难，因此双飞翼布局在主面板上选择了添加一个标签。

2017-07-27 17:20:29 255

转载 css学习笔记之px & em

转自：px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.

2017-07-27 13:59:14 196

转载 BFC & haslayout

转自：http://blog.csdn.net/borishuai/article/details/8127758

2017-07-27 11:59:05 215

原创 css学习笔记之float

学习来源：http://www.cnblogs.com/xiaohuochai/p/5243735.htmlhttp://www.zhangxinxu.com/概念：浮动元素脱离普通流，然后按照指定方向，向左或者向右移动，碰到父级边界或者另外一个浮动元素停止。特性：支持inline-block的全部特性，并且IE6/7支持，其实就是个带有方位的dis

2017-07-24 13:47:49 262

原创 css学习笔记之兼容&bug（吐血整理）

测试在IE6浏览器下，haslayout下的元素负margin超出父元素的部分会被隐藏掉。这个问题可以通过设置margin负值元素的position属性值为relative来解决。

2017-07-24 10:53:56 371

原创 css学习笔记之包含块

学习来源：http://www.cnblogs.com/fogwind/p/6017375.htmlfloat属性：浮动元素的包含块是指其最近的块级祖先元素。若不设置包含块的高度，包含块若浮动，则包含块会延伸，进而包含其所有后代浮动元素；若不设置包含块的宽度，包含块若浮动，则包含块宽度由后代浮动元素撑开position属性：1、relativ

2017-07-24 10:08:46 364

转载 css学习笔记之background-position

2017-07-24 08:52:10 310

原创 css学习笔记之position

学习来源：http://www.cnblogs.com/cqhaibin/p/6028956.htmlposition的几个属性值：static默认值。没有定位，出现在正常文档流中absolute绝对定位，相对于position为absolute、relative、fixed的第一个父元素进行定位

2017-07-21 15:25:37 194

转载 css学习笔记之盒模型

转自 https://segmentfault.com/q/1010000005057015/a-1020000005057235一般称IE8及其以上为w3c盒子模型，W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。IE8以下的为IE 盒子模型，IE 盒子模型的范围也包括 marg

2017-07-21 09:12:06 412

转载 css学习笔记之display

转自：http://www.cnblogs.com/zhuzhenwei918/p/6058457.html学习来源基本是摘抄这位大佬的总结然后加了些自己的笔记

2017-07-20 16:14:04 323

原创 css学习笔记之vertical-align

/* 只是记录下前端学习过程中的笔记有错误麻烦各位大佬一定指正啊别让我这个渣渣保留错误的想法跪谢了：）先说好喔新手看我的笔记大概会被我搞晕我是按自己思路写的网上有很多大佬好的总结最好别太记忆我写的恶心巴拉的笔记祝好运哦学习来源：http://blog.csdn.NET/q121516340/article/details/5148343

2017-07-20 15:08:24 246

原创 css学习笔记之line-height

/* 只是记录下前端学习过程中的笔记有错误麻烦各位大佬一定指正啊别让我这个渣渣保留错误的想法跪谢了：）先说好喔新手看我的笔记大概会被我搞晕我是按自己思路写的网上有很多大佬好的总结最好别太记忆我写的恶心巴拉的笔记祝好运哦学习来源：http://blog.csdn.net/q121516340/article/details/51483439https

2017-07-20 12:42:49 343

蔻蔻