前端经验

浅谈移动端开发--物理像素和逻辑像素

1、物理像素 设备像素,在同一个设备上,它的物理像素是固定的,这是厂商在出厂时就设置好了的,即一个设备的分辨率是固定的。 2、逻辑像素 CSS像素,viewport中的一个小方格,CS...

前端经验

JavaScript实现文本框的placeholder

代码: !doctype html html head / head body input id = input type = text value = 请输入关键词 / body script window .onload = function () { var defaultValue = 请输入关键词 ; var input = document .getElementById( input ); input....

前端经验

浅谈jQuery对象和DOM对象

DOM对象是原生JavaScript获得的对象,可以使用原生JavaScript的方法,但不能使用jQuery的方法。 jQuery对象是用jQuery的$选择器获得的对象,是通过jQuery包装DOM对象后产生的对象,是jQuery独有的...

前端经验

浅谈CSS单位px、pt、em和rem

1、px 像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 屏幕设备物理上能显示出的最小的一个点,这个点不是固定宽度的,不同设备上点的长宽比例有可能会不...

前端经验

浅谈函数节流

鼠标的mousemove、scroll,浏览器窗口的resize事件等,都是在短时间内重复触发。以onresize事件为例,若事件处理程序需要进行修改元素宽度高度等操作,那么频繁的触发事件会导致频繁的...

前端经验

JS的ES6箭头函数使用方法

ES6标准新增了一种新的函数:Arrow Function(箭头函数) 箭头函数相当于匿名函数,且简化了函数定义。 1、箭头函数有两种格式: ① 只包含一个表达式,{ ... }和return都省略掉。 i = i...