css选择器中:first-child与:first-of-type的区别

:first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码: <div> <p>第一个元素</p> ...

2018-10-30 21:27:34

阅读数 34

评论数 0

JQUERY 获取 DIV 宽度与高度(width,padding,margin,border)

一般讲的宽度指的是内容宽度,但一个 div 的实际宽度不仅只于内容宽度,尤其在做 CSS 排版时更不能搞错,必须同时考虑 Padding、Border 与 Margin 的宽度,四个加起来才是 div 真正占有的宽度。 JQUERY 获取 DIV 宽度与高度(width,padding,marg...

2018-10-30 12:22:59

阅读数 43

评论数 0

css实现两栏布局,左侧固定宽,右侧自适应的七种方法

一个面试会问的问题,如何实现两个盒子,左侧固定宽度,右侧自适应。 下面是实现的其中方法: 1、利用 calc 计算宽度的方法 css代码如下: .box{overflow: hidden;height: 100px;margin: 10px 0;} .box>div{...

2018-10-17 19:01:01

阅读数 276

评论数 0

querySelector()和querySelectorAll()

querySelector()和querySelectorAll()是两个原生的选择符。 querySelector()用于接收一个css选择符,返回与该模式匹配的第一个元素;querySelectorAll()返回所匹配到的所有元素。 大家会问已经有getElementById()和getEle...

2018-10-14 23:38:25

阅读数 69

评论数 0

原生 JS 获取元素的尺寸和位置

关于元素的尺寸和位置,这原本是 CSS 干的事,但更多的时候需要用 JavaScript 来获取这些参数,比如一个很好的例子 js 实现的图片瀑布流。 在介绍 JS 中的例子之前,先来说明一下 css 中的元素尺寸。 CSS 中的 width 和 height 先开个头吧,一个元素所占据的物理尺寸...

2018-10-13 21:16:33

阅读数 734

评论数 0

document.documentElement和document.body的区别

网页中获取滚动条卷去部分的高度,可以通过 document.body.scrollTop 来获取,比如使div跟着滚动条滚动: <div id="div" style="width:100px;height:100px;b...

2018-10-13 15:55:04

阅读数 52

评论数 0

CSS图片下面有间隙的解决方案

在进行页面的DIV+CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的对於 该问题的解决方法也是「见机行事」,根据原因的不同要用不同的解决方法,这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳, 供大家参考...

2018-10-11 15:24:48

阅读数 240

评论数 0

css属性选择器*=,|=,^=,$=的区别

总结: “value是完整单词” 类型的比较符号: ~= , |= “拼接字符串” 类型的比较符号: *= , ^= , $= 1.attribute属性中包含value: [attribute~=value] 属性中包含独立的单词为value e.g:[title~=flower...

2018-10-11 14:56:15

阅读数 193

评论数 0

H5获取用户位置API + 百度地图API介绍

一. Geolocaiton API 功能介绍 Geolocation接口是一个用来获取设备地理位置的可编程的对象,它可以让Web内容访问到设备的地理位置,这将允许Web应用基于用户的地理位置提供定制的信息. 出于安全考虑,当一个Web页尝试获取地理位置信息时, 会请求用户批准地理位置访问权限, ...

2018-10-03 15:28:44

阅读数 435

评论数 0

slice() 与 splice()区别

slice() 1.1 (1)接受一个参数是:返回从该参数指定位置开始到当前数组末尾的所有项; (2)接受两个参数是:返回起始和结束位置之间的项,但是不包括结束位置的项。 注意: slice()不会影响原数组 1.2 start 要抽取的片断的起始下标。如果是负数,则该参数规定的是从字符串的尾...

2018-10-02 22:38:34

阅读数 61

评论数 0

SEO基础知识:H1标签

H1标签 什么是H1标签?<H1>标签通常是页面上可见的第一个标题标签,它通常位于页面上的标签层次结构的顶部。 为了让文字脱颖而出,h1标签的格式与页面标签的其余部分不同。 这是一个h1标签的例子: 理解标签使用的更简单的方法...

2018-09-26 21:18:00

阅读数 69

评论数 0

CSS3中3d转换与2d转换的区别(translate3d rotate3d)

3d转换 translate3d rotate3d 2d转换和3d转换区别: 多了一个参数表示3d 在移动端使用3d转换可以优化性能(如果设备有3d加速引擎 GPU 可以提高性能 , 2d转换是无法调用GPU) ...

2018-09-24 15:51:20

阅读数 749

评论数 1

css动画与js动画的区别

使用动画 (js实现动画,css3实现动画) + 一个是帧动画 一个是补间动画 + 什么是帧动画:使用定时器 每隔一段时间 更改当前元素的状态 + 什么是补间动画:过渡(加过渡只要状态发生改变产出动画) 、 动画(多个节点来控制动画) ,性能会更好 + 在支持H5C3的的浏览器尽可能使用css3...

2018-09-21 10:42:55

阅读数 405

评论数 0

transition、transform和animation的区别

Transform 在部分的test case当中,每每演示transform属性的,看起来好像都是带动画。这使得小部分直觉化思维的人(包括我)认为transform属性是动画属性。而恰恰相反,transform属性是静态属性,一旦写到style里面,将会直接显示作用,无任何变化过程。 trans...

2018-09-21 10:08:14

阅读数 295

评论数 0

Webstorm 分屏操作

在编辑网页的时候对照html文件去编写css会更加直观 在webstorm中如何分屏进行编写呢 1、正常打开文件是不会分屏的 2、右键需要分屏的文件 3、点击垂直拆分是左右分屏,水平拆分是上下分屏(我用的是汉化版) split vertically是左右分屏 split horizontal...

2018-09-21 09:32:51

阅读数 4248

评论数 0

jQuery的插件引入顺序问题

今天想用jQuery的fullpage插件做个小demo,却掉进了个大坑,折腾了半天才爬出来,哭唧唧。 现在开始我的掉坑之旅: 1、引用css文件 <link rel="stylesheet" href="css/full...

2018-09-20 20:37:43

阅读数 569

评论数 0

自定义input[type="radio"]的样式

对于表单,input[type=“radio”] 的样式总是不那么友好,在不同的浏览器中表现不一。 对单选按钮自定义样式,我们以前一直用的脚本来实现,不过现在可以使用新的伪类 :checkbox 来实现。 如果直接对单选按钮设置样式,那么这个伪类并不实用,因为没有多少样式能够对单选按钮起作用。不过...

2018-09-19 20:29:53

阅读数 290

评论数 0

CSS3伪类与伪元素的区别及注意事项

CSS中伪类与伪元素的概念是很容易混淆的 今天就来谈谈伪类与伪元素之间的区别 定义 首先先来看看伪类与伪元素的定义 w3c中对于它们是这么解释的 伪类:用于向某些选择器添加特殊的效果 伪元素:用于将特殊的效果添加到某些选择器 讲道理,可能我语文不好,我觉得这两句话是等价的

2018-09-19 20:05:35

阅读数 57

评论数 0

jQuery 中$.ajax $.get $.post 和$.getJSON 的 区别 和 用法

1、$.ajax 是 jQuery 底层 AJAX 实现,$.ajax是一种通用的底层封装,$.ajax()请求数据之后,则需要使用回调函数,有beforeSend、error、dataFilter、success、complete等。 2、$.get $.post是简单易用的高层实现,我们使用$...

2018-09-19 16:29:58

阅读数 81

评论数 0

js中的事件委托或是事件代理详解

起因: 1、这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的; 2、其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考; 概述: 那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只...

2018-09-19 09:55:19

阅读数 34

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