diaonue3157-CSDN博客

转载 css3的counter的用法

很早之前，计数器仅存在于ul，ol等元素中，如何想给其他元素增加计数，就只能通过list-style-image，或者background-image来实现。不过现在css3增加了counter属性，可以实现任何元素的计数作用。不过这个counter属性还需要配合其他css属性一起才能有效果。首先，counter-reset主要功能是用来标识计数器的作用域的。它只能作用于选择器上...

2018-05-17 22:06:00 170

转载 http请求整理

终于又回来了，先来简单整理一波http请求的信息。对于前端来说，不管是在面试还是在实际项目中，都有必要去了解一些关于http的信息。http请求包含三部分：请求行request line、请求头request head、请求体request body。对应的http响应也包含三部分：响应行，响应头，响应体；请求行里包括请求的方法（get/post等），请求的地址，和http协...

2018-05-06 14:57:00 113

转载带有过渡效果的下拉列表，下拉的内容高度不一致且不确定如何办？

遇到过两三次这种需求：做一个带有过渡效果的下拉列表，并且下拉列表的内容的高度不确定，不一致，有的甚至列表项的高度都不一致；如下图所示：点击每个列表项时，下拉的内容会下滑出来。。。虽然网上有各种解决办法，但是有的试了不太好用，就自己想了一个有点麻烦但是一般情况下感觉挺好用的解决方法。。采用如下代码结果：<li class="ft-item-color">　　&l...

2017-07-27 21:49:00 368

转载用js通过url传参把数据从一个页面传到另一个页面

好长时间没写博客了，时值五一，外面到处人山人海，本宝宝还是好好呆在家学习吧。好了，言归正传。在没有后台支持的情况下，如何实现从一个页面像另一个页面来传递数据呢？应该很多人遇到过这个问题吧。那我就来说说我在项目中遇到的时候是如何解决的。比如说，有两个页面，page1.html，和page2.html，在page1页面向page2页面传递数据可以通过hash值。上代码：page1.h...

2017-05-01 21:04:00 398

转载详细介绍弹性盒模型（display：flex）

弹性盒模型，即Flexbox，是css3中的新特性，其实弹性盒模型的原身是dispaly：box；这里，我们暂时不考虑旧的，我们只看新的。为容器指定弹性盒子，只需在父元素（也就是容器）中设置：display：flex；（注意，webkit内核的需要加webkit前缀，行内元素设置弹性盒子的话，设置display：inline-flex；而且，设置了弹性盒子，子元素的float，cle...

2017-03-14 23:04:00 83

转载 input标签与label标签的“合作关系”

一直忽略了input和label的关系。一次在做自定义单选框的时候又重新捡起来这对“兄弟”。label的for属性和input的id值一致的话，input和label就会组成一个组。例如：<label for="test"> <input type="checkbox" id="test" abc="1111" /></label&...

2017-03-12 21:41:00 223

转载简述jq中attr()和prop()的区别

attr，prop都是属性的意思，那他们有什么区别呢？我们先来看一下jquery的部分源码：attr部分： 1 attr: function( elem, name, value, pass ) { 2 var ret, hooks, notxml, 3 nType = elem.nodeType; 4 // don't get/set attributes...

2017-03-12 21:02:00 86

转载 css3 text-fill-color简介

text-fill-color是什么意思呢？单单从字面上来看就是“文本填充颜色”,不过它实际也是设置对象中文字的填充颜色，和color的效果很相似。如果同时设置text-fill-color和color两个属性，则text-fill-color会覆盖掉color的值。由于text-fill-color是css3的新属性，一说到css3新属性，大家肯定就会问兼容效果如何呢？？嘿嘿，只能...

2017-03-02 22:48:00 135

转载详细介绍javascript中的几种for循环的区别

偶然间见到了forEach循环，感觉很新奇，就研究了一下，顺带着把js中的几种for循环做了一个比较。首先，简单说一下，js中一共大概有四种for循环：（1）、那种简单常见的for循环；（2）、for-in循环；（3）、forEach循环；（4）、es6中新增的for-of循环。（1）简单的for循环例如1 var arr = [1,2,3,4];2 ...

2017-02-20 23:23:00 158

转载关于如何利用原生js动态给一个空对象添加属性以及属性值

首先，回忆一下，访问对象属性一共有两种方法：点获取法和方括号获取法。而我们最常用的就是点获取法了。但是当我们遇到需要给对象动态添加属性和属性值时，点获取法好像就不太好用了，尤其是我们不知道属性名的时候更不好办。这时候，方括号获取法就派上用场了。下面，来看一个例子，就一目了然了。代码如下： 1 <!DOCTYPE html> 2 <html lang=...

2017-02-15 22:32:00 521

转载 windows环境下搭建vue+webpack的开发环境

前段时间一直在断断续续的看vue的官方文档，后来就慢慢的学习搭建vue的开发环境，已经有将近两周了，每到最后一步的时候就会报错，搞的我好郁闷，搁置了好几天，今天又接着搞vue的开发环境，终于成功了。我要把我所参考的文档和实际遇到的问题分享给大家。由于本人也是初级菜鸟一枚，如果有错误，还望谅解指正。下面言归正传：所参考的文档链接：http://blog.csdn.net/syyling...

2016-12-04 22:47:00 65

转载纯css来实现提示框

用js用多了，就疏忽了最基本的css了---用title属性来实现提示框。下面言归正传------如何用css实现提示框：1、利用title属性来实现鼠标滑过某个元素时，实现提示整段内容的功能（利用title属性时，提示框的样式是默认的，而利用自定义的data-title属性时，提示框的样式和位置自己可以随意定义），首先，要将鼠标需要悬浮的元素相对定位,再次，利用hover和...

2016-12-03 23:19:00 182

转载 window.onload和$(document).ready(function(){})的区别

前段时间在面试之前查找并整理了一下window.onload和$(document).ready(function(){})区别，今天有时间更到我的博客上，由于本人资历尚浅，如有不对的地方，还请指正。原文出自：http://www.php100.com/html/program/jquery/2013/0905/5954.html1、执行时间上的区别：window.onlo...

2016-11-27 22:40:00 154

转载 js返回顶部效果

当用户浏览的网页过于长的时候，用户在浏览到网页底部想要在返回顶部需要滚动好几次滚轮才能返回顶部，不仅麻烦，而且用户体验也会很差。现在的大多是页面都会在页面顶部或者是页面的可见区域的某一位置固定一个按钮，点击它可以使页面返回顶部，用户再也不用滚动滚轮了。下面我总结了集中常用的返回顶部的效果：方法一（最简单，代码量最少，但是效果有些生硬）、代码如下： 1 <!DOCTYPE...

2016-11-26 18:59:00 70

转载 css多行显示省略号

首先说css多行显示省略号和单行文本省略号：我们知道，单行显示省略号时，我们首先需要设置容器的宽度width：value（具体的值），然后强制文本在一行内显示，即white-spacing：nowrap；再然后，溢出内容为隐藏，overflow：hidden；第四步：溢出文本显示省略号，即text-overflow：ellipsis；完成这四步即可实现单行文本省略号。多行文本省略...

2016-08-24 22:54:00 73