摘要: 本文转载自 "blog" 转载请注明出处 目录 前言 基本原理 html结构 实践 小结 前言 移动端,滑动是很常见的需求。很多同学都用过 "swiper.js" ,本文从原理出发,实践出一个类swiper的滑动小插件 "ice skating" 。 小插件的例子: "移动端" "pc端" 在写代码 阅读全文
posted @ 2017-04-04 16:00 aoyo 阅读(1723) 评论(0) 推荐(1) 编辑
摘要: 最近基于virtual dom 写了一个小框架-aoy。 aoy是一个轻量级的mvvm框架,基于Virtual DOM。虽然现在看起来很单薄,但我做了完善的单元测试,可以放心使用。aoy的原理可以说和vue的实现大同小异,对于想了解原理的同学,可以在github上看看源码,代码量很少,就几百行。 a 阅读全文
posted @ 2017-03-19 16:26 aoyo 阅读(193) 评论(0) 推荐(0) 编辑
摘要: 前几天面试时有道css题没做出来,回来好好学习一番后把其记录下来。 题目是这样的:左中右三栏布局,左右两栏宽度固定,左右两栏的宽度为200像素,中间栏宽度自适应。当屏幕小于600px时,3栏会分别占用一行。像这样 当屏幕大于600px时,是这样 我做出来用了css3的@media,如果不用这个,好吧 阅读全文
posted @ 2016-03-21 23:38 aoyo 阅读(2077) 评论(0) 推荐(0) 编辑
摘要: 对这几个基础排序算法进行梳理,便于以后查看。 /** * * 冒泡排序 * 从末尾开始相邻两数相互比较大小,满足条件就交换位置。循环每进行一次,即可确定第i位数的值。 *冒泡排序的时间复杂度为O(n^2)。 * */ function bubbleSort(arr){ if(arr == null 阅读全文
posted @ 2016-03-07 17:00 aoyo 阅读(347) 评论(0) 推荐(0) 编辑
摘要: 效果就如我的个人站yooao.cc,把我实现的思路分享给大家。 Masonry渲染页面如果有图片时需要imagesLoaded辅助,不然有可能会造成布局重叠。 一个大体的思路:前端取得最后一篇文章的id,下拉时进行Ajax请求添加文章进布局,并同时更新最后一篇文章的id,这样就可往复循环实现无限瀑布 阅读全文
posted @ 2016-03-06 15:39 aoyo 阅读(6228) 评论(0) 推荐(0) 编辑
摘要: 虽然是个基础问题,但也折腾了不少时间,记录下来,希望对新手有所帮助。例如我的前台地址yooao.cc,后台地址back.yooao.cc back.yooao.cc是yooao.cc的一个子域名。 一、解析子域名 我用的是阿里云,增加子域名的步骤是: 1.点击云解析 2.选中目标域名后,添加解析 3 阅读全文
posted @ 2016-03-05 21:16 aoyo 阅读(8247) 评论(0) 推荐(0) 编辑
摘要: 因为一个表单需要同时上传字段和文件,所以加上enctype="multipart/form-data",但是上传后的中文字段变成了乱码。 把enctype="multipart/form-data"和文件上传去掉,中文字段恢复正常。在检查了<meta charset="UTF-8">和php.ini 阅读全文
posted @ 2016-03-05 20:31 aoyo 阅读(2136) 评论(0) 推荐(0) 编辑
摘要: 当我用defunkt/jquery-pjax载入Yii2的ActiveForm时发生一个错误,正常情况下是 ActiveForm的两个js应该先载入,而实际情况是 typeError:JQuery(...).yiiActiveForm is not a function。 在github的issue 阅读全文
posted @ 2016-03-05 20:08 aoyo 阅读(471) 评论(0) 推荐(0) 编辑
摘要: 在学习过程中对js的constructor的作用产生了疑问。下面是学习的资料进行梳理 function Person(area){ this.type = 'person'; this.area = area; } Person.prototype.sayArea = function(){ con 阅读全文
posted @ 2016-03-05 16:55 aoyo 阅读(23883) 评论(1) 推荐(3) 编辑