摘要: 本文直说布局,不提动画效果的实现。 移动端轮播图往往要做到自适应屏幕,一般布局如下: html 一般侧滑无缝式轮播图都是如此布局,3张轮播的要准备3+2张图,每个item外套一层有个特别大的width,外面再套一层有在屏幕范围内的固定宽度,设置overflow:hidden。 css 重点是img设 阅读全文
posted @ 2018-06-12 10:54 王利r 阅读(5658) 评论(0) 推荐(0) 编辑
摘要: 页面整体布局 1.单列布局 特征:定宽、水平居中 常见的单列布局有两种: 1. header、content、footer宽度都相同,其一般不会占满浏览器的最宽宽度,但当浏览器宽度缩小低于其最大宽度时,宽度会自适应。 .layout{ /*width: 960px;*/ max-width: 960 阅读全文
posted @ 2018-06-08 11:06 王利r 阅读(17040) 评论(0) 推荐(1) 编辑
摘要: 近日清闲,决定用博客来总结下入行一年多来零零散散记录在小本本上的知识点。 先看布局 1.常用居中方法 我们假设DOM文档结构如下,子元素要在父元素中居中: 水平居中 实现水平居中的前提是父元素有一个宽度,没有设置的话,默认为上一级的宽度。 子元素为行内元素还是块状元素,宽度一定还是宽度未定,采取的布 阅读全文
posted @ 2018-06-07 23:56 王利r 阅读(17880) 评论(0) 推荐(0) 编辑
摘要: 先占个位 阅读全文
posted @ 2018-06-07 09:45 王利r 阅读(89) 评论(0) 推荐(0) 编辑
摘要: 总结下promise对象的基本使用及注意点 首先看一个Promise的最简单实例 写法二: function timeout(resolve, reject) { setTimeout(resolve, 1000, 'done'); }; let p1 = new Promise(timeout); 阅读全文
posted @ 2018-06-06 09:01 王利r 阅读(1522) 评论(0) 推荐(0) 编辑
摘要: 题:判断一个整数是否是完全平方数。 完全平方数:开平方后值为整数的数,例如9,16,25等 方法1: n*n = 1+3+5+...+(2n+1),是一个首项为1公差为2的等差数列。 把待判断的数-1 ,-(1+2),-(1+2+2)...直到最后结果能为零就为完全平方数。 方法2: 用Math方法 阅读全文
posted @ 2018-06-05 12:22 王利r 阅读(704) 评论(0) 推荐(0) 编辑
摘要: 题: 一个数加上他颠倒过来的数,直到最终结果是个回文数,看需要几步。 例如:87 + 78 = 165; 165 + 561 = 726; 726 + 627 = 1353; 1353 + 3531 = 4884 结果为 4。 答: 阅读全文
posted @ 2018-06-05 11:56 王利r 阅读(208) 评论(0) 推荐(0) 编辑
摘要: JavaScript 实现快排如下: 有几点需要注意: 1.若定义变量 var len = arr.length ,并用len代替所有arr.length,会变成死循环。 原因 splice 会改变原数组长度,在一开始定义的len 与经过splice之后的 arr.length 长度是不相等的。(在 阅读全文
posted @ 2018-06-05 11:00 王利r 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 通过按住鼠标拖动的例子来演示面向对象的过程 css部分 #box1{ width: 100px; height: 100px; background: #f00; position: absolute; left: 0; top:0; } HTML部分 <div id="box1"></div> J 阅读全文
posted @ 2018-02-22 17:33 王利r 阅读(263) 评论(0) 推荐(0) 编辑
摘要: 新人分享些学习过程中的心得体会,有错误或疏漏之处还请各位不吝拍砖。 一.为什么要面向对象? 1.在写代码中经常会碰到如下情况: 一个函数内的变量需要被其内嵌函数引用,若直接层层嵌套堆在一块则不便于后期维护,这是就需要提取分离。 a.可以考虑把上一个函数的返回值作为参数传入下一个函数。 b.更好的方法 阅读全文
posted @ 2018-02-22 17:19 王利r 阅读(540) 评论(0) 推荐(0) 编辑