10 2016 档案
摘要：addclass,removeclass,hasclass,toggleclass,getbyclass
阅读全文
摘要：canvas是H5中及其重要的一个新标签，它得出现不仅让前端做图形图表功能变得异常强大，还用极强的性能丰富前端渲染页面的能力。 Life is not a problem to be solved, but a reality to be experienced.人生不是待解决的难题，而是等着我们去
阅读全文
摘要：今天分享下移动端原生js的无缝轮播图； 移动端尽量减少使用DOM操作来频繁的浪费移动端设备的性能，所以这个无缝轮播图更多的使用了transition和transform，无缝的思想和昨天分享的PC端的无缝轮播的思想是一样的，分别在正常的图片的前面插入了最后一张图片和在正常图片的最后插入了第一张图片，
阅读全文
摘要：今天分享一下自动播放轮播图，自动播放轮播图是在昨天分享的轮播图的基础上添加了定时器，用定时器控制图片的自动切换，函数中首先封装一个方向的自动播放工能的小函数，这个函数中添加定时器，定时器中可以放向右走的代码，也可以放向左走的代码，然后在js加载的时候先执行一次，保证页面加载的时候轮播图是自动播放的，
阅读全文
摘要：原生js选项卡的几种写法，整片文章我会由简及难的描述几种常用的原生选项卡的写法； Improve little by little every day! 1>基本选项卡： 思路：循环中先清除再添加，注意this的指向和自定义属性的应用 html代码： css代码： js代码： 2>无缝滚动选项卡 布
阅读全文
摘要：今天简单的总结了js的一些东西，梳理下整个体系，每一次的总结都会有不同的收获；js总结一一、【获取元素】： 1、通过ID: var oBtn=document.getElementById('btn1'); var oDiv=document.getElementById('div1'); 2、通过
阅读全文
摘要：1 js中定时器分为两种：setInterval和setTimeout, 但是在代码的执行中，定时器的优先级最低，系统里其他不在执行的时候，它才开始。例子如下： 2 3 18 19 定时器里面的执行时间为10毫秒， for循环里面为100万毫秒。打开页面的时候一直处于刷新状态，而不是先弹出1， 刷新一段时间后，先弹出50；再弹出1； 20 21 22 第二个例子： 23 2...
阅读全文
摘要：今天把整个html和css的总结了一遍。可能还有疏忽之处，共同学习吧 【行为样式三者分离】 不加行内css样式，不加行内js效果 【标签】1》单标签<!doctype html> 文档头，告诉浏览器这是一个网页br 换行img 插入图片，src属性 默认有图片上方3像素，间距 2》双标签body 主
阅读全文
摘要：用css3效果做了一个颗粒翻页效果，布局上，一张图片做底层，在这张图片上用js创建一层小的行和列各为r和c的小span，给这些span分别设置background-position；用来覆盖原来的一张图片（创建span的时候利用DOM操作，利用两个循环分别创建行和列，然后在循环中创建元素和设置元素c
阅读全文
摘要：今天用css3的写了一个会动的大风车，使用translate和rotate布局，使用animation制作动画效果；分享给大家
阅读全文
摘要：HTML5的新东西总结四： 1》video和audio 声明方法（可以制作背景音乐） var oV/oA=new Video()/Audio(); oV/oA.src=''; oV/oA.play(); 双标签声明： <video src=""></video> <audio src=""></au
阅读全文
摘要：继续总结H5的新东西 1》序列化与反序列化 序列化：其实就是一个json-》string的过程 JSON.stringify(json); 反序列化：string-》json的过程（注意，此处需要标准的json模式） JSON.parse(string); 简单的比较一下eval和parse的区别
阅读全文
摘要：今天用用前两天总结的css3新效果写了一个3d照片环的效果，其中还有些bug大家可以看一看，一起改进。 今天对着效果进行了修复：修复了模糊度旋转时的bug，添加了ul的转动，使转动在x轴和y轴上都可以进行
阅读全文
摘要：今天继续总结css3的一些css3新样式，先列一个简单的提纲，重要的还是圆角、阴影、渐变、文字缩略，最最重要的是过度transition，变换transform和animation圆角阴影渐变 圆形渐变 线性渐变 跳变 重复渐变蒙版倒影滤镜多背景文字方向文字缩略 过渡transition 变换tra
阅读全文
摘要：今天总结了下排序简单的算法 【自定义排序】先寻找一个最小的数，然后依次那这个数和数组中其他数字比较，如果发现比这个数字小的数就把这两个数调换位置，然后再继续寻找下一个最小的数字进行下一轮比较 var arr = [31,6,19,8,2,3]; function findMin(start,arr)
阅读全文
摘要：继续接着昨天的整理 【倒影】:用的不是很多 -webkit-box-reflect:below 20px -webkit-linear-gradient(rgba(0,0,0,0,),rgba(0,0,0,1)); 方向 和倒影之间的距离 倒影方向above（向上） below（向下） left（向
阅读全文
摘要：简单的罗列一个HTML5的新东西，以后的几天里详细的过一遍一个挺有用的网站：www.css88.com 【H5的新标签】 用之前的标签完全可以代替的：header footer aside atrical nav address time mark section 新增的重要的标签：video au
阅读全文