<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[王欢的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/github_34514750</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; github_34514750]]></copyright><item><title><![CDATA[mvc mvp mvvm]]></title><link>https://blog.youkuaiyun.com/github_34514750/article/details/77949651</link><guid>https://blog.youkuaiyun.com/github_34514750/article/details/77949651</guid><author>github_34514750</author><pubDate>Tue, 12 Sep 2017 21:03:10 +0800</pubDate><description><![CDATA[1.mvc视图（View）：用户界面。 
控制器（Controller）：业务逻辑 
模型（Model）：数据保存 
View 接受用户交互请求 
View 将请求转交给Controller 
Controller 操作Model进行数据更新 
数据更新之后，Model通知View更新数据变化 
View 更新变化数据数据的通信是单向的2.mvpMVP 模式将 Controller 改名为 Pres]]></description><category></category></item><item><title><![CDATA[浏览器多线程和js单线程]]></title><link>https://blog.youkuaiyun.com/github_34514750/article/details/76577663</link><guid>https://blog.youkuaiyun.com/github_34514750/article/details/76577663</guid><author>github_34514750</author><pubDate>Wed, 02 Aug 2017 15:13:11 +0800</pubDate><description><![CDATA[0.前言开发过程中遇到js线程和ui渲染线程互斥问题。导致ui无法正常更新等问题。这些问题的根源就是因为浏览器的多线程和js的单线程引起的。看本篇博客之前，应该充分理解消息队列，事件循环，同步异步任务等概念。 
这些概念以前都知道，也了解多线程的概念。但是当遇到问题的时候，这些东西都被抛到脑后，值得深思。1.知识点补充js单线程js运作在浏览器中，是单线程的，js代码始终在一个线程上执行，此线程被称]]></description><category></category></item><item><title><![CDATA[jquery-事件-on源码]]></title><link>https://blog.youkuaiyun.com/github_34514750/article/details/68958612</link><guid>https://blog.youkuaiyun.com/github_34514750/article/details/68958612</guid><author>github_34514750</author><pubDate>Mon, 03 Apr 2017 14:08:34 +0800</pubDate><description><![CDATA[谈一下Jquery中的bind(),live(),delegate(),on()的区别？1.bind().bind()直接绑定在相应的DOM元素上，可以解决跨浏览器的问题。 
但是对于动态添加的属于匹配到的元素，不会被触发事件的，需要多次绑定，影响效率。$("#niu").bind('click',function(){
  alert("hello niuniu");
});2.live()liv]]></description><category></category></item><item><title><![CDATA[js--数据结构--链表]]></title><link>https://blog.youkuaiyun.com/github_34514750/article/details/66477878</link><guid>https://blog.youkuaiyun.com/github_34514750/article/details/66477878</guid><author>github_34514750</author><pubDate>Sun, 26 Mar 2017 18:39:43 +0800</pubDate><description><![CDATA[链表是一种线性结构，每一个节点中，储存了下一个节点的指针。1.链表的构造函数,属性是头指针和长度 
2.节点的构造函数,属性是element值和指向下个节点的指针 
3.原型方法 
    append(element): 添加元素到链表尾部. 
    insert(position,element): 向单向链表中某个位置插入元素 
    indexOf(element): 寻找某个元素在单向]]></description><category></category></item><item><title><![CDATA[js--ajax和跨域]]></title><link>https://blog.youkuaiyun.com/github_34514750/article/details/60347105</link><guid>https://blog.youkuaiyun.com/github_34514750/article/details/60347105</guid><author>github_34514750</author><pubDate>Sat, 04 Mar 2017 21:03:58 +0800</pubDate><description><![CDATA[1.Ajax 是什么? 如何创建一个Ajax？请尽可能详尽的解释 Ajax 的工作原理？使用 Ajax 都有哪些优劣？ajax是什么1.AJAX = 异步 JavaScript 和 XML。 
