offsetLeft & offsetTop新发现
Q : 什么是offsetLeft?A : MDN文档上阐释,HTMLElement.offsetLeft 是一个只读属性,返回当前元素左上角相对于 HTMLElement.offsetParent 节点的左边界偏移的像素值。
然而今天在测试的时候发现并非这么简单!
1234567891011121
...
【原创】css3 animation沿椭圆轨道旋转运动
一些废话:
很久没有更博了,主要原因是由于使用git工具push的时候,自己的私人账号和工作的git账号总是冲突,每次明明切换过了账号,可是push的时候却用的是错误的账号,找不到解决办法。最近得知github有桌面版,终于不会再冲突了!
前言最近工作上遇到一个项目有两张banner,都需要实现围绕
...
Hexo搭建博客遇到的问题汇总
此博客搭建已久,在搭建过程中遇到过很多问题,当再次遇到同样的问题时,每次重复去搜索探究,浪费了很多时间。故特写本篇汇总一下搭建博客时遇到的问题,随时更新。
Q: 控制台启动服务器时冲突。A: Hexo启动时,使用命令 hexo server -p 5000,其中 5000 可以设置成任意端口。
Q:
...
RequireJS与Zepto
之前写过两篇关于RequireJs的博文,今天在做项目的时候遇到了RequireJs中要用到zepto,花了一些时间去探究,说说今天的情况。
刚开始,我认为zepto与jquery是相同的,查询了一些资料也说直接把jquery的路径替换成zepto的路径即可。但是实践过程中,却发现报错了:
1Unc
...
RequireJs的理解
前面有一篇博文提到了RequireJs,那么这篇主要是从某个实际项目中的应用来总结一下RequireJs。
RequireJs项目的应用拿出最近某个同事使用RequireJs写的一个项目,来分析一下其中的代码。
目录结构:
HTML引入:
1<script src="js/vendor/re
...
RequireJs
RequireJS 是一个JavaScript模块加载器,使用RequireJS加载模块化脚本将提高代码的加载速度和质量。目前最新版本的 RequireJS 1.0.8 在 IE 6+、Firefox 2+、Safari 3.2+、Chrome 3+、Opera 10+ 上都工作的很好。
为什么要用
...
内容垂直居中
在工作中,经常会遇到需要让某个内容在父级元素中垂直居中的问题。本篇对垂直居中进行统一的总结,后期不断完善。
子级元素在父级元素中垂直居中有以下几种方法:
【根据经验,PC端比较常用方法4,移动端比较常用方法2】
html结构:
123<div class="outbox"> <
...
【学习笔记】3D特效制作
学习的课程地址(慕课网):http://www.imooc.com/learn/77
perspective当为元素定义perspective属性时,其子元素会获得透视效果(3D效果)。例如下例中的.box会获得3D效果:
12345678.wrap{ -webkit-perspec
...
网站底部内容始终置于页面最底端
最近做了一个PC项目,由于页面比较短,在大屏电脑中,下面有一部分是空白,显得整个网站很不协调。
例如,妙味课堂官网在大屏电脑下也差不多:
针对此问题设计师提出了一个建议:如果页面高度不够,就让网站底部的内容在大屏电脑中始终置于浏览器最底端,如果页面高度足够,就保持现在的状况,拉到底部才显示底部内容
...