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