<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[王浴昊]]></title><description><![CDATA[人若没有梦想，和咸鱼有什么区别]]></description><link>https://blog.youkuaiyun.com/a153375250</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; a153375250]]></copyright><item><title><![CDATA[常见排序算法的Javascript实现]]></title><link>https://blog.youkuaiyun.com/a153375250/article/details/60955430</link><guid>https://blog.youkuaiyun.com/a153375250/article/details/60955430</guid><author>a153375250</author><pubDate>Thu, 09 Mar 2017 10:15:59 +0800</pubDate><description><![CDATA[近日准备实习面试，以下是常见排序算法JS实现，转载备用。原文链接
JavaScript实现排序算法冒泡排序冒泡排序的基本思想是从头遍历要排序的数组，比较相邻两个数，如果前面位置的数大于后面位置的数，那么就将两者进行交换，否则不做任何操作。遍历完一次之后，最大的数就放到了数组最后的位置。然后再从头遍历数组，进行同样的操作，就可以将第二大的数放到倒数第二个位置，依此进行下去，直到所有数都排好位置为止。冒]]></description><category></category></item><item><title><![CDATA[一次网页请求背后的连接]]></title><link>https://blog.youkuaiyun.com/a153375250/article/details/53502896</link><guid>https://blog.youkuaiyun.com/a153375250/article/details/53502896</guid><author>a153375250</author><pubDate>Wed, 07 Dec 2016 10:55:39 +0800</pubDate><description><![CDATA[一次网页请求背后的连接
  想成为一个优秀的前端，对互联网协议是必须要了解的。本文使用WireShark抓包工具，对一次网页请求背后的TCP连接、HTTP请求进行了详细的展示。对网页请求中浏览器使用的并行连接、持久连接以及TCP连接建立关闭的过程均有所分析讨论，对HTTP如何封装在TCP中进行数据请求以及数据的响应返回也有所展示。供学习交流之用。
TCP简介本文从传输层的报文开始，下层网络IP层、链]]></description><category></category></item><item><title><![CDATA[JSX语法详解]]></title><link>https://blog.youkuaiyun.com/a153375250/article/details/53434299</link><guid>https://blog.youkuaiyun.com/a153375250/article/details/53434299</guid><author>a153375250</author><pubDate>Fri, 02 Dec 2016 14:24:43 +0800</pubDate><description><![CDATA[JSX语法详解
  本文在官方文档的基础上，进行了扩展扩展补充和一些解读。基本涵盖了JSX语法的细枝末节，JSX语法本身并不复杂，也容易掌握。本文供学习参考使用。 
  
一、基础1、JSX是什么JSX是一种像下面这样的语法：const element = <h1>Hello, world!</h1>;它是一种JavaScript语法扩展，在React中可以方便地用来描述UI。本质上，JSX为我们提]]></description><category></category></item><item><title><![CDATA[React-"Refs and the DOM"]]></title><link>https://blog.youkuaiyun.com/a153375250/article/details/53391265</link><guid>https://blog.youkuaiyun.com/a153375250/article/details/53391265</guid><author>a153375250</author><pubDate>Tue, 29 Nov 2016 12:16:32 +0800</pubDate><description><![CDATA[React-“Refs and the DOM”
  学习是一件反反复复的事情，今天回顾react官方文档中Refs and the DOM，大致翻译一遍，将笔记摘录备忘。
React的典型数据流中，props是父组件和子组件交互的唯一方式。要修改子组件，你需要使用新的porps重新render它。然而有的时候我们又需要在典型数据流之外去修改一个子组件。被修改的子组件可能是一个React组件实例或者]]></description><category></category></item><item><title><![CDATA[Redux与纯JS入门实例讲解]]></title><link>https://blog.youkuaiyun.com/a153375250/article/details/53374081</link><guid>https://blog.youkuaiyun.com/a153375250/article/details/53374081</guid><author>a153375250</author><pubDate>Mon, 28 Nov 2016 09:46:46 +0800</pubDate><description><![CDATA[Redux与纯JS入门实例讲解
  学习Redux可能是一个噩梦，我猜应该每个人都读过那篇”You Might Not Need Redux”然后扔掉了手中的电脑。如果一来就是npm install --save react-redux，你很可能在做了几个TodoList之类的例程之后还是不甚清楚redux究竟是做什么的，或者没那么清楚。或许，你需要的仅仅是一个不包含react的redux例子。
