摘要: 一、什么是sticky footer 如果页面内容不够长的时候,页脚块粘贴在视窗底部;如果内容足够长时,页脚块会被内容向下推送,我们看到的效果就如下面两张图这样。这种效果基本是无处不在的,很受欢迎。 二、第一种方式,利用margin和padding实现 先看效果 下面是代码 可以尝试下在text-c 阅读全文
posted @ 2017-09-27 15:36 朱帅 阅读(273) 评论(0) 推荐(0) 编辑
摘要: 一、flex详解 flex可以参考阮一峰老师的flex布局教程,很详细看完啥都懂了 链接:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool 二、flex设为1和auto的区别 当我看完阮老师的fle 阅读全文
posted @ 2017-07-13 17:33 朱帅 阅读(7806) 评论(0) 推荐(2) 编辑
摘要: 之前在电视的webview上投放广告页面时,遇到了个问题,就是视窗大小和文档大小不一致。最后发现原来有CSS Pixel这个概念,搜集了一些资料,希望能把这个问题捋捋清楚。 首先提出一个大家常常会忽略的问题: 如今主流手机屏幕的像素点数已经远远超过了桌面显示器的像素数量,5.5英寸1920x1080 阅读全文
posted @ 2017-06-23 09:28 朱帅 阅读(1735) 评论(0) 推荐(0) 编辑
摘要: 1 乱用选择器 坑人指数:200 JQuery选择器调用代价很大,反复调用效率更低。应采用缓存对象的方法或采用链式调用的方式。 2 全局选择效率低 坑人指数:100 尽量使用上下文(context)查找,避免全局选择的使用。全局选择器会进行整个Doc的查找,效率很低。 3 复制匿名函数 坑人指数:5 阅读全文
posted @ 2017-06-14 10:42 朱帅 阅读(433) 评论(0) 推荐(0) 编辑
摘要: 一、CSS常见的两栏布局 如上图,是一个很简单的两栏布局,就是一个宽度为960px;并且页面居中显示,侧边栏栏宽度为220px;主内容宽度720px;两者有一个20px的间距,并且有页眉和页脚。 代码也很简单: 目前的布局一点问题都没有,因为容器子元素的宽度,间距加起来刚好和容器wrapper相等, 阅读全文
posted @ 2017-05-31 16:19 朱帅 阅读(536) 评论(0) 推荐(0) 编辑
摘要: 前言 在js中,闭包是一个很重要又相当不容易完全理解的要点,在阅读《javascript高级程序设计》中的闭包章节时,树上的内容十分晦涩难懂,网上关于讲解闭包的文章非常多,但是也是对于初学小白十分不友好,因此总结了闭包的一些知识,有不对的地方希望大家予以指正。 1.执行环境和活动对象 ** - 执行 阅读全文
posted @ 2017-03-13 14:42 朱帅 阅读(279) 评论(0) 推荐(0) 编辑
摘要: 一丶定义 每个函数都包含两个非继承而来的方法:apply()和call()。这两个方法的用途都是在特定的作用域中调用函数,实际上等于设置函数体内this对象的值。 1.apply()方法 apply()接手两个参数:一个是在其中运行函数的作用域,另一个是参数数组。其中,第二个参数可以使Array的实 阅读全文
posted @ 2017-03-10 11:03 朱帅 阅读(343) 评论(0) 推荐(1) 编辑
摘要: js中作用域只有函数作用域和全局作用域,在函数体内使用var 定义的变量,会被提到函数开始处进行定义,作用域为整个函数,常见的误区如下 阅读全文
posted @ 2017-03-07 11:16 朱帅 阅读(14833) 评论(0) 推荐(0) 编辑
摘要: [list][*]别问我前端有没有前途,我不知道,我只知道我现在喜欢前端,以后也应该喜欢。[*]别问我前端的工作好不好找,不管哪一职位,工作好不好找都是看你的水平。[*]别问我前端累不累,这世界就没有不累的活,但你感兴趣了,乐在其中,自然也不会感到累了。[*]别问我怎么才能快速学好前端,我只能告诉你 阅读全文
posted @ 2017-03-03 09:06 朱帅 阅读(214) 评论(2) 推荐(1) 编辑
摘要: 弹性盒子模型 由于 CSS 传统的布局手段很难完全满足现代网站的需求,所以有了 flex 布局。人们经过讨论诞生了第一个版本以后,就有浏览器率先实现了 `display: box` 及相关的其他功能。 而大家发现这一版仍然不是很让人满意,于是再讨论一番又更新了一版。但是之前已经有网站按老的规范用上了 阅读全文
posted @ 2017-03-02 16:41 朱帅 阅读(409) 评论(0) 推荐(0) 编辑