当前位置: 秋叶网络博客
理解js中的for循环
作者: 发表时间:2015年12月18日
mysql数据库迁移导入到mongodb详细教程
for循环的理解可以这样理解:每满足里面的条件一次就执行一遍里面的代码,它的速度是非常快的,你对它的理解不应该有时间观念;应该把每个循环看成一个整体,瞬间完成,这样就不会纠结理解上。它的理解类似setInterval 举个栗子来理解: var iNum=0; outermost: for (var i=0; i<10; i++) { for (var j=0; j<10; j++) { if (i == 5 && j == 5) { break outerm...
目录: 前端编程 标签: 2条评论 9225次阅读
CSS3多列布局实现杂志排版效果
作者: 发表时间:2015年12月17日
mysql数据库迁移导入到mongodb详细教程
随便翻了一本杂志,突然发现杂志文章的排版设计给人非常具有舒适感,容易阅读,整齐,总之就是一个字:用户体验非常好~。 当然这是纸质版的,那么电子版也就是网页版我们能否也做到这样呢?答案是肯定的,纸质版还不是电子版打印出来的,既然它能做到,我们的css也能做到。 要实现三列的话,走一般的思路就是定义三个div左浮动,然后往这三个div里面填充内容。这样就很不方便...
目录: 前端编程 标签: 多列布局 0条评论 8051次阅读
响应式全屏无缝滚动式幻灯片
作者: 发表时间:2015年11月13日
mysql数据库迁移导入到mongodb详细教程
之前有写过淡入淡出的幻灯片《详解jq幻灯片原理及制作方法a 》,现在写一个左右滚动式幻灯片,虽然web幻灯片功能的代码在网上一抓一大把,但网上很多的都是通过插件封装而来,动不动就几千行代码,一两百kb大小,占用资源不说,对于修改来说也异常困难和麻烦。所以这东西还得自己掌握比较好,自己爱怎么写就怎么写,我让它怎么滚动就怎么滚动,我让它向东它绝不会向西。 如果...
目录: 前端编程 标签: 幻灯片 6条评论 7800次阅读
一小段代码实现代码高亮的功能
作者: 发表时间:2015年11月04日
mysql数据库迁移导入到mongodb详细教程
代码高亮在博客网站上用得都比较多,看了一下也有不少插件。经常浏览我博客的人就知道我一直没用代码高亮的插件,而是我自己写的样式让它看起来像代码高亮。之所以我不用插件主要是这东西太麻烦了,首先博客要安装插件,我是很不喜欢插件的,若非这个插件是制钞机的我都不会安装。除此之外还要下载一个软件,每次发表文章还要打开软件把代码拷进去转化一下,再把它拷出来,粘...
目录: 前端编程 标签: 代码高亮 1条评论 8043次阅读
Javascript保存和调用以及清除cookies
作者: 发表时间:2015年11月02日
mysql数据库迁移导入到mongodb详细教程
Javascript的cookies功能意为在本地上临时存储数据,实现一个暂时的数据库功能,这样就不会因为用户刷新网页而清空所有的操作。常常用于输入表单的存储,网页换肤等记忆型内容。特点:有大小限制,一般为4k,安全性差,只是用于保存不是私密的东西,如用户名但非密码。代码如下: //设置cookiesspan function setCookie(name, value, iDay) { var oDate=new Date(); oDate.s...
目录: 前端编程 标签: cookies 2条评论 6667次阅读
Javascript拖拽功能代码
作者: 发表时间:2015年11月02日
mysql数据库迁移导入到mongodb详细教程
web页面中的拖拽功能也是屡见不鲜,比如说一些页面的装扮,比如说qq空间,淘宝店铺装修,可视化布局的等都用到了拖拽的功能。新手看来觉得是高大上,其主要运用的是鼠标的坐标操作。详情代码如下: var oDiv=document.getElementById('div1')span ; var disX=0,disY=0; oDiv.onmousedown=function (ev){ var oEvent=ev||event; disX=oEvent.clientX-oDiv.offsetLeft; disY=o...
目录: 前端编程 标签: js拖曳 4条评论 6914次阅读
Javascript完美运动通用封装框架
作者: 发表时间:2015年11月01日
mysql数据库迁移导入到mongodb详细教程
运动是一个很有趣的事情,特别是网页上的运动,几乎无处不在,因为它能给人良好的用户体验性,况且有的网页不止一个运动,是由众多的运动元素组成,那是不是每一个元素的运动都给它一顿敲代码实现,显然是不现实,所以我们封装一个通用框架,让网页中运动的每一个元素的运动都调用这个框架,只变化参数,这样就方便很多。这篇文章的运动框架可以给每一个程序员省了许多的代码...
目录: 前端编程 标签: 运动框架 1条评论 6721次阅读
原生JS写的一个简单闹钟程序
作者: 发表时间:2015年10月24日
mysql数据库迁移导入到mongodb详细教程
之前在学jq,现在要反过来学习js,想脱离框架用原生代码写特效。至少省了那90多kb的服务器资源请求。于是就从最简单的开始,写了个闹钟程序,开着电脑睡觉的人有福利了,打开这个网页,设置下闹铃时间,安心睡去吧。时间到后或超过设定的时间铃声自动响起。 现在是北京时间:<span id='yanshi_time'></span><br/> <audio src='http://media.mizuiren.c...
目录: 前端编程 标签: 闹钟js 5条评论 8533次阅读
输入框input文字光标不垂直居中的怪异现象
作者: 发表时间:2015年10月16日
mysql数据库迁移导入到mongodb详细教程
细心的人有没有发现,有些网站文本输入框的光标不居中,而有些网站的输入框的光标又是居中的,这里说的居中当然不是height和line-height居中的问题了,而是兼容问题,在ie下和谷歌浏览器下会有所不同,ie上是正常的,但是360浏览器(谷歌内核)就会出现问题。如下: 后来纠结了好久,找了个正常的网站,就百度了,用审查元素查看了下它的输入框的css属性,其它都没什么特别,...
目录: 前端编程 标签: 输入框光标 6条评论 9745次阅读
完美修复手机UC浏览器播放小片段audio音乐的BUG
作者: 发表时间:2015年10月11日
mysql数据库迁移导入到mongodb详细教程
发现手机uc浏览器有个严重的bug,对于网页中存在小片段audio标签的音乐播放,会无限循环的播放,即使设置了loop为false依旧没用,其它浏览器不会有这种现象。这样就会造成严重的用户体验问题,比如说网页中点击某个链接的声音,往往不到半秒就播放完成,然而在uc上意味着点一次链接就会一直存在这个声音循环,甚是讨厌。 既然它不会停止,我们就用js让它停止: var music=do...
目录: 前端编程 标签: audio bug 2条评论 10666次阅读