r]]></description><category></category></item><item><title><![CDATA[利用css的target选择器实现纯css相册]]></title><link>https://blog.youkuaiyun.com/a153375250/article/details/53258161</link><guid>https://blog.youkuaiyun.com/a153375250/article/details/53258161</guid><author>a153375250</author><pubDate>Mon, 21 Nov 2016 12:29:32 +0800</pubDate><description><![CDATA[在看CSS选择符的时候注意到一个特别有意思的选择符–:target，随后在http://benschwarz.github.io/gallery-css/发现利用该选择符可以做出如此漂亮的gallery，干净利落无需js代码(强迫症及完美主义必备)，网站上有一套讲解教程，但是是付费的。今天把我实现的过程以及某些细节分享出来，供学习使用。
在开始之前强烈建议先看一下css必会选择符我这里有一个在线预览]]></description><category></category></item><item><title><![CDATA[css选择器拾遗]]></title><link>https://blog.youkuaiyun.com/a153375250/article/details/53258082</link><guid>https://blog.youkuaiyun.com/a153375250/article/details/53258082</guid><author>a153375250</author><pubDate>Mon, 21 Nov 2016 12:15:50 +0800</pubDate><description><![CDATA[前言：说大量学习‘前端’的人CSS选择器水准停留在元素选择、类选择、ID选择、简单的属性选择、：hover以及后代选择器是不过分的。很多人觉得类似~、+这种同辈选择符不过是鸡肋一般的存在，实际上随着CSS3的兴起，CSS已经能够承担大量之前必须依靠js才能完成的页面效果，有些效果让你难以置信，而且美得没话说。纯CSS代码不仅有更好的性能，而且解救了一大批强迫症。这一切的基础都在于CSS选择器，请认真]]></description><category></category></item><item><title><![CDATA[十分详细的React入门实例]]></title><link>https://blog.youkuaiyun.com/a153375250/article/details/52667739</link><guid>https://blog.youkuaiyun.com/a153375250/article/details/52667739</guid><author>a153375250</author><pubDate>Mon, 26 Sep 2016 10:06:23 +0800</pubDate><description><![CDATA[学习React不是一蹴而就的事情，入门似乎也没那么简单。但一切都是值得的。今天给大家带来一个详细的React的实例，实例并不难，但对于初学者而言，足够认清React的思考和编写过程。认真完成这个实例的每一个细节会让你受益匪浅。接下来我们开始吧！代码下载预览首先说明一下，本例究竟做了什么。本文实现了一个单页面人员管理系统的前台应用。包括以下功能：
人员基本信息列表；
人员的录入及删除；
人员详细信息的]]></description><category></category></item><item><title><![CDATA[使用css及简单的js实现酷炫的响应式slider]]></title><link>https://blog.youkuaiyun.com/a153375250/article/details/52163622</link><guid>https://blog.youkuaiyun.com/a153375250/article/details/52163622</guid><author>a153375250</author><pubDate>Tue, 09 Aug 2016 16:06:40 +0800</pubDate><description><![CDATA[真的是好久都没有写博客了，这几个月一直很忙。这几天暑假在家，闲来无事，从前端到后台写了一个网站，算是新的个人博客吧。本文的demo和下载就挂在上面。今天在这里分享一个十分常见的应用，轮播。我们经常在网站中看到slider，既实用又好看。这里主要用css和少量的jQuery(其实用原生js也很简单)来实现一个响应式的幻灯片slider。这里主要给大家提供一种思路，还有实现中的一些细节处理，具体的功能，]]></description><category></category></item><item><title><![CDATA[css浮动基本规则]]></title><link>https://blog.youkuaiyun.com/a153375250/article/details/51638232</link><guid>https://blog.youkuaiyun.com/a153375250/article/details/51638232</guid><author>a153375250</author><pubDate>Sat, 11 Jun 2016 21:33:53 +0800</pubDate><description><![CDATA[说到元素的浮动，首先要明确一个概念就是包含块(containing block)。所谓浮动元素的包含块，就是其最近的块级祖先元素。我们后面会举例来说明。这里关于浮动的问题，主要有以下几点：
1、浮动元素的外边界不能超过其包含块的内边界。
2、浮动元素的外边界是另一浮动元素的外边界。
3、浮动元素的顶端不能比之前出现的浮动元素的顶端更高。
4、浮动元素顶端不超过当前行。
5、clear属性。
1、浮动]]></description><category></category></item><item><title><![CDATA[常用jQuery选择器详解]]></title><link>https://blog.youkuaiyun.com/a153375250/article/details/51507212</link><guid>https://blog.youkuaiyun.com/a153375250/article/details/51507212</guid><author>a153375250</author><pubDate>Thu, 26 May 2016 14:46:56 +0800</pubDate><description><![CDATA[元素选择是一切操作的前提，jQuery中$()函数最强大最常用的功能之一就是使用选择器选择DOM元素。这里就汇总一些十分常用的jQuery选择器。1、jQuery选择器基本结构$('选择器')
$('选择器 上下文')
2、使用基本css选择器关于基本的css选择器可以看一下css选择器详解。这里列出几种最基本的使用css选择器的用法。2.1 元素选择器$('a'); //选择所有a元素
$('di]]></description><category></category></item><item><title><![CDATA[美化加载失败的图片(Stying broken images)]]></title><link>https://blog.youkuaiyun.com/a153375250/article/details/51496255</link><guid>https://blog.youkuaiyun.com/a153375250/article/details/51496255</guid><author>a153375250</author><pubDate>Wed, 25 May 2016 10:13:39 +0800</pubDate><description><![CDATA[原文出处https://bitsofco.de/styling-broken-images/翻译：王浴昊注明出处，本文可以转载。加载失败的图片很丑陋。事实上并不一定要如此。我们可以通过对<img>元素应用css样式来提供比默认选择更爽的体验。两个关于<img>元素的事实为了理解我们可以如何美化加载失败的图片，我们先要搞明白两种<img>元素的表现方式。
1、我们可以将常规的排版相关(typograp]]></description><category></category></item><item><title><![CDATA[css选择器详解]]></title><link>https://blog.youkuaiyun.com/a153375250/article/details/51480126</link><guid>https://blog.youkuaiyun.com/a153375250/article/details/51480126</guid><author>a153375250</author><pubDate>Mon, 23 May 2016 11:08:10 +0800</pubDate><description><![CDATA[1、元素选择器
2、类选择器
3、ID选择器
4、属性选择器
5、派生选择器
1、元素选择器最常见的css选择器当属元素选择器了，在HTML文档中该选择器通常是指某种HTML元素，例如：p,h2,span,a,div乃至html。用法十分简单，例如：html {background-color: black;}
p {font-size: 30px; backgroud-color: gray;}]]></description><category></category></item><item><title><![CDATA[使用百度地图API在页面添加百度地图应用]]></title><link>https://blog.youkuaiyun.com/a153375250/article/details/51459191</link><guid>https://blog.youkuaiyun.com/a153375250/article/details/51459191</guid><author>a153375250</author><pubDate>Fri, 20 May 2016 09:46:31 +0800</pubDate><description><![CDATA[目录：
页面预览
准备工作
代码实现
相关链接
本文我们使用百度提供的地图API，通过8行代码就可在自己的网页引入百度地图的应用。操作十分便捷，功能又十分强大。1、页面预览很多时候我们希望在自己的页面中嵌入一个地图应用，方便向他人直观地提供自己的位置信息。本文我们利用百度提供的api，在自己的网页中嵌入百度地图的应用。完成后界面预览如上图所示，当然我们这里只关注图中百度地图那一块。2、准备工作百度地]]></description><category></category></item><item><title><![CDATA[使用jquery制作漂亮相册集]]></title><link>https://blog.youkuaiyun.com/a153375250/article/details/51273725</link><guid>https://blog.youkuaiyun.com/a153375250/article/details/51273725</guid><author>a153375250</author><pubDate>Thu, 28 Apr 2016 13:49:37 +0800</pubDate><description><![CDATA[目录：
简单的图像翻滚
漂亮的相册集
资源文件
简单的图像翻滚image-rollover常被用在交互式导航栏上，当我们的鼠标移动到导航栏时，按钮的外观改变。例如我们以如下几幅黑白缩略图作为导航图表，当鼠标移动到指定图标时，图标变为明亮的彩色图片。预览如下：该页面的代码十分简单，我们以此为例逐步实现图像的翻滚：img-rollover.html<!DOCTYPE html>
<html>
<head]]></description><category></category></item><item><title><![CDATA[使用jQuery让事件动起来]]></title><link>https://blog.youkuaiyun.com/a153375250/article/details/51251721</link><guid>https://blog.youkuaiyun.com/a153375250/article/details/51251721</guid><author>a153375250</author><pubDate>Tue, 26 Apr 2016 16:37:02 +0800</pubDate><description><![CDATA[目录：
三步实现jQuery方式处理事件
$(document).ready()与window.onload
this和$(this)
常用的hover()和toggle()
通过点击文章标题展开、隐藏新闻内容
三步实现jQuery方式处理事件发生在Web页面的每一件事情都可以称为事件，为了使Web页面具有交互性，我们采用的方法是通过编写程序来响应事件。例如，鼠标移动到导航栏时显示帅气的下拉菜单；鼠]]></description><category></category></item><item><title><![CDATA[JavaScript DOM(二)]]></title><link>https://blog.youkuaiyun.com/a153375250/article/details/51179575</link><guid>https://blog.youkuaiyun.com/a153375250/article/details/51179575</guid><author>a153375250</author><pubDate>Mon, 18 Apr 2016 14:50:38 +0800</pubDate><description><![CDATA[HTML元素特性与DOM属性
Element类型节点
Text类型节点
HTML元素特性与DOM属性HTML标签中的attribute和DOM对象的property是比较容易混淆的两个概念，实际上这二者对于理解”文档对象模型”是十分重要的。通常我们会把HTML标签的attribute译为”特性”而把DOM对象的property译为”属性”。文档对象模型(DOM)是针对HTML和XML文档的一个API]]></description><category></category></item><item><title><![CDATA[JavaScript DOM(一)]]></title><link>https://blog.youkuaiyun.com/a153375250/article/details/51162580</link><guid>https://blog.youkuaiyun.com/a153375250/article/details/51162580</guid><author>a153375250</author><pubDate>Fri, 15 Apr 2016 16:16:42 +0800</pubDate><description><![CDATA[目录：
DOM家谱树
节点的基本属性和方法
document与getElement方法
DOM家谱树DOM可以将任何HTML或XML文档描绘成一个由多层次节点构成的结构。其中节点被分为几种不同的类型，每种类型表示文档中不同的信息或标记。每个节点又拥有各自的属性和方法，同时和其他节点存在着某种关系。DOM将文档描述的层次结构可以表示为一种”树型”模型，更确切地说，是一种家谱树。它使用parent，ch]]></description><category></category></item><item><title><![CDATA[JavaScript事件基础知识]]></title><link>https://blog.youkuaiyun.com/a153375250/article/details/51132463</link><guid>https://blog.youkuaiyun.com/a153375250/article/details/51132463</guid><author>a153375250</author><pubDate>Tue, 12 Apr 2016 13:19:16 +0800</pubDate><description><![CDATA[目录
一、DOM0级事件处理
二、事件冒泡与事件捕获
三、DOM2级事件处理
四、IE事件处理程序及跨浏览器支持
五、事件对象
一、DOM0级事件处理事件，由WEB页面中发生的一些特定行为触发。比如在某个页面元素上按下鼠标左键，按下键盘某个按键，某对象获得或丢失焦点时均会触发对应的事件。JavaScript和HTML的交互就是通过事件来实现的。我们使用事件侦听器对事件进行“注册”，事件发生时便执行相]]></description><category></category></item><item><title><![CDATA[JavaScript图解继承(多图)]]></title><link>https://blog.youkuaiyun.com/a153375250/article/details/51095976</link><guid>https://blog.youkuaiyun.com/a153375250/article/details/51095976</guid><author>a153375250</author><pubDate>Fri, 08 Apr 2016 13:47:54 +0800</pubDate><description><![CDATA[在JavaScript中，继承主要是通过原型链来实现的。原型链和前文所说的原型对象密切相关。原型对象可以参考JavaScript构造函数和原型对象。为了彻底搞清楚JavaScript的继承，我们先搞清楚原型链是什么。原型链继承我们知道，所有的引用类型都默认继承了Object，因而所有自定义类型都拥有toString()、valueOf等默认方法。我们只是知道这个结论，但现在我们更感兴趣的是这个继承关]]></description><category></category></item></channel></rss>