家住三十三重天外-优快云博客

原创基于jQuery封装的滑动条插件

test*{margin: 0;} var changeScale = $(""); $("body").append(changeScale); range = new rangeUtil({father_box: changeScale, rangebox_css: {posit

2017-05-31 17:12:07 975

转载清除浮动的原理和方法

浮动元素容器的clearing问题1. 问题的由来有这样一种情形：在一个容器（container）中，有两个浮动的子元素。在浏览器中一运行，就会出现意想不到的结果。实际视图是子元素显示在父容器的外部。2. 问题的原因与浮动定位有关。在CSS规范中，浮动定位不属于正常的页面流（page flow），是独立定位的。所以，只含有浮动元素

2017-05-31 17:06:33 483

原创 VUE---组件

一、组件深入var Header={ /*1.定义组件 */ template:'这是一个头部组件11--{{name}}--{{msg}}', data:function(){ /*组件里面定义数据的方式*/ return { name:'李四',

2017-03-21 11:50:34 294

原创 VUE--事件和生命周期

一、事件冒泡方法一、使用event.cancelBubble = true来组织冒泡 methods:{ show1:function(ev){ console.log(ev); alert(1); ev.cancelBubble=true; /*阻止冒泡*/

2017-03-21 11:49:20 3814

原创 VUE01--基础

一、为什么学习vue.jsvue.js兼具angular.js和react的优点，并且剔除了他们的缺点官网：http://cn.vuejs.org/手册：http://cn.vuejs.org/v2/api/二、vue.js是什么Vue是一个"MVVM框架（库）"，和angular类似，相比angular小巧，比较容易上手Vue是一个构建用户界面点的渐进式框架，与其他重量级

2017-03-20 11:09:47 353

原创 BFC

一、BFC是什么？　　在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。　　Box: CSS布局的基本单位　　Box 是 CSS 布局的对象和基本单位，直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box 的类型。不同类型的 Box，会参与不同的 Formatting Co

2017-03-10 10:37:28 259

转载 JS实现密码加密

今天突然想到加密的方式，就百度一下，找了三个例子拿出来分享一下1、base64加密　　在页面中引入base64.js文件，调用方法为：DOCTYPE HTML>html>head>meta charset="utf-8">title>base64加密title>script type="text/javascript" src="base64.js">script>sc

2017-03-08 21:11:18 1322

原创 ajax详解

ajax详解整理了一点关于ajax常见的问题希望对大家有帮助Ajax技术核心是XMLHttpRequest对象(简称XHR)，这是由微软首先引入的一个特性，其他浏览器提供商后来都提供了相同的实现。在XHR出现之前，Ajax式的通信必须借助一些hack手段来实现，大多数是使用隐藏的框架或内嵌框架。XHR的出现，提供了向服务器发送请求和解析服务器响应提供了

2017-03-08 17:25:10 409

原创 html5新增标签

html5新增标签表示内容区块,一般入章节、页眉、页脚或者页面中的其他部分。可以与h1-h6等元素结合起来使用，标示文档的结构表示页面中的一块与上下文不相关的独立内容，譬如博客中的一篇文章或者报纸中的一篇文章表示acticle元素的内容之外的，与article元素的内容相关的辅助信息。表示页面中一个内容区块或者整个页面的标题表示整个页面或者页面中的一个内容区块的脚注。一般来

2017-03-08 16:35:32 350

转载 css清除浮动的方法

1，父级div定义 height .div1{background:#000080;border:1px solid red;/*解决代码*/height:200px;} .div2{background:#800080;border:1px solid red;height:100px;margin-top:10px} .left{float:left;width:20%;

2017-03-08 16:34:36 217

转载怎么理解js的面向对象编程

面向对象的语言有一个标志，即拥有类的概念，抽象实例对象的公共属性与方法，基于类可以创建任意多个实例对象，一般具有封装、继承、多态的特性！但JS中对象与纯面向对象语言中的对象是不同的，ECMA标准定义JS中对象：无序属性的集合，其属性可以包含基本值、对象或者函数。可以简单理解为JS的对象是一组无序的值，其中的属性或方法都有一个名字，根据这个名字可以访问相映射的值（值可以是基本值/对象/方法）。

2017-03-08 16:28:50 238

原创 mongdb

MongoDB是一个基于分布式文件存储的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。它的特点:高性能、易部署、易使用，存储数据非常方便。对mongodb创建一个数据库存储的文件夹，要求在系统的目录下创建一个文件夹data,在data文件夹下创建了一个db制作.bat文件术语介绍 SQL mongoDB说明

2017-02-16 11:30:03 372

原创 nodejs-路由学习笔记

一、路由初步 url.parse(string).query | url.parse(string).pathname | | |

2017-02-16 11:29:07 2122

原创 JQ轮播图

lunbotu.html jquery轮播效果图 body{ margin:0 auto; text-align:center;}#main{ width:370px; height:240px; overflow:hidden; margin:0 auto; position:relative;}#images{ width:100%; he

2017-02-16 11:25:44 1278

原创 nodejs学习笔记1

一、什么是NodeJSNode.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，成为世界上最大的开放源代码的生态系统。二、NodeJS怎样Node.js 可以解析JS代码（没有浏览器安全级别的限制）提供很多系统级别的API，如：文件

2017-02-16 11:22:50 814

zhangrenliang的博客