自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 mvc mvp mvvm

1.mvc视图(View):用户界面。 控制器(Controller):业务逻辑 模型(Model):数据保存 View 接受用户交互请求 View 将请求转交给Controller Controller 操作Model进行数据更新 数据更新之后,Model通知View更新数据变化 ...

2017-09-12 21:03:10 288 0

原创 浏览器多线程和js单线程

0.前言开发过程中遇到js线程和ui渲染线程互斥问题。导致ui无法正常更新等问题。这些问题的根源就是因为浏览器的多线程和js的单线程引起的。看本篇博客之前,应该充分理解消息队列,事件循环,同步异步任务等概念。 这些概念以前都知道,也了解多线程的概念。但是当遇到问题的时候,这些东西都被抛到脑后,值...

2017-08-02 15:13:11 6913 2

原创 jquery-事件-on源码

谈一下Jquery中的bind(),live(),delegate(),on()的区别?1.bind().bind()直接绑定在相应的DOM元素上,可以解决跨浏览器的问题。 但是对于动态添加的属于匹配到的元素,不会被触发事件的,需要多次绑定,影响效率。$("#niu").bi...

2017-04-03 14:08:34 2045 0

原创 js--数据结构--链表

链表是一种线性结构,每一个节点中,储存了下一个节点的指针。1.链表的构造函数,属性是头指针和长度 2.节点的构造函数,属性是element值和指向下个节点的指针 3.原型方法 append(element): 添加元素到链表尾部. insert(position,eleme...

2017-03-26 18:39:43 382 0

原创 js--ajax和跨域

1.Ajax 是什么? 如何创建一个Ajax?请尽可能详尽的解释 Ajax 的工作原理?使用 Ajax 都有哪些优劣?ajax是什么1.AJAX = 异步 JavaScript 和 XML。 2.AJAX 是一种用于创建快速动态网页的技术。 3.通过在后台与服务器进行少量数据交换,AJAX 可...

2017-03-04 21:03:58 543 0

原创 js--引用类型Array--3.数组简单复制和深度复制

js数组也是很重要的一块,所以准备对数组的操作等写一个系列。 1.第一部分是二元数组的基础知识。 http://blog.csdn.net/github_34514750/article/details/51049935 2.第二部分讲解数组的几种合并方法优劣比较 http://bl...

2017-02-23 18:33:23 9607 1

原创 BootStrap--CSS组件--大屏幕展播

在设计网页布局的时候,经常会有大屏内容的显示jumbotron 顾名思义该组件可以增加标题的大小,并为登陆页面内容添加更多的外边距(margin)。 源码中可以看出: 如果jumbotron放在container样式内,则显示圆角;如果不放在里边,则不会显示圆角。<!DOCTYPE h...

2016-12-16 16:35:38 419 0

原创 BootStrap--CSS组件-- 徽章(badge)

在开发交互式系统或者信息系统时,经常要显示一些最新收到的消息、需要有多少审批的消息。 在span或者label上应用该badge样式即可徽章使用//使用 <a href="#" class="btn btn-default">通知<spa...

2016-12-16 16:34:44 7248 0

原创 BootStrap--CSS组件--标签(label)

网页排版的时候,经常要高亮一些标题里的特殊字符或者整个字符。bootstrap提供了一个.label样式用于实现高亮功能。 label主要设置背景色和背景方框//源码 .label { display: inline; padding: .2em .6em .3em; font-si...

2016-12-16 16:23:48 1740 0

原创 BootStrap--CSS组件--分页(pagination)和翻页(pager)

几乎所有网站内容都需要分页显示,一个用户体验良好的分页组件会得到访问用户的良好评价。//源码 .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .p...

2016-12-16 16:22:50 4911 0

原创 BootStrap--CSS组件--面包屑导航(breadcrumb)

面包屑breadcrumb一般用于导航,表示当前页面所在的位置 面包屑可以设置其他相关的小标记内容,比如标签、徽章标记等。//源码 //基础样式 .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: non...

2016-12-16 15:58:16 4402 0

原创 BootStrap--CSS组件--导航条(navbar)

1.基础导航条navbar navbar-default navbar-header navbar-brand nav navbar-nav 2.导航条中的表单navbar navbar-default navbar-header navbar-brand navbar-form 3.导航条中...

2016-12-16 15:56:03 6068 0

原创 BootStrap--CSS组件--导航(nav)

//源码 .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a...

2016-12-16 15:54:58 1038 0

原创 BootStrap--CSS组件--输入框组(input-group)

了解table-cell的表格width设置为1%的原因。http://www.tuicool.com/articles/VzUVfyi 通过向输入域添加前缀和后缀的内容,您可以向用户输入添加公共的元素。例如,您可以添加美元符号,或者在 Twitter 用户名前添加 @,或者应用程序接口所需要的...

2016-12-16 15:53:56 15918 0

原创 BootStrap--CSS组件--按钮下拉菜单

1 按钮下拉菜单结合使用.btn-group(btn-group-lg/btn-group-sm/btn-group-xs) .dropup .btn .dropdown-menu 按钮下拉菜单是在普通的下拉菜单的基础上封装了.btn样式得效果,就类似于单击一个button按钮,然后显示隐藏的下...

2016-12-16 15:51:48 562 0

原创 BootStrap--CSS组件--按钮组(btn-group)

.btn-toolbar(有助于几组btn-group结合到一个btn-toolbar中)/.btn-group(btn-group-lg/btn-group-sm/btn-group-xs)/.btn-group-vertical 容器内的按钮,可以使用button元素,也可以使用a元素,产生...

2016-12-16 15:33:30 3857 0

原创 BootStrap--CSS组件--下拉菜单(dropdown)

dropdown、dropdown-menu、dropdown-header、divider、dropdown-submenu 例子见下拉菜单.html//源码 .dropup, .dropdown { position: relative; } .dropdown-toggle:focus...

2016-12-16 15:29:23 2045 0

原创 BootStrap--CSS组件--字体图标(glyphicon)

使用的时候同时使用两个样式,即.glyphicon和.glyphicon-/* 开头的样式//字体图标.html <div class="btn-toolbar"> <div class="btn-group"> ...

2016-12-16 15:27:59 1471 0

原创 BootStrap--CSS布局--图像

img-rounded、img-circle、img-thumbnail(缩放图模式)//源码 img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carou...

2016-12-16 15:25:19 278 0

原创 BootStrap--CSS布局--按钮

1 按钮按钮是任何系统都不能缺少的组件,设置到按钮的大小、颜色、状态等。//btn源码 .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight...

2016-12-16 15:22:25 282 0

原创 BootStrap--CSS布局--表单

1. 表单表单是html网页交互很重要的部分,同时也是BootSTrap框架中的核心内容,表单提供了丰富的样式(基础、内联、横向)表单的元素 input textarea select checkbox radio(checkbox和radio是input的特殊类型) 其他标签 form f...

2016-12-16 15:14:00 543 0

原创 BootStrap--CSS布局--表格

表格组件中,BootStrap提供了 1种基础.table样式 4种附加样式(.table-striped/.table-bordered/.table-hover/.table-condensed) 1种支持响应式布局的.table-responsivetable样式//源码 table ...

2016-12-15 14:28:03 509 0

原创 BootStrap--CSS布局--代码

Bootstrap对代码显示提供了三种方式:内联代码1.使用 元素显示单行内联代码内联代码主要是设置code元素的背景颜色和其内部的文字颜色。//用法 <code><body></body></code>//源码 code { padding: ...

2016-12-15 14:25:13 299 0

原创 BootStrap--CSS布局--列表

列表 普通列表ul li 有序列表ol li 去点列表.list-unstyled 内联列表.list-inline 定义列表dl dt dd 水平定义列表dl-horizontalul, ol { margin-top: 0; margin-bottom: 10px; } u...

2016-12-15 13:11:22 294 0

原创 BootStrap--整体框架--JavaScript插件架构

1. JavaScript插件架构如下是插件alert的全部代码,每个插件都定义在如下类似的作用域中:+function ($) { 'use strict'; // ALERT CLASS DEFINITION // ====================== ...

2016-12-13 14:54:43 1691 0

原创 BootStrap--整体框架--基础布局组件

1 基础布局组件在12栅格系统上基础上,BootStrap还提供了多种基础布局组件。 CSS组件,总结为8大类型的样式: 基础样式、颜色样式、尺寸样式、状态样式、特殊元素样式、并列元素样式、嵌套子元素样式、动画样式1.1基础样式基本样式,一般包含文本字体,颜色背景,边框,定位等,如下面警告框:...

2016-12-07 21:47:30 1834 0

原创 BootStrap--整体框架--CSS12栅格系统

1.整体架构BootStrap框架公共六个部分:(css组件和js插件是其表现形式,其余的是基础支撑平台) 表现形式 CSS组件 JS插件 基础支撑平台 CSS12栅格系统 基础布局组件 jQuery 响应式设计1.1 CSS12栅格...

2016-12-07 16:30:24 10770 1

原创 BootStrap--入门准备

屏幕分辨率(PX):指在横纵向上的像素点数,单位是px,1px=1个像素点。一般以纵向像素*横向像素来表示一个手机的分辨率,如1960*1080。(这里的1像素值得是物理设备的1个像素点)屏幕像素密度(PPI):屏幕上每英寸可以显示的像素点的数量,单位是ppi,即“pixels per inch”...

2016-12-07 09:31:27 310 0

原创 CSS-响应式框架

1.使用流式960网格布局960网格系统不是响应式的,更像一个表格,其列跨越固定宽度的表头。它在960px宽的窗口中布局最完美准备工作960网格布局使用了百分比宽度、左浮动元素替代了固定宽度的网格元素。该版本大数情况下能良好工作,但是当列变得很狭窄时,阅读会变得很困难。并且下载解压流式960网格系...

2016-12-01 09:51:30 323 0

原创 js--客户端检测

客户端检测–客户端检测的三种方法:能力检测,怪癖检测,用户代理检测。浏览器普遍存在的不一致性问题,用各种客户端检测方法,来突破或者规避种种局限性。但是,只要能找到更通用的方法,就应该采用。不到万不得已,不要使用客户端检测。能力检测–人们广泛接受的客户端检测形式就是能力检测不是识别特定的浏览器,是识...

2016-11-22 17:24:04 269 0

原创 js--事件--通用的事件侦听器函数

1.事件流(事件捕获和事件冒泡) http://blog.csdn.net/github_34514750/article/details/53067077 2.事件处理程序 http://blog.csdn.net/github_34514750/article/details/53...

2016-11-08 16:45:13 4877 1

原创 js--事件--事件对象

关于事件写了一系列文章 1.事件流(事件捕获和事件冒泡) http://blog.csdn.net/github_34514750/article/details/53067077 2.事件处理程序 http://blog.csdn.net/github_34514750/articl...

2016-11-08 16:44:10 407 0

原创 js--事件--事件处理程序

关于事件写了一系列文章1.事件流(事件捕获和事件冒泡) http://blog.csdn.net/github_34514750/article/details/53067077 2.事件处理程序 本文介绍事件处理程序 3.事件对象 4.通用的事件侦听器函数 5.事件循环(event ...

2016-11-08 16:42:29 371 0

原创 js--事件--事件代理

1.事件流(事件捕获和事件冒泡) http://blog.csdn.net/github_34514750/article/details/53067077 2.事件循环(event loop) http://blog.csdn.net/github_34514750/article/det...

2016-11-07 16:06:04 1103 0

原创 js--事件--事件循环

关于事件写了一系列文章1.事件流(事件捕获和事件冒泡) http://blog.csdn.net/github_34514750/article/details/53067077 2.事件循环(event loop) 本文介绍事件循环 3.事件代理((event delegation)1....

2016-11-07 16:03:24 695 0

原创 js--事件--事件流

关于事件写了一系列文章1.事件流(事件捕获和事件冒泡)2.事件循环(event loop)3.事件代理((event delegation)1.事件流(事件冒泡和事件捕获)事件流描述的是从页面中接受事件的顺序。事件冒泡机制:当一个元素接收到事件的时候,会把他接收到的所有事件传播给他的父级,一直到顶...

2016-11-07 16:01:03 822 0

原创 js--DOM2--元素遍历

1.DOM2 级遍历?DOM2 级遍历DOM结构的类型:NodeIterator和TreeWalker,两者都是深度优先的DOM结构遍历1.NodeIterator–较简单使用document.createNodeIterator()方法创建NodeIterator的新实例,可以接收的4个参数,创...

2016-11-04 15:39:58 1054 0

原创 js--NodeList转换成数组的方法

<!-- 一般用此方法转换成数组,但是在IE8及更早版本吧nodelist实现成一个COM对象,不能用js对象的方法,所以IE8之前需要枚举所有对象 --> Array.prototype.slice.call(someNode.childNodes,0);<!-- 通用的方法...

2016-11-01 11:22:03 4690 0

原创 js--DOM

1.DOM的作用DOM是针对HTML和XML文档的API,允许开发人员添加,移除和修改页面的某一部分。DOM为web文档创建带有层级的结果,这些层级是通过node节点组成2.Node接口–12种节点DOM1级定义了一个 Node接口 ,该接口将DOM中的所有节点类型实现,总共有12种节点。常用的有...

2016-11-01 11:21:14 173 0

原创 js--this

this是执行上下文的一个属性,this值在 进入 上下文时确定,并且在上下文运行期间永久不变。也就是this 是动态绑定,或称为运行期绑定的(executionContextObj = { variableObject: { /* 函数中的arguments对象, 参数, 内部的变量以及函...

2016-10-25 13:23:49 183 0

提示
确定要删除当前文章?
取消 删除