随笔分类 -  demo

canvas拼出一只猫
摘要：url：http://zjingwen.github.io/SetTimeOutGoBlog/webdemo/mac/mac.html（如果打开过慢，或者打不开，原因你懂得。）一、无聊之作利用canvas的一些属性。一维数组转换二维数组。字符串拼接。做出了这一个无聊之极的小玩野。顿时，感觉到浏览器性能的无力。也许是我方法不对把。日后总结来自为知笔记(Wiz) 阅读全文
posted @ 2015-06-15 22:40 静文 阅读(326) 评论(0) 推荐(0)
利用avalon+原生js来制作日历空间（一）
摘要：url:http://zjingwen.github.io/SetTimeOutGoBlog/funui/fundate/index.html（如果打开过慢，或者打不开，原因你懂得。）一、思路1、制作日历这种ui组件，我们第一步需要拿到的就是数据，我们需要知道例如今天属于，那一年、那一月、星期几。2... 阅读全文
posted @ 2015-06-08 20:39 静文 阅读(468) 评论(0) 推荐(0)
页面中，如果因为ajax导致页面有一段时间的空白期，应该如何处理。
摘要：url：http://zjingwen.github.io/SetTimeOutGoBlog/webdemo/huanyouji/index.html（如果打开过慢，或者打不开，原因你懂得。）一、ajaxStart效果的运用1、ajaxStar是指在ajax发送结束前，所需要执行的AIP2、具体用法$().ajaxStart(function(){//具体代码})3、我在demo中的使用方法$(d... 阅读全文
posted @ 2015-05-28 22:02 静文 阅读(556) 评论(0) 推荐(0)
无限轮播图的制作
摘要：url：http://zjingwen.github.io/SetTimeOutGoBlog/webdemo/huanyouji/index.html（如果打开过慢，或者打不开，原因你懂得。）一、思路1、所有滑动效果的demo都是通过控制css里的left值，来控制滑动效果的。2、需要两个块，一个div块，一个ui。div块的position是relative，ui块的position是absol... 阅读全文
posted @ 2015-05-24 21:49 静文 阅读(515) 评论(0) 推荐(0)
Kalendae——一款功能强大的日历插件
摘要：url：http://zjingwen.github.io/SetTimeOutGoBlog/kalendae/index.html（如果打开过慢，或者打不开，原因你懂得。）一、Kalendae——一款功能强大的日历插件，英文版的，我英文太渣，有没有找到，中文文档。只能自己慢慢翻译，鼓捣了。二、基本信息Kalendae支持多种日历样式，可双联、单联、多联，支持单选日期，多选日期、联排选择、跨月选择... 阅读全文
posted @ 2015-05-20 22:39 静文 阅读(3686) 评论(0) 推荐(0)
web页面制作-环游记（二）
摘要：url：http://zjingwen.github.io/SetTimeOutGoBlog/webdemo/huanyouji/index.html（如果打开过慢，或者打不开，原因你懂得。）二、动手制作时发现的问题1、决定踢出bootstrap，还是手写css，后期再进行响应布局修改。2、列表布局新发现，原来可以这么简单。3、用json和avalon渲染重复数据，发现json如果有嵌套的情况下，... 阅读全文
posted @ 2015-05-20 00:23 静文 阅读(275) 评论(0) 推荐(0)
web页面制作-环游记（一）
摘要：url：http://zjingwen.github.io/SetTimeOutGoBlog/webdemo/huanyouji/index.html（如果打开过慢，或者打不开，原因你懂得。）一、准备工作1、思考需要使用的技术（1）、jquery，使用其的ajax功能、Dom操作功能。（2）、avalon，使用其数据渲染功能。（3）、bootstrap，使用其栅栏布局。（4）、require，对j... 阅读全文
posted @ 2015-05-14 22:53 静文 阅读(313) 评论(0) 推荐(0)
用avalon和jquery做基础网页导航
摘要：url：http://zjingwen.github.io/SetTimeOutGoBlog/demoAvalon/navone/index.html（如果打开过慢，或者打不开，原因你懂得。）一、目录结构二、index.html部分用avalon制作导航三、main.js部分/** * Create... 阅读全文
posted @ 2015-05-07 23:31 静文 阅读(504) 评论(0) 推荐(0)
avalon-ui篇datepicker：datepicker基本配置
摘要：url：http://zjingwen.github.io/SetTimeOutGoBlog/demoAvalon/datepicker/index.html（如果打开过慢，或者打不开，原因你懂得。）一、head块 datepicker基本配置 二、body块 三、解释//默认在输入框显示信息//默认不在输入框显示信息 da... 阅读全文
posted @ 2015-05-04 01:51 静文 阅读(383) 评论(0) 推荐(0)