07 2015 档案

盒子 offsetLeft、offsetTop、offsetWidth、getBoundingClientRect等属性解释
摘要：offsetLeft 获取的是忽略 margin 当前元素距离上一级父节点(有没有设置position,有的话依据父节点,没有的话依据页面最左端这时候不管滚动条移到哪) 当前元素向左的位置 记住它会将margin-left加入计算 offsetTop 获取的是忽略 margin 当前元素距离上一级父 阅读全文
posted @ 2015-07-29 14:18 kitebear 阅读(1007) 评论(1) 推荐(0)
Node+Express+node-mysql 实战于演习 全套mysql(增删改查)
摘要：最近这段时间研究Node感觉不错，自己做了一个增删改查，虽然有些简陋，但是思想是想通的，其实所有项目都是增删改查，有助于初学者快速掌握Node首先本实例展示的是基于Node+Express+node-mysql快速搭建的一套增删改查，视图模板是jade，基本上都是现在能用的到的技术，市面上的实例也特... 阅读全文
posted @ 2015-07-24 01:51 kitebear 阅读(1922) 评论(8) 推荐(7)
Backbone 学习笔记
摘要：Backbone 是一款基于模型-视图-控制器 MVC 模式的轻量级javascript 框架 ，可以用来帮助开发人员创建单页Web应用。 借助Backbone 我们可以使用REST的方式来最小化客户端和服务器间的数据传输，从而实现了更快加速的Web页面更新。 能心静下来学习了，以前以为Backbo 阅读全文
posted @ 2015-07-19 19:04 kitebear 阅读(314) 评论(0) 推荐(1)
thwen 缓动框架
摘要：描述 目前提供一个方法 ele 元素对象 obj 操作 duration 时间 effect 缓动选择 thwenMove(option) 框架支持以下缓动策略 -指数衰减的正弦曲线缓动 -圆形曲线的缓动 -超过范围的三次方缓动 -指数衰减的反弹缓动 -正弦曲线的缓动 -5次方的缓动 -四次方的缓动 阅读全文
posted @ 2015-07-07 18:21 kitebear 阅读(280) 评论(0) 推荐(0)
一个类似宣传的H5页面
摘要：趁着闲置 做了一个H5的页面 感觉不错。 具体效果如下 框架上我选择 zepto（其实这个可有可无，推荐用原生的最好） FullPage （感觉挺好用的一个全屏滚动插件 ） pageResponse （H5的一个适配小工具，感觉挺好用） FullPage pageResponse 页面样式 其实为了 阅读全文
posted @ 2015-07-07 12:41 kitebear 阅读(839) 评论(1) 推荐(0)
视察滚动
摘要：需求： 这几天做新网站要用到视察滚动，我起初去鑫大大那找了一个插件parallax ，最后发现不合适，这个只能做一些大图层的变换，而且要将一些小的元素也滚动的话，用parallax特别不方便。 然后再搜，发现一个新的叫SuperScrollorama,但是里面要加载的资源很多，需求是 只需要变化元素 阅读全文
posted @ 2015-07-01 08:25 kitebear 阅读(279) 评论(1) 推荐(0)
前端集合(1)
摘要：“点透”是什么 你可能碰过在列表页面上创建一个弹出框，弹出层有个关闭的按钮，你点击了按钮关闭弹出层后，这个按钮正下方的节点也会被触发（或者打开链接）。 我暂时定义为这是一个“点透”现象 直接在touchend处阻止浏览器默认事件即可 }); 详见叶道友：http://www.cnblogs.com/ 阅读全文
posted @ 2015-07-01 08:22 kitebear 阅读(1240) 评论(2) 推荐(1)
CSS大杂烩(1)
摘要：box-sizing 有4种方式border-box 用来减去padding内边框和边框 前提是设置好固定宽高content-box 在宽和高之外内边距和边框 其实基本上和原来一样inherit 继承上级节点的box-sizing的属性设置initial 初始化默认设置b/i strong/em的区... 阅读全文
posted @ 2015-07-01 08:06 kitebear 阅读(178) 评论(0) 推荐(0)
功能实现思路
摘要：模拟弹框模拟滚动条banner的插件模拟弹框就是按照三种confirm、alert、prompt弹框 模拟窗口，实现类似的效果，把具体的可变的实现封装起来，具体的可以看阿当的视频，讲的很好。模拟滚动条定义2个div外层是上下滚动的长条，中间是用户拖动的，然后监听鼠标事件和滚动事件分别是(mousew... 阅读全文
posted @ 2015-07-01 08:03 kitebear 阅读(307) 评论(0) 推荐(0)