摘要: 最近在做H5,遇到这样的需求(如题) 先上一部分代码:    正常情况下基本思路是:   监听webkitAnimationEnd动画结束以后再add另一个class   这样的话两个 动画连接在一起(自己脑补效果),但是这样做有个问题是如果这个方案是单页面形式的,回到之前页面过后会发现这个页面始终 阅读全文
posted @ 2016-03-13 11:00 kitebear 阅读(1152) 评论(0) 推荐(0) 编辑
摘要: react+react-router+webpack+express+nodejs 做SinglePageApplication支持热加载+ES6 有开发模式和发布模式 https://github.com/Mrxdh/react-demo 欢迎关注 谢谢 阅读全文
posted @ 2016-02-19 19:11 kitebear 阅读(346) 评论(0) 推荐(0) 编辑
摘要: Demo1 美食网站 Demo2 12301智慧旅游公共服务平台 Demo3 react_and_koa example 阅读全文
posted @ 2016-02-02 14:30 kitebear 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 只有10%~20%的最终用户响应时间花在了下载HTML文档上,其余的80%~90%花在了下载页面中的所有组件上,有一部分时间花在解析HTML、脚本、样式表上面。首先整页时间>3s ,延迟1秒的页面加载时间可能导致转换损失7%,减少11%的页面浏览量,并减少16%的客户满意度。如果3秒后,网页还未加载... 阅读全文
posted @ 2015-09-21 20:02 kitebear 阅读(827) 评论(2) 推荐(1) 编辑
摘要: 先看一下英文解释:Floats, absolutely positioned elements, block containers (such as inline-blocks, table-cells, and table-captions) that are not block boxes, a... 阅读全文
posted @ 2015-09-09 11:12 kitebear 阅读(138) 评论(0) 推荐(0) 编辑
摘要: offsetLeft 获取的是忽略 margin 当前元素距离上一级父节点(有没有设置position,有的话依据父节点,没有的话依据页面最左端这时候不管滚动条移到哪) 当前元素向左的位置 记住它会将margin-left加入计算 offsetTop 获取的是忽略 margin 当前元素距离上一级父 阅读全文
posted @ 2015-07-29 14:18 kitebear 阅读(940) 评论(1) 推荐(0) 编辑
摘要: 最近这段时间研究Node感觉不错,自己做了一个增删改查,虽然有些简陋,但是思想是想通的,其实所有项目都是增删改查,有助于初学者快速掌握Node首先本实例展示的是基于Node+Express+node-mysql快速搭建的一套增删改查,视图模板是jade,基本上都是现在能用的到的技术,市面上的实例也特... 阅读全文
posted @ 2015-07-24 01:51 kitebear 阅读(1904) 评论(8) 推荐(7) 编辑
摘要: Backbone 是一款基于模型-视图-控制器 MVC 模式的轻量级javascript 框架 ,可以用来帮助开发人员创建单页Web应用。 借助Backbone 我们可以使用REST的方式来最小化客户端和服务器间的数据传输,从而实现了更快加速的Web页面更新。 能心静下来学习了,以前以为Backbo 阅读全文
posted @ 2015-07-19 19:04 kitebear 阅读(297) 评论(0) 推荐(1) 编辑
摘要: 描述 目前提供一个方法 ele 元素对象 obj 操作 duration 时间 effect 缓动选择 thwenMove(option) 框架支持以下缓动策略 -指数衰减的正弦曲线缓动 -圆形曲线的缓动 -超过范围的三次方缓动 -指数衰减的反弹缓动 -正弦曲线的缓动 -5次方的缓动 -四次方的缓动 阅读全文
posted @ 2015-07-07 18:21 kitebear 阅读(268) 评论(0) 推荐(0) 编辑
摘要: 趁着闲置 做了一个H5的页面 感觉不错。 具体效果如下 框架上我选择 zepto(其实这个可有可无,推荐用原生的最好) FullPage (感觉挺好用的一个全屏滚动插件 ) pageResponse (H5的一个适配小工具,感觉挺好用) FullPage pageResponse 页面样式 其实为了 阅读全文
posted @ 2015-07-07 12:41 kitebear 阅读(802) 评论(1) 推荐(0) 编辑
摘要: 需求: 这几天做新网站要用到视察滚动,我起初去鑫大大那找了一个插件parallax ,最后发现不合适,这个只能做一些大图层的变换,而且要将一些小的元素也滚动的话,用parallax特别不方便。 然后再搜,发现一个新的叫SuperScrollorama,但是里面要加载的资源很多,需求是 只需要变化元素 阅读全文
posted @ 2015-07-01 08:25 kitebear 阅读(257) 评论(1) 推荐(0) 编辑
摘要: “点透”是什么 你可能碰过在列表页面上创建一个弹出框,弹出层有个关闭的按钮,你点击了按钮关闭弹出层后,这个按钮正下方的节点也会被触发(或者打开链接)。 我暂时定义为这是一个“点透”现象 直接在touchend处阻止浏览器默认事件即可 }); 详见叶道友:http://www.cnblogs.com/ 阅读全文
posted @ 2015-07-01 08:22 kitebear 阅读(1219) 评论(2) 推荐(1) 编辑
摘要: box-sizing 有4种方式border-box 用来减去padding内边框和边框 前提是设置好固定宽高content-box 在宽和高之外内边距和边框 其实基本上和原来一样inherit 继承上级节点的box-sizing的属性设置initial 初始化默认设置b/i strong/em的区... 阅读全文
posted @ 2015-07-01 08:06 kitebear 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 模拟弹框模拟滚动条banner的插件模拟弹框就是按照三种confirm、alert、prompt弹框 模拟窗口,实现类似的效果,把具体的可变的实现封装起来,具体的可以看阿当的视频,讲的很好。模拟滚动条定义2个div外层是上下滚动的长条,中间是用户拖动的,然后监听鼠标事件和滚动事件分别是(mousew... 阅读全文
posted @ 2015-07-01 08:03 kitebear 阅读(269) 评论(0) 推荐(0) 编辑
摘要: 职位:前端负责人 年龄:90后 星座:射手座 个人邮箱:xie5721072@163.com 性别男-爱好女 口号:成为幼稚园霸王! 现阶段想法:呆在家里办公,在有生之年做越来越多更好的选择和有趣的事情! 个人属于比较励志的那种(纯个人感觉) 花了一些时间,手写皮肤,感觉很不错,将黑白灰风格进行到底 阅读全文
posted @ 2015-06-07 01:39 kitebear 阅读(304) 评论(2) 推荐(0) 编辑
摘要: 本来我想写一个高级程序设计总结的,结果发现我进入了一扇门,里面所有的字都要逐字逐句的理解,所有描述已经是非常精炼了,我最初的想法无异于老鼠吃大象。 我现在记录的是我在看这本时的感想。 2015.4月9日刚开始看这本书第一天看了50页,看的我头晕脑胀,但是感觉特别开心,我找到了一种学习的感觉,这种fe... 阅读全文
posted @ 2015-04-23 07:50 kitebear 阅读(513) 评论(3) 推荐(3) 编辑
摘要: 发现: 最近在做移动端的东西,说起移动端弹性盒子布局真是无往不利,用起来特别爽,我也是偶尔间发现的这个属性并且它的用法,在网上基本查不到这个属性的资料(个人看法)。如果没有听说过(display:box)的朋友建议去别人家的博客看看CSS3就可以直接command+w了,由字看意,是不是能联想到 d... 阅读全文
posted @ 2015-04-08 23:24 kitebear 阅读(4305) 评论(4) 推荐(0) 编辑
摘要: 趁着清明的3天时间,我专门看了xhtml的一套视频,虽然是xhtml但是也隐喻了很多经验,巩固了一下自己的基础,我自己也写了很多大大小小的东西,但是越写我越发觉自己基础的薄弱,果然没错!还是学到了一些我以前没理解、不知道的一些概念和一些经验之谈,这里我写一篇文章做一个总结。一、首先W3C标准 结构... 阅读全文
posted @ 2015-04-07 17:49 kitebear 阅读(1656) 评论(10) 推荐(8) 编辑
摘要: 不知不觉出来工作已经2年时间,2年时间经历了很多大大小小的事情,这两年让我心态变的特别成熟,明明是一个90后的小屁孩却偏偏老态横生,我也不知道这是好是坏,但是我保持着心态永远年轻、热切、对积极事物的美好热诚,我觉得心态积极真的是一件好事,会让自己无忧无虑,每天都把自己的精神全部透支完毕然后睡觉。... 阅读全文
posted @ 2015-04-04 12:38 kitebear 阅读(212) 评论(3) 推荐(0) 编辑
摘要: 一直看别人写博客,今天突然心潮澎湃自己也向写写博客 在这里将记录我的一些成长历程,我会把自己所学所用抽时间都写在我的博客中,当然如果我自己也不能特别理解的东西 我是不会写在博客中的,这里我事先做一个声明,请来访博友放心。 写博客的目的 1. 巩固所学所用,将学到的理解了的东西彻底装进大脑。 2. 认 阅读全文
posted @ 2015-04-04 00:17 kitebear 阅读(251) 评论(2) 推荐(0) 编辑