orange-life-CSDN博客

原创清除浮动的四种方法

方式一:使用overflow属性来清除浮动　　　　.ovh{　　　　　　overflow:hidden;　　　　　}　　　　先找到浮动盒子的父元素，再在父元素中添加一个属性：overflow:hidden,就是清除这个父元素中的子元素浮动对页面的影响.　　　　注意：一般情况下也不会使用这种方式，因为overflow:hidden有一个特点，离开了这个元素

2017-11-12 14:45:16 590

原创 css实现div的水平垂直居中方法

一、大家经常会遇到元素垂直居中问题，面试也是经常问的，所以现在总结几种常见的垂直居中的方法。 1、水平居中： div{ width:200px; margin:0 auto; } 2、使用绝对定位的万能居中： div { position:

2017-11-06 16:09:20 390

原创利用vue-cli创建新项目和引入Bootstrap的方法

一、创建vue项目之前你需要知道：1.1 如果本机没有安装node运行环境，请下载node 安装包进行安装1.2 如果本机已经安装node的运行换，请更新至最新的node 版本下载地址：https://nodejs.org/en/ 或者 http://nodejs.cn/ 1.1 下载git 并安装下载地址 https://git-for-windows

2017-11-02 13:46:07 1396

原创 clientX、screenX、pageX、offsetX、layerX

e.pageX——参照点也是浏览器内容区域的左上角，但它不会随着滚动条而变动e.layerX——鼠标位置相对当前坐标系的border左上角开始的坐标e.offsetX——鼠标位置相对当前坐标系的border左上角开始的坐标e.clientX——鼠标位置相对可视区域的坐标e.screenX——鼠标位置相对于用户屏幕水平偏移量，而screenY也就是垂直方向的，此时的参照点也就是原

2017-10-15 19:24:33 316

原创 JSON.parse()与JSON.stringify()方法的使用与区别

一、JSON.parse()parse用于从一个字符串中解析出json对象二、JSON.stringify()可以将一个对象解析出字符串var obj='{"name":"前端开发","price":1000,"subject":"php"}'; // 定义了一个字符串console.log(JSON.parse(obj)); //给字符串转换为了实

2017-10-10 18:01:42 700

原创 table让元素垂直居中的布局小技巧

通过给父元素设置display：table,然后给子元素设置display:table-cell,vertical-align:middle可以实现子元素的内容水平垂直居中，下面代码实例：html>lang="en"> charset="UTF-8"> Title type="text/css" rel="stylesheet"> .table

2017-10-09 23:53:38 8124 1

原创表单提交的两种方式

表单的中如何获取input等控件的属性值先获取控件 Document.getElements******* 表单名.控件名 Value如何判断单选框和多选框是否选中？根据checked属性如果选中返回true,否则返回false如何提交表单，以及验证方式两种方式：

2017-09-07 20:00:57 3201

原创 js获取一个元素节点的子节点的方法（包括非文本节点）

先来简单复习一下：1.文档中每个元素、属性、文字、注释、都被看做一个节点对象。当网页被加载进了内存时，浏览器会为网页创建一个document对象，所有节点都是document对象的子节点。Node：所有节点对象的父节点nodeType：节点的类型元素节点---》1 属性节点---》2 文本节点---》3nodeName：节点的名称元素节点---》返回全大写标

2017-09-06 20:32:44 8122

原创关于js原型和继承的方法复习

1.首先我们先来看几个概念。封装：将描述同一个东西的属性和方法，定义在一个对象中。继承：父对象中的属性和方法，子对象可以直接使用。多态：同一个对象，在不同情况下，呈现不同的状态。2.如何定义构造函数？ function 构造函数名(参数...){this.属性名=属性参数;//此步骤表示在当前正在创建的对象中添加一个属性名，并且赋值...this.方法名

2017-09-02 20:18:24 221

原创关于Angular js的文件引用和模板问题（ng-view,ng-include）

1.ng-view和ng-include的区别首先先说一下这两个指令的区别，ng-view这个方法通过使用路由控制，可以方便的实现页面组合。但这个方法也有一个重大缺点，就是一个html文件中，只能有一个ng-view。虽然有变通之法。他是可以被ctl控制的。ng-include就是将多个页面的公共页面提取出来，如header.html，footer.html等，在每个页面用<dv

2017-08-31 12:24:38 7810

原创 jquery实现轮播图的无缝轮播

今天学习了一个jquery实现无缝轮播的方法与思路，相信好多初学者都对轮播不陌生，不多说，直接开始：1.代码——html部分class="banner"> class="img"> src="../img/1.jpg" alt=""/> src="../img/2.jpg" alt="" /> src="../img/3.

2017-08-30 13:30:09 8218 2

web_hua的博客