今天我们一起来聊一聊如何处理CSS兼容性问题。因为浏览器厂商众多,采用的浏览器内核各不相同,所以对CSS语法支持的程度也各不相同,有的可能是语法不支持,有的可能是语法支持但是效果表现形态不同,反正都是因为浏览器不同所造成的。以下我们举两个IE浏览器...
-
normalize库
-
JQuery选择器、JQueryDOM遍历和事件处理、JQueryDOM完全操作和动画总结
JQuery总结一:选择器归纳1、基本选择器选择符 匹配元素* 所有元素id 给定ID的元素element 给定类型的所有元素.class &nbs...
-
重写JavaScript中的join()和find()方法
一、join()相关介绍 1.方法介绍: arr.join(separator ):方法用于把数组中的所有元素放入一个字符串。 元素是通过指定的分隔符进行分隔的。如果省略,则数组元素用逗号分隔。 2.重写思路使用如下:(1)可以先判断数组中是否存在null或者undefined,若存在对...
-
HTML5画布Canvas
1、什么是canvas?Canvas 是H5的一部分,允许脚本语言动态渲染图像。Canvas 定义一个区域,可以由CSS属性定义该区域的宽高,JavaScript代码可以访问该区域,通过一整套完整的绘图功能(API),在网页上渲染动态效果图。Canvas本身没有绘图功能,初始化的Canvas...
-
javascript快速排序算法详解
JavaScript实现的常见排序算法有:冒泡排序,选择排序,插入排序,谢尔排序,快速排序(递归),快速排序(堆栈),归并排序,堆排序。今天我们来详细分析下快速排序算法。快速排序是对冒泡排序的一种改进。通过一趟排序将要排序的数据分割成独立的两部分,其中一部分的所...
-
grid网格布局
1、CSS Grid(网格) 布局CSS Grid 网格布局可以将网格元素放置在与这些行和列相关的位置上,进而快速、便捷的对页面结构进行布局,提高工作效率。flexbox 是一维的布局,是因为一个 flexbox container 一次只能处理一个维度上的元素布局,一行或者一列...
-
HTML5技术向网页嵌入视频和音频
网站中如果只有图片和文字是不够的,现在的网站中还会使用到视频和音频,HTML5 中提供了展示视频和音频的标签,可以轻松实现视频与音频的展示哦。向网页嵌入视频可以使用 标签,而嵌入音频可以使用标签。这两个标签都是 html 5 中新增的标签,...
-
CSS清除浮动的几种方法
初学HTML和CSS时,很多同学都会对于浮动有一些疑惑,浮动了为什么需要清除浮动呢,以及我该选择哪种方式来清除浮动呢。今天我们就来通过这篇文章详细阐述一下这两个问题。首先我们需要明确我们常用的一些元素在页面中会有自己应该放置的位置,这就是我们通常...
-
网站上那些自定义的滚动条是如何实现的?
经常进的一个网站,之前一直用谷歌浏览器打开,觉得没什么特别,就是一个普通的滚动条,用js模拟 就可以实现。如下图:直到有一天用ie浏览器打开这个网站时发现这个模块的滚动条变成了下面这样:看到ie下呈现的状态时脑子里第一反应是这不是浏览器自带...
-
通过CSS隐藏元素的常用方法
在平常的学习和工作中,我们会经常碰到需要将元素隐藏或者显示出来的操作,实现的方式有很多种,今天我们来汇总一些比较常用的方式,养成一个归纳总结的好习惯。1、通过style属性中的 display : none (这种是最常用方式之一 )。将元素隐藏可以...
-
CSS底部固定的实现方法
移动端开发中,经常会见到页面底部始终在整个屏幕最底部显示的效果,如下图所示:无论屏幕如何向下滚动图示中蓝色框住的部分都在页面中处于最底部的位置。如果这个部分不做特殊固定处理,正常情况下,当内容足够多时,必须滑到浏览器底部才能看到底部这个模块...
-
教你快速掌握gulp用法
gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率使用步骤:1、安装2、怎么...
-
Echarts实现定制横向柱形图
Echarts官网找到一个简单的横向柱形图,如下:我们想要修改成如下:配置代码如下:修改柱状图图形区域大小grid:{ top:10%, left:22%,...