摘要: 前端界面中,存在各种各样的运动,其中缓冲运动由于其视觉效果好的特点被广泛使用。 缓冲运动与匀速运动最大的差别在于,其速度不是一个恒定的值,而是随着元素的位置离目标位置距离的缩小而变小,因此在视觉上的效果较为平滑。 在编写运动框架时,主要有以下步骤: 1、清除原来的定时器; 2、编写动作。需要对运动停 阅读全文
posted @ 2016-12-09 16:31 忘记木槿 阅读(200) 评论(0) 推荐(0) 编辑
摘要: 1、关于定义变量 js中,在所有函数外部定义的变量为全局变量。 在函数内部定义变量时,需要用var来标识局部变量,如果不使用var直接定义,则会被js默认为一个全局变量。当存在与之同名的全局变量时,则会出现出乎意料的结果。因此希望大家在定义时,务必使用var已保证程序的规范性。 2、windows属 阅读全文
posted @ 2016-12-06 18:06 忘记木槿 阅读(1248) 评论(0) 推荐(0) 编辑
摘要: 关于ajax的使用,主要可以分为4个阶段: 1、创建ajax对象; 2、连接服务器; 3、发送服务器请求; 4、接收返回值; 具体代码如下: function ajax(url,fnSucc,fnFailed) { //创建ajax对象,该对象在IE6以上兼容 var oAjax = new XML 阅读全文
posted @ 2016-12-06 15:27 忘记木槿 阅读(132) 评论(0) 推荐(0) 编辑
摘要: 三、Array变量函数 1)arrayObjecr.push(newelement1,newelement2,... ...); 作用:向指定的数组对象的末尾添加一个或多个元素。该方法直接修改原数组,并返回新数组的长度。 该功能与arrayObject.unshift(newelement1,... 阅读全文
posted @ 2016-10-21 14:28 忘记木槿 阅读(373) 评论(0) 推荐(0) 编辑
摘要: 在js中,字符串(string)和数组(array)是常用到的变量,js中也为这2种变量提供了各种强大的函数。 如果能较好的运用这些函数,在进行算法计算时可以说是事半功倍,但作为初学者,我们常常对这些函数感到眼花缭乱,下面将对string和array中常用到的函数进行盘点和比较。 一、string变 阅读全文
posted @ 2016-10-21 11:28 忘记木槿 阅读(532) 评论(0) 推荐(0) 编辑
摘要: 今天讲一个非常小的知识点,就是关于getElementsByClassName的使用问题。我们都知道,该方法是用于获取到html中class名称为“XXX”的元素所构成的数组。 在使用sublime编辑器,以及使用codepen完成github上的项目时,我发现在js文件中,无法使用getEleme 阅读全文
posted @ 2016-10-09 09:57 忘记木槿 阅读(1061) 评论(0) 推荐(0) 编辑
摘要: 在对界面布局时,往往需要用到position属性。在W3C中,对position的定义是:规定元素的定位类型。 顾名思义,absolute代表绝对定位。在查阅了相关资料后,发现absolute定位是相对于其包含块(containing block)绝对定位,而这个包含块不一定是父级元素。例如,当父级 阅读全文
posted @ 2016-09-28 14:24 忘记木槿 阅读(441) 评论(0) 推荐(0) 编辑
摘要: 学习起步时,本人试着在web端界面上仿照qq客户端主菜单,做出了一个界面。 当做到qq主菜单的搜索框时,发现点击搜索框后,里面的背景图片会消失,如下面2张图所示: 点击前 点击后 尽管类似这种判断鼠标是否点击在div外,以更改背景图片的应用在web开发中并不多见,但是我们还是需要明白,应如何实现对鼠 阅读全文
posted @ 2016-09-01 09:49 忘记木槿 阅读(2162) 评论(0) 推荐(0) 编辑
摘要: 本人前端小白一枚,写这些心得主要是为了记录自己的前端路上的成长及感悟。 废话不多说,平时我们在做边框border时,总能看到界面上一些边框颜色渐变的效果,比较常见的就是qq主菜单界面,我们发现他的边框并不是一条纯色的实线,如果对其进行放大,就可以看到下图所示的内容: 可以看到,其实它的边框是由7条宽 阅读全文
posted @ 2016-08-29 14:49 忘记木槿 阅读(18551) 评论(0) 推荐(0) 编辑