web前端
秋小如
一个为offer奋斗的前端初学者
展开
-
fullpage学习笔记
最近H5的页面滑屏很火,两个比较轻量级的框架很很火。slip,他是通过控制父元素的transform: translateY或margin-top或top的值来上下滑动页面,每次的位移的取值为当前页面高度。fullpage,他是通过控制子容器的方法实现的滑屏,只显示其中一个子元素,其它隐藏,滑屏时隐藏当前元素,并显示当前元素的下一个同辈元素。 最近学习了一下fullpage,原创 2016-10-08 17:46:21 · 650 阅读 · 0 评论 -
canvas
从接触前端开始,个人钟爱canvas,对于钟爱的技术,我竟然在某电话面试上竟然一紧张,竟然忘记了获取画布。所以还是整理一下。 1.获取画布:var canvas=getElementById("id");2.获取画笔var con =canvas.getContext("2d");//似乎木有见过3d3.开始画图:con.fillStyle=color|gradient|pattern;//充绘原创 2016-10-15 15:10:17 · 200 阅读 · 0 评论 -
有序列表和无序列表 学习笔记
1.有序列表:(ol)<Ol type="type" start="编号起始值" reversed="reversed"><li>第一行</li><li>第二行</li><li>第三行</li></ol>type属性:1—数字(默认)a—小写字母A—大写字母i—小写希腊字母I—大写希腊字母reversed:倒叙排列序号2.无序列表(ol)<ul type="type"><l原创 2016-10-02 11:57:07 · 634 阅读 · 0 评论 -
position笔记
1.W3cSchool中的官方定义: 2.官方解释太抽象,自己做了一下实验,总结出一些面试常问的点总结如下:absolute:绝对定位,相对于非static定位元素的定位,最外层以标签为定位原点(它的父元素最高可追踪到标签),可脱离文档流。top,bottom,left,right属性可用,相对于父元素的位置进行偏移。z-index:有效relative:相对定位,相对浏览器窗口原创 2016-09-22 18:41:32 · 191 阅读 · 0 评论