目前是小白-优快云博客

转载设置滚动条可以滚动,但不显示

.fire_chart_list_child{ width: 100%; overflow-y:scroll; overflow-X:hidden;}.fire_chart_list_child::-webkit-scrollbar { width: 0px;}.fire_chart_list_child::-o-scrollbar { widt...

2018-11-20 17:59:50 2760

转载 jquery判断鼠标划入和离开方向

判断鼠标经过一个盒子时是从什么方向进入的又是从什么方向离开的这个计算方法比较复杂，在以后有兴趣可以深究。<script src="js/jquery-1.11.3.min.js"></script> <script type="text/javascript"> $(function() { ...

2018-08-14 18:51:03 690

转载 CSS3 伸缩布局盒模型记

CSS3 伸缩布局盒模型　　CSS3引入的布局模式Flexbox布局，主要思想是让容器有能力让其子项目能够改变其宽度，高度，以最佳方式填充可用空间。Flex容器使用Flex项目可以自动放大与收缩，用来填补可用的空闲空间。　　更重要的是，Flexbox布局方向不可预知，不像常规的布局(块级从上到下，内联从左到右)，而那些常规的适合页面布局，但对于支持大型或者复杂的应用程序就缺乏灵活性。　　如...

2018-08-10 19:33:29 355

原创 JS简单的动画函数的封装(基于步长)

1.匀速动画函数的封装 obj指的是运动的对象，target指的是运动对象的目标值。function animate(obj,target) { clearInterval(obj.timer); //先判断是往前走还是往回走 var speed = target - obj.offsetLeft>0? 5: -5; obj.timer = setI...

2018-07-29 17:32:35 1536

原创 JS操作字符串

参考如下代码：<body> <div id="div1">what's your name?</div> <div id="div2">My name is rose.</div> <button id="btn1">concat()</button&amp

2018-07-28 22:31:28 180

原创 JS节点的相关操作

var demo = document.getElementById("demo"); //创建节点 var div = document.createElement("div"); var test = document.createElement("ul"); //获取demo下的所有子标签 var childrens = demo.children //插入节点,并...

2018-07-28 17:54:30 139

原创 JS中的一些基础知识的浏览器兼容性写法

1.兄弟节点 .nextElementSibling谷歌、火狐、IE9以上等其它浏览器认识的.nextSibling是IE6，7，8认识的var li = one.nextElementSibling || one.nextSibling;2.scrollTop和scrollLeft谷歌和没有声明<!DOCTYPE>的认识document.body.scrollT...

2018-07-28 17:44:47 605

原创 JS封装带有id的class类函数

function getClassId(classname,id) { //浏览器支持的情况下 if(document.getElementsByClassName) { //判断是否有id，若是有则返回该id下的所有带有classname的元素 if(id) { return document.getElementById(id).getElementsByCl...

2018-07-28 17:17:39 409

原创 JS封装class类名的函数

function getClass(classname){ // 浏览器支持的情况下 if(document.getElementsByClassName) { return document.getElementsByClassName(classname); } // 不支持的情况下 var arr = [];//用来存放符合类名条件的元素 var de...

2018-07-28 16:33:20 1251

原创 JS数组常用方法

1.向数组中添加元素 ①push() 可以向数组的末尾添加一个或者多个元素，并返回新的长度。②unshift() 从数组的前面添加，并返回新的长度。2.从数组中删除元素①pop() 删除最后一个元素，返回数组最后一个值，也就是删除掉的那个值。②shift() 把数组中的第一个元素删除，并返回第一个元素的值。3.连接数组concat() 用于连接两个或者多个...

2018-07-28 15:10:34 162

原创 input框相关的基础知识

1.onfocus事件onfocus获取焦点，也就是文本框输入内容，如果文本框内容是“请输入...",则输入框清空，如果不是这几个字说明是用户输入了内容，当用户输入一半再次回来输入时获取焦点之后不至于清空内容。2.onblur事件onblur失去焦点，当用户离开文本框，也就是用户在文本框输入之后进行了别的操作，此时就判断文本框的值是否为空，若是则显示”请输入..."，如果不为空则不显示...

2018-07-27 15:15:33 316

原创 JS基础中的基础，其中易出错的地方

1.全局变量和局部变量下面这种情况相当于b和c没有var，所以b和c是全局变量，a是局部变量。 <script> f1(); console.log(c); console.log(b); console.log(a); function f1() { var a = b = c = 9;//这种情况相当于b和c没有var，所以b和c是全局变量，a...

2018-07-27 14:45:22 175

原创使用JS获取数组的索引值index

var lis = getElementsByTagName("li")；for(var i=0;i<lis.length;i++){ lis[i].index = i;//赋予每个li索引值,这是难点，比较难理解！ lis[i].onclick = function(){ alert(this.index); }}...

2018-07-11 18:29:32 32678

转载 javascript中的运算符优先级

运算符描述1 . [] ()字段访问、数组下标、函数调用以及表达式分组2 ++ -- - ~ ! delete new typeof void一元运算符、返回数据类型、对象创建、未定义值3 * / %乘法、除法、取模4 + - +加法、减法、字符串连接5 << >> >&gt...

2018-07-09 14:51:29 259

原创 css中的层级问题详解

层级问题（谁高）总结：标准流盒子，低于浮动的盒子，浮动的盒子又低于定位的盒子。定位高于浮动，浮动高于标准流。（高低和占不占位置无关）（除去static之外）。z-index的用法： 1、必须有定位。（除去static之外）。 2、给定z-index的值为层级的值。（不给默认为0）（层级为0的盒子，也比标准流和浮动高。）（层级为负数的盒子，比标准流和浮动低。）...

2018-07-02 15:51:52 2950

原创 left、right、top和bottom的权重问题

权重问题left比right，权重高。有left又有right的时候，执行left的值。top比bottom，权重高。有top又有bottom的时候，执行top的值。

2018-07-02 15:47:29 743

原创 margin和padding用法的区别，隐藏盒子的问题

margin和padding用法的区别1.需要使用背景图的时候必须用padding。2.会出现外边距合并或者margin塌陷的时候用padding。3.行内元素上下只能设置padding，不能设置margin。（行内高16px）4.看border，如果是a连接，看能不能让字体变色，或者显示小手。5.看需求。...

2018-07-02 15:41:54 601

原创为什么要清除浮动以及清除浮动的几种方法

1.为什么要清除浮动？答：因为当父盒子高度为0时，子盒子不占位置，子盒子不会撑开父盒子，所以下面的标准流盒子，会跑到父盒子中的子盒子下面。2.清除浮动的几种方法谁出问题就给谁加一个clearfix类名。①clear: both;②overflow: hidden;③单伪元素标签法.clearfix:after { content: “”; height: 0; visibi...

2018-07-02 15:29:31 1795

原创 JavaScript中字符串转数字类型的几种方法以及这几种方法的区别

①Number ★数字类型的字符串，转换之后得到的数字。 ★非数字字符串，转换之后得到是NaN。 ★小数类型的字符串，转换之后得到的是原数字。②parseInt ★整数数字类型的字符串，转换之后得到的整数数字。 ★数字开头的字符串，转换之后得到的是前边的数字。 ★非数字开头的字符串，转换之后得到的是NaN。 ★小数类型的字符串，转换之后取整。③parseFloat ★整数数字类型的字符串，转...

2018-06-28 11:07:28 435

原创追加新图标字体的方法

1.在之前下载的字体压缩包解压后里面有.json文件夹2.打开icomoon网站，重新点击右上角的icomoon App3.点击上面一行的import icon按钮，选择文件夹中的.json文件夹4.此时之前选择的已经是默认选中状态，此时只需要再选择要追加的字体就可以了5.选择完成后和第一次下载方式一样下载就可以了...

2018-04-21 09:40:27 872

原创 icomoon在css中如何声明以及使用方法

1.在样式表中声明，代码如下：@font-face { font-family: 'icomoon'; src:url('fonts/icomoon.eot'); src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'), ...

2018-04-20 21:43:32 2355

g_hold的博客