摘要: 序:目前前端框架如:vue、react、angular,构建工具fis3、gulp、webpack等等...... 可谓是五花八门,层出不穷,眼花缭乱。。。其实吧只要你想玩还是可以玩玩的..下面是看了2天vuejs的官方文档实现了一个简单的todo list.感觉确实方便~!~ 预览戳这里 vuej 阅读全文
posted @ 2016-12-28 22:07 代码恶童 阅读(243) 评论(0) 推荐(0) 编辑
摘要:  本文转载自:http://www.cnblogs.com/Uncle-Keith/p/6230918.html 阅读全文
posted @ 2016-12-28 22:07 代码恶童 阅读(115) 评论(0) 推荐(0) 编辑
摘要: transition过渡 transition-duration:; 运动时间transition-delay:; 延迟时间transition-timing-function:; 运动形式 ease 逐渐变慢 (默认) linear 匀速 ease-in 加速 ease-out 减速 ease-i 阅读全文
posted @ 2016-12-27 21:21 代码恶童 阅读(498) 评论(0) 推荐(0) 编辑
摘要: 项目中ajax交互成功前总会需要给用户提醒,比如请稍候、正在加载中等等,那个等待的动图以前项目中用的是gif,在移动端画质很渣,有毛边,于是在新项目中用css3展示加载中的动画效果。 js放在项目公用里,样式放到公用样式里,调用的时候tipLoading(type,top,left),在ajax交互 阅读全文
posted @ 2016-12-19 21:13 代码恶童 阅读(324) 评论(0) 推荐(0) 编辑
摘要: 之前在网上看到一些用纯CSS3实现的酷炫效果,以为实现起来比较困难,于是想看看具体是怎么实现的。 一、笑脸猫动画 实现效果如下: 这个实现起来确实比较麻烦,很多地方需要花时间,有耐心地调整。 1.先看下页面结构: <body> <div class="container"> <!-- 脸 --> < 阅读全文
posted @ 2016-12-14 20:38 代码恶童 阅读(346) 评论(0) 推荐(0) 编辑
摘要: 轮播图也涉及到触摸和触摸反馈,同时,AlloyTouch可以把惯性运动打开或者关闭,并且设置min和max为运动区域,超出会自动回弹。除了一般的竖向滚动,AlloyTouch也可以支持横向滚动,甚至任何属性的运动,因为它的设计的本质就是属性无关,触摸可以反馈到任何属性的运动。所以AlloyTouch 阅读全文
posted @ 2016-12-12 20:20 代码恶童 阅读(295) 评论(0) 推荐(0) 编辑
摘要: 代码如下: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .box{ width: 180px; heig 阅读全文
posted @ 2016-12-12 20:19 代码恶童 阅读(7766) 评论(0) 推荐(0) 编辑
摘要: 响应式网页设计简单入门 Overview: 构造基本的HTML页面 动态加载样式表 Viewport 字体缩放 侧边栏 导航菜单 图片自适应 其他 总结 说到响应式网页设计(Responsive web design),最近在谷歌加上碰到个奇葩贴子,通过一个原始到无法再简单的网页Motherfuck 阅读全文
posted @ 2016-12-07 21:13 代码恶童 阅读(1977) 评论(0) 推荐(0) 编辑
摘要: 【文章来源】由于自己对于form研究甚少,所以一直用的都是AJAX进行提交,这次后台提出要用form提交,顺便深入研究一下;之前在做表单的时候,发现input可以通过设置不同的type属性,调用不同的移动端软键盘,但是对于软键盘中的【搜索】和【前往】不知道怎么进行控制 【form 和 ajax 区别 阅读全文
posted @ 2016-12-07 20:41 代码恶童 阅读(327) 评论(0) 推荐(0) 编辑
摘要: Write和Writeln的区别 Write不可以换行,Writeln可以换行。 如何查看Writeln的换行效果 在网页中是看不到writeln的换行效果的,它是被浏览器表现为一个空格显示出来了。 在HTML文件和JSP的源文件中都看不到效果,读者可以在标签中加入预格式标签查看效果, 除了上面这种 阅读全文
posted @ 2016-12-06 20:55 代码恶童 阅读(1954) 评论(0) 推荐(0) 编辑