12 2016 档案

vue.js几行实现的简单的todo list
摘要：序：目前前端框架如：vue、react、angular，构建工具fis3、gulp、webpack等等...... 可谓是五花八门，层出不穷，眼花缭乱。。。其实吧只要你想玩还是可以玩玩的..下面是看了2天vuejs的官方文档实现了一个简单的todo list.感觉确实方便~！~ 预览戳这里 vuej 阅读全文
posted @ 2016-12-28 22:07 代码恶童 阅读(255) 评论(0) 推荐(0)
字符串函数扩展
摘要： 本文转载自：http://www.cnblogs.com/Uncle-Keith/p/6230918.html 阅读全文
posted @ 2016-12-28 22:07 代码恶童 阅读(119) 评论(0) 推荐(0)
CSS3之过渡及2D变换
摘要：transition过渡 transition-duration:; 运动时间transition-delay:; 延迟时间transition-timing-function:; 运动形式 ease 逐渐变慢 (默认) linear 匀速 ease-in 加速 ease-out 减速 ease-i 阅读全文
posted @ 2016-12-27 21:21 代码恶童 阅读(513) 评论(0) 推荐(0)
css3加载ing动画
摘要：项目中ajax交互成功前总会需要给用户提醒，比如请稍候、正在加载中等等，那个等待的动图以前项目中用的是gif，在移动端画质很渣，有毛边，于是在新项目中用css3展示加载中的动画效果。 js放在项目公用里，样式放到公用样式里，调用的时候tipLoading(type,top,left)，在ajax交互 阅读全文
posted @ 2016-12-19 21:13 代码恶童 阅读(342) 评论(0) 推荐(0)
纯粹CSS效果~
摘要：之前在网上看到一些用纯CSS3实现的酷炫效果，以为实现起来比较困难，于是想看看具体是怎么实现的。 一、笑脸猫动画 实现效果如下： 这个实现起来确实比较麻烦，很多地方需要花时间，有耐心地调整。 1.先看下页面结构： <body> <div class="container"> <!-- 脸 --> < 阅读全文
posted @ 2016-12-14 20:38 代码恶童 阅读(362) 评论(0) 推荐(0)
一分钟搞定AlloyTouch图片轮播
摘要：轮播图也涉及到触摸和触摸反馈，同时，AlloyTouch可以把惯性运动打开或者关闭，并且设置min和max为运动区域，超出会自动回弹。除了一般的竖向滚动，AlloyTouch也可以支持横向滚动，甚至任何属性的运动，因为它的设计的本质就是属性无关，触摸可以反馈到任何属性的运动。所以AlloyTouch 阅读全文
posted @ 2016-12-12 20:20 代码恶童 阅读(310) 评论(0) 推荐(0)
html5实现GIF图效果
摘要：代码如下： <!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 代码恶童 阅读(7811) 评论(0) 推荐(0)
响应式网页设计简单入门（强烈推薦！！！！）
摘要：响应式网页设计简单入门 Overview: 构造基本的HTML页面 动态加载样式表 Viewport 字体缩放 侧边栏 导航菜单 图片自适应 其他 总结 说到响应式网页设计(Responsive web design)，最近在谷歌加上碰到个奇葩贴子，通过一个原始到无法再简单的网页Motherfuck 阅读全文
posted @ 2016-12-07 21:13 代码恶童 阅读(2036) 评论(0) 推荐(0)
form表单提交和ajax表单提交，关于移动端如何通过软键盘上的【搜索】和【前进】进行提交操作
摘要：【文章来源】由于自己对于form研究甚少，所以一直用的都是AJAX进行提交，这次后台提出要用form提交，顺便深入研究一下；之前在做表单的时候，发现input可以通过设置不同的type属性，调用不同的移动端软键盘，但是对于软键盘中的【搜索】和【前往】不知道怎么进行控制 【form 和 ajax 区别 阅读全文
posted @ 2016-12-07 20:41 代码恶童 阅读(345) 评论(0) 推荐(0)
【JavaScript】Write和Writeln的区别
摘要：Write和Writeln的区别 Write不可以换行，Writeln可以换行。 如何查看Writeln的换行效果 在网页中是看不到writeln的换行效果的，它是被浏览器表现为一个空格显示出来了。 在HTML文件和JSP的源文件中都看不到效果，读者可以在标签中加入预格式标签查看效果， 除了上面这种 阅读全文
posted @ 2016-12-06 20:55 代码恶童 阅读(2002) 评论(0) 推荐(0)
JQ 图片轮播并封装
摘要：利用面向对象自己动手写了一个封装好的jquery轮播对象，可满足一般需求，需要使用时只需调用此对象的轮播方法即可。 demo：https://github.com/zsqosos/shopweb 具体代码如下： HTML结构： css样式： jquery代码： 最初实现时使用面向过程的方法来完成，虽 阅读全文
posted @ 2016-12-02 20:14 代码恶童 阅读(612) 评论(0) 推荐(0)
CSS3-box-sizing属性
摘要：本文介绍了css3中的box-sizing属性，在这之前读者需要预备知识width的范围。 浏览器的支持情况 box-sizing属性 box-sizing属性可以有三个值：content-box（defalut），border-box属性。 效果截图： 本文转载自：http://www.cnblo 阅读全文
posted @ 2016-12-01 21:50 代码恶童 阅读(193) 评论(0) 推荐(0)