2.AJAX 是一种用于创建快速动态网页的技术。 
3.通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。XMLHttpR]]></description><category></category></item><item><title><![CDATA[js--引用类型Array--3.数组简单复制和深度复制]]></title><link>https://blog.youkuaiyun.com/github_34514750/article/details/56677750</link><guid>https://blog.youkuaiyun.com/github_34514750/article/details/56677750</guid><author>github_34514750</author><pubDate>Thu, 23 Feb 2017 18:33:23 +0800</pubDate><description><![CDATA[js数组也是很重要的一块，所以准备对数组的操作等写一个系列。  
1.第一部分是二元数组的基础知识。  
http://blog.youkuaiyun.com/github_34514750/article/details/51049935  
2.第二部分讲解数组的几种合并方法优劣比较 
http://blog.youkuaiyun.com/github_34514750/article/details/51320982]]></description><category></category></item><item><title><![CDATA[BootStrap--CSS组件--大屏幕展播]]></title><link>https://blog.youkuaiyun.com/github_34514750/article/details/53694977</link><guid>https://blog.youkuaiyun.com/github_34514750/article/details/53694977</guid><author>github_34514750</author><pubDate>Fri, 16 Dec 2016 16:35:38 +0800</pubDate><description><![CDATA[在设计网页布局的时候，经常会有大屏内容的显示jumbotron 
顾名思义该组件可以增加标题的大小，并为登陆页面内容添加更多的外边距（margin）。 
源码中可以看出： 
如果jumbotron放在container样式内，则显示圆角;如果不放在里边，则不会显示圆角。<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8]]></description><category></category></item><item><title><![CDATA[BootStrap--CSS组件-- 徽章(badge)]]></title><link>https://blog.youkuaiyun.com/github_34514750/article/details/53694965</link><guid>https://blog.youkuaiyun.com/github_34514750/article/details/53694965</guid><author>github_34514750</author><pubDate>Fri, 16 Dec 2016 16:34:44 +0800</pubDate><description><![CDATA[在开发交互式系统或者信息系统时，经常要显示一些最新收到的消息、需要有多少审批的消息。 
在span或者label上应用该badge样式即可徽章使用//使用
<a href="#" class="btn btn-default">通知<span class="badge">42</span></a><ul class="nav nav-pills nav-stacked" style="width:2]]></description><category></category></item><item><title><![CDATA[BootStrap--CSS组件--标签(label)]]></title><link>https://blog.youkuaiyun.com/github_34514750/article/details/53694711</link><guid>https://blog.youkuaiyun.com/github_34514750/article/details/53694711</guid><author>github_34514750</author><pubDate>Fri, 16 Dec 2016 16:23:48 +0800</pubDate><description><![CDATA[网页排版的时候，经常要高亮一些标题里的特殊字符或者整个字符。bootstrap提供了一个.label样式用于实现高亮功能。 
label主要设置背景色和背景方框//源码
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  co]]></description><category></category></item><item><title><![CDATA[BootStrap--CSS组件--分页(pagination)和翻页(pager)]]></title><link>https://blog.youkuaiyun.com/github_34514750/article/details/53694690</link><guid>https://blog.youkuaiyun.com/github_34514750/article/details/53694690</guid><author>github_34514750</author><pubDate>Fri, 16 Dec 2016 16:22:50 +0800</pubDate><description><![CDATA[几乎所有网站内容都需要分页显示,一个用户体验良好的分页组件会得到访问用户的良好评价。//源码
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination >]]></description><category></category></item><item><title><![CDATA[BootStrap--CSS组件--面包屑导航(breadcrumb)]]></title><link>https://blog.youkuaiyun.com/github_34514750/article/details/53694309</link><guid>https://blog.youkuaiyun.com/github_34514750/article/details/53694309</guid><author>github_34514750</author><pubDate>Fri, 16 Dec 2016 15:58:16 +0800</pubDate><description><![CDATA[面包屑breadcrumb一般用于导航，表示当前页面所在的位置 
面包屑可以设置其他相关的小标记内容，比如标签、徽章标记等。//源码
//基础样式
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px]]></description><category></category></item><item><title><![CDATA[BootStrap--CSS组件--导航条(navbar)]]></title><link>https://blog.youkuaiyun.com/github_34514750/article/details/53694272</link><guid>https://blog.youkuaiyun.com/github_34514750/article/details/53694272</guid><author>github_34514750</author><pubDate>Fri, 16 Dec 2016 15:56:03 +0800</pubDate><description><![CDATA[1.基础导航条navbar navbar-default navbar-header navbar-brand nav navbar-nav 
2.导航条中的表单navbar navbar-default navbar-header navbar-brand navbar-form 
3.导航条中的按钮，文本，链接navbar-btn、bavbar-text、navbar-link 
4.导航条中的]]></description><category></category></item><item><title><![CDATA[BootStrap--CSS组件--导航(nav)]]></title><link>https://blog.youkuaiyun.com/github_34514750/article/details/53694255</link><guid>https://blog.youkuaiyun.com/github_34514750/article/details/53694255</guid><author>github_34514750</author><pubDate>Fri, 16 Dec 2016 15:54:58 +0800</pubDate><description><![CDATA[//源码
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15]]></description><category></category></item><item><title><![CDATA[BootStrap--CSS组件--输入框组(input-group)]]></title><link>https://blog.youkuaiyun.com/github_34514750/article/details/53694232</link><guid>https://blog.youkuaiyun.com/github_34514750/article/details/53694232</guid><author>github_34514750</author><pubDate>Fri, 16 Dec 2016 15:53:56 +0800</pubDate><description><![CDATA[了解table-cell的表格width设置为1%的原因。http://www.tuicool.com/articles/VzUVfyi 
通过向输入域添加前缀和后缀的内容，您可以向用户输入添加公共的元素。例如，您可以添加美元符号，或者在 Twitter 用户名前添加 @，或者应用程序接口所需要的其他公共的元素。input-group(input-group-xs,input-group-sm,in]]></description><category></category></item><item><title><![CDATA[BootStrap--CSS组件--按钮下拉菜单]]></title><link>https://blog.youkuaiyun.com/github_34514750/article/details/53694210</link><guid>https://blog.youkuaiyun.com/github_34514750/article/details/53694210</guid><author>github_34514750</author><pubDate>Fri, 16 Dec 2016 15:51:48 +0800</pubDate><description><![CDATA[1 按钮下拉菜单结合使用.btn-group(btn-group-lg/btn-group-sm/btn-group-xs) .dropup .btn .dropdown-menu 
按钮下拉菜单是在普通的下拉菜单的基础上封装了.btn样式得效果，就类似于单击一个button按钮，然后显示隐藏的下拉菜单。组合式下拉菜单 
分离式下拉菜单 
向上弹起的下拉菜单//源码，css实现方式主要是设置.dro]]></description><category></category></item><item><title><![CDATA[BootStrap--CSS组件--按钮组(btn-group)]]></title><link>https://blog.youkuaiyun.com/github_34514750/article/details/53693926</link><guid>https://blog.youkuaiyun.com/github_34514750/article/details/53693926</guid><author>github_34514750</author><pubDate>Fri, 16 Dec 2016 15:33:30 +0800</pubDate><description><![CDATA[.btn-toolbar(有助于几组btn-group结合到一个btn-toolbar中)/.btn-group(btn-group-lg/btn-group-sm/btn-group-xs)/.btn-group-vertical 
容器内的按钮，可以使用button元素，也可以使用a元素，产生的效果是一样的。容器的多个分组以table风格进行显示，每组之间保持5px的left margin//源]]></description><category></category></item><item><title><![CDATA[BootStrap--CSS组件--下拉菜单(dropdown)]]></title><link>https://blog.youkuaiyun.com/github_34514750/article/details/53693859</link><guid>https://blog.youkuaiyun.com/github_34514750/article/details/53693859</guid><author>github_34514750</author><pubDate>Fri, 16 Dec 2016 15:29:23 +0800</pubDate><description><![CDATA[dropdown、dropdown-menu、dropdown-header、divider、dropdown-submenu 
例子见下拉菜单.html//源码
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: abso]]></description><category></category></item><item><title><![CDATA[BootStrap--CSS组件--字体图标(glyphicon)]]></title><link>https://blog.youkuaiyun.com/github_34514750/article/details/53693821</link><guid>https://blog.youkuaiyun.com/github_34514750/article/details/53693821</guid><author>github_34514750</author><pubDate>Fri, 16 Dec 2016 15:27:59 +0800</pubDate><description><![CDATA[使用的时候同时使用两个样式，即.glyphicon和.glyphicon-/* 开头的样式//字体图标.html
<div class="btn-toolbar">
    <div class="btn-group">
        <a href="#" class="btn btn-default"><span class="glyphicon glyphicon-align-left"><]]></description><category></category></item><item><title><![CDATA[BootStrap--CSS布局--图像]]></title><link>https://blog.youkuaiyun.com/github_34514750/article/details/53693766</link><guid>https://blog.youkuaiyun.com/github_34514750/article/details/53693766</guid><author>github_34514750</author><pubDate>Fri, 16 Dec 2016 15:25:19 +0800</pubDate><description><![CDATA[img-rounded、img-circle、img-thumbnail(缩放图模式)//源码
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img]]></description><category></category></item><item><title><![CDATA[BootStrap--CSS布局--按钮]]></title><link>https://blog.youkuaiyun.com/github_34514750/article/details/53693718</link><guid>https://blog.youkuaiyun.com/github_34514750/article/details/53693718</guid><author>github_34514750</author><pubDate>Fri, 16 Dec 2016 15:22:25 +0800</pubDate><description><![CDATA[1 按钮按钮是任何系统都不能缺少的组件，设置到按钮的大小、颜色、状态等。//btn源码
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: c]]></description><category></category></item></channel></rss>