03 2016 档案

【Vue】图解Vue的生命周期和MVVM结构
摘要： 阅读全文
posted @ 2016-03-13 00:35 白超华 阅读(9401) 评论(0) 推荐(0)
【Javascript】原生js百叶窗效果的实现及原理介绍
摘要：百叶窗大家都见过吧！如图: 原理: 如图所示，空心格子就好比是每个li，给它设定相对定位属性，设置overflow:hidden； 黑块为li子元素，高度为li的2倍，设置absolute属性，我们正是要改变它的top值从而获得变化！ (右上角多余块与本图无关) 布局分析： 注意top值得变化！默认 阅读全文
posted @ 2016-03-12 08:29 白超华 阅读(4068) 评论(8) 推荐(7)
【Javascript】原生js 全特效微博发布面板效果实现
摘要：javaScript实现微博发布面板效果.采用的js知识有： 正则表达式区分中英文字节、随机数生成等函数 淡入淡出、缓冲运动。闪动等动画函数 onfocus、onblur、oninput、onpropertychange等事件 动态添加元素，获取设置动态属性 基本思路： 当内容为空时，发布按钮为灰色 阅读全文
posted @ 2016-03-11 10:09 白超华 阅读(2546) 评论(12) 推荐(15)
【Javascript】原生js简单实现仿微信聊天面板
摘要：先上图吧 ， 点击头像更换说话对象，简单说下实现原理，html中创建一个ul用于存放所有说话的内容，对话内容是有javascript 动态生成， 主要难点：先布局好css，当时奥巴马发送时候，让这个li有浮动，当是小胖时候，让这个li左浮动。 代码: 1 <!DOCTYPE html> 2 <htm 阅读全文
posted @ 2016-03-10 10:58 白超华 阅读(5207) 评论(17) 推荐(6)
【jQuery】jquery全屏滚动插件【fullPage.js】API 使用方法总结
摘要：jQuery-全屏滚动插件fullPage.js使用方法总结 作者github及下载地址:https://github.com/alvarotrigo/fullPage.js 今天说下jQuery的一款插件fullpage.js,可以实现全屏滚动，非常流行的效果，兼容性IE8+ 还算不错，使用网站有 阅读全文
posted @ 2016-03-08 10:22 白超华 阅读(24257) 评论(4) 推荐(1)
【Javascript】原生JS 实现瀑布流原理和效果, 滚动加载图片【图文解析 附源码】
摘要：先科普下瀑布流吧 瀑布流，又称瀑布流式布局。是当前比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。像瀑布一样，所以叫瀑布流，像美丽说、淘宝网都有使用过。 这是我实现的一个效果，就是怎么滚动都加载不玩。 这里的实现方式我们只 阅读全文
posted @ 2016-03-06 12:53 白超华 阅读(1990) 评论(0) 推荐(0)
【博客园】关于我的博客园（对比CSDN、osChina开源中国...）
摘要：我的博客园 我热爱技术，热爱分享，一直希望能找到一个编程爱好者和开发者们交流学习的社区和平台，来分享和记录自己平时积累下来的一些学习经验和技巧。 其实接触编程有很长时间了，但为什么现在才开通呢，原因很简单，只是那时候很浮躁，感觉要学的东西比较多，写博客会耗费很大时间，所以就迟迟拖着，不过现在是时候啦 阅读全文
posted @ 2016-03-05 16:23 白超华 阅读(3902) 评论(2) 推荐(5)