<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[highboys的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/highboys</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; highboys]]></copyright><item><title><![CDATA[浅谈浏览器http的缓存机制]]></title><link>https://blog.youkuaiyun.com/highboys/article/details/79133074</link><guid>https://blog.youkuaiyun.com/highboys/article/details/79133074</guid><author>highboys</author><pubDate>Mon, 22 Jan 2018 20:13:33 +0800</pubDate><description><![CDATA[本文转载自：http://www.cnblogs.com/vajoy/p/5341664.html




针对浏览器的http缓存的分析也算是老生常谈了，每隔一段时间就会冒出一篇不错的文章，其原理也是各大公司面试时几乎必考的问题。

之所以还写一篇这样的文章，是因为近期都在搞新技术，想“回归”下基础，也希望尽量总结的更详尽些。

那么你是否还需要阅读本篇文章呢？可以试着回答下面]]></description><category></category></item><item><title><![CDATA[10分钟理解JS引擎的执行机制]]></title><link>https://blog.youkuaiyun.com/highboys/article/details/79110116</link><guid>https://blog.youkuaiyun.com/highboys/article/details/79110116</guid><author>highboys</author><pubDate>Fri, 19 Jan 2018 19:55:56 +0800</pubDate><description><![CDATA[作者： ziwei3749

https://segmentfault.com/a/1190000012806637





首先，请牢记2点：



JS是单线程语言


JS的Event Loop是JS的执行机制。深入了解JS的执行，就等于深入了解JS里的event loop


1.灵魂三问：JS为什么是单线程的？为什么需要异步？单线程又是如何实现异步的]]></description><category></category></item><item><title><![CDATA[JS 中对变量类型的判断]]></title><link>https://blog.youkuaiyun.com/highboys/article/details/78795864</link><guid>https://blog.youkuaiyun.com/highboys/article/details/78795864</guid><author>highboys</author><pubDate>Wed, 13 Dec 2017 19:39:10 +0800</pubDate><description><![CDATA[来源：蚊子

https://segmentfault.com/a/1190000002962215





在 JS 中，有 5 种基本数据类型和 1 种复杂数据类型，基本数据类型有：Undefined, Null, Boolean, Number和String；复杂数据类型是Object，Object中还细分了很多具体的类型，比如：Array, Function, Date等]]></description><category></category></item><item><title><![CDATA[模板引擎——Jade学习笔记]]></title><link>https://blog.youkuaiyun.com/highboys/article/details/78787232</link><guid>https://blog.youkuaiyun.com/highboys/article/details/78787232</guid><author>highboys</author><pubDate>Tue, 12 Dec 2017 23:15:27 +0800</pubDate><description><![CDATA[目录
一、Jade基础语法知识
1、文档声明和头尾标签
2、实现命令行实时编译
3、标签语法
4、属性文本和值
5、混合的成段文本和标签
6、注释与条件注释
7、变量声明和数据传递
8、安全转义与非转义
9、流程代码之遍历—— for in、each、while
10、流程代码之条件判断—— if else、unless、case when
11、神奇的mixins
二、]]></description><category></category></item><item><title><![CDATA[CSS: 潜藏着的BFC]]></title><link>https://blog.youkuaiyun.com/highboys/article/details/78778433</link><guid>https://blog.youkuaiyun.com/highboys/article/details/78778433</guid><author>highboys</author><pubDate>Tue, 12 Dec 2017 09:13:56 +0800</pubDate><description><![CDATA[来源： 杳杳飞花_Hwj
https://segmentfault.com/a/1190000012221820




在写样式时，往往是添加了一个样式，又或者是修改了某个属性，就达到了我们的预期。

而BFC就潜藏在其中，当你修改样式时，一不小心就能触发它而毫无察觉，因此没有意识到BFC的神奇之处。

一、什么是BFC（Block
 Formatting Context）]]></description><category></category></item><item><title><![CDATA[前端内容的自动化构建——gulp学习笔记]]></title><link>https://blog.youkuaiyun.com/highboys/article/details/78771584</link><guid>https://blog.youkuaiyun.com/highboys/article/details/78771584</guid><author>highboys</author><pubDate>Mon, 11 Dec 2017 13:45:03 +0800</pubDate><description><![CDATA[本文根据慕课网视频教程《前端内容的自动化构建》整理。



构建是为了模块化。
一、通过Browserify来实现JS代码的模块化

为什么需要模块化？——在实际的开发过程中，一个JS文件可能会引入其他JS文件，如果在其他JS文件中都定义了全局变量，那么最终可能就会引发冲突——全局变量污染，特别是多人协同开发时，你并不知道你在当前文件中定义的全局变量是否会与他人在其他文件中定义的全局]]></description><category></category></item><item><title><![CDATA[一篇真正教会你开发移动端页面的文章(二)]]></title><link>https://blog.youkuaiyun.com/highboys/article/details/78762744</link><guid>https://blog.youkuaiyun.com/highboys/article/details/78762744</guid><author>highboys</author><pubDate>Sun, 10 Dec 2017 00:30:16 +0800</pubDate><description><![CDATA[来源：HcySunYang

http://hcysun.me/2015/10/19/一篇真正教会你开发移动端页面的文章-二/






之前写了一篇文章《一篇真正教会你开发移动端一面的文章(一)》。那是本篇文章的基础，如果没有阅读过的同学可以去看看，今天就给大家带来干货，真真正正的讲到如何很好的开发一个移动端的页面











好了，让我们开]]></description><category></category></item><item><title><![CDATA[MongoDB极简实践入门]]></title><link>https://blog.youkuaiyun.com/highboys/article/details/78758518</link><guid>https://blog.youkuaiyun.com/highboys/article/details/78758518</guid><author>highboys</author><pubDate>Sat, 09 Dec 2017 12:43:18 +0800</pubDate><description><![CDATA[MongoDB 极简实践入门

1.
 为什么用MongoDB？
传统的计算机应用大多使用关系型数据库来存储数据，比如大家可能熟悉的MySql, Sqlite等等，它的特点是数据以表格(table)的形式储存起来的。数据库由一张张排列整齐的表格构成，就好像一个Excel表单一样，每个表格会有若干列，比如一个学生信息表，可能包含学号、姓名、性别、入学年份、高考成绩、籍贯等等。而表格的每一排，]]></description><category></category></item><item><title><![CDATA[一篇真正教会你开发移动端页面的文章(一)]]></title><link>https://blog.youkuaiyun.com/highboys/article/details/78737723</link><guid>https://blog.youkuaiyun.com/highboys/article/details/78737723</guid><author>highboys</author><pubDate>Thu, 07 Dec 2017 09:58:21 +0800</pubDate><description><![CDATA[来源：HcySunYang

http://hcysun.me/2015/10/16/一篇真正教会你开发移动端页面的文章(一)/


从我工作以来，开发的一直都是移动端的页面，只有偶尔去开发几个PC端的页面，现在是一个移动端的时代，移动先行已经深入骨髓，作为一个web前端开发，如果你还在为如何开发移动端页面而迷茫，或者你还在为开发出了一个在你手机上“完美”的移动页面而沾沾自喜却不知移动的]]></description><category></category></item><item><title><![CDATA[如何将项目上传到Github]]></title><link>https://blog.youkuaiyun.com/highboys/article/details/78701095</link><guid>https://blog.youkuaiyun.com/highboys/article/details/78701095</guid><author>highboys</author><pubDate>Sun, 03 Dec 2017 16:31:42 +0800</pubDate><description><![CDATA[在上传项目之前，如果本地没有安装git的话需要先下载安装（下载链接），安装完后应该会有一个git bash工具，后面会用。（不一定对，我也忘了当初我怎么装上的了，不过安装个小工具肯定难不倒大家，而且并不难，我只是忘了具体过程了而已。。。）安装完后如下：




1、在Github上创建仓库。


填写仓库名与描述（经检验，仓库名应该与本地项目名一样）


点击Create r]]></description><category></category></item><item><title><![CDATA[【剑指Offer】斐波那契数列及其延伸问题——JavaScript实现]]></title><link>https://blog.youkuaiyun.com/highboys/article/details/78671904</link><guid>https://blog.youkuaiyun.com/highboys/article/details/78671904</guid><author>highboys</author><pubDate>Fri, 01 Dec 2017 13:55:43 +0800</pubDate><description><![CDATA[题目描述

大家都知道斐波那契数列，现在要求输入一个整数n，请你输出斐波那契数列的第n项。
分析
斐波那契数列是这样一个数列，第1项、第2项都为1，后面每项是前两项之和：1,1,2,3,5,8,13,21,34...。这个问题用递归解决的话，核心代码只需两行，但是放在OJ上跑，可能AC不了，因为其中存在大量子问题重复计算的情况，所以下面用非递归实现：
function Fibonacci]]></description><category></category></item><item><title><![CDATA[CSS3弹性布局怎么兼容IE（11）？]]></title><link>https://blog.youkuaiyun.com/highboys/article/details/78685382</link><guid>https://blog.youkuaiyun.com/highboys/article/details/78685382</guid><author>highboys</author><pubDate>Fri, 01 Dec 2017 13:14:40 +0800</pubDate><description><![CDATA[弹性布局（Flexbox）确实为我们构建复杂、灵活的布局带来了很大的便利，但是它的兼容性确让人很头痛，下面是我遇到的一个问题：
理想效果：


IE11效果：


html大概结构：
	
		
		
	
	
这里大致说一下css，input-container宽高没设死，由input决定，并设置position: relative;相对定位，并采用display: flex;弹性布局]]></description><category></category></item><item><title><![CDATA[【剑指Offer】旋转数组的最小元素——JavaScript实现]]></title><link>https://blog.youkuaiyun.com/highboys/article/details/78655169</link><guid>https://blog.youkuaiyun.com/highboys/article/details/78655169</guid><author>highboys</author><pubDate>Tue, 28 Nov 2017 17:08:33 +0800</pubDate><description><![CDATA[题目描述

把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。 输入一个非递减排序的数组的一个旋转，输出旋转数组的最小元素。 例如数组{3,4,5,1,2}为{1,2,3,4,5}的一个旋转，该数组的最小值为1。 NOTE：给出的所有元素都大于0，若数组大小为0，请返回0。


分析
这道题可以很简单地遍历一次，即可得答案，时间复杂度为O(n)，但是没有用到旋转数组的特]]></description><category></category></item><item><title><![CDATA[【剑指Offer】重建二叉树——JavaScript实现]]></title><link>https://blog.youkuaiyun.com/highboys/article/details/78646658</link><guid>https://blog.youkuaiyun.com/highboys/article/details/78646658</guid><author>highboys</author><pubDate>Mon, 27 Nov 2017 17:08:35 +0800</pubDate><description><![CDATA[题目描述

输入某二叉树的前序遍历和中序遍历的结果，请重建出该二叉树。假设输入的前序遍历和中序遍历的结果中都不含重复的数字。例如输入前序遍历序列{1,2,4,7,3,5,6,8}和中序遍历序列{4,7,2,1,5,3,8,6}，则重建二叉树并返回。（牛客网题目，跟原书稍有差别）
分析（适合能手画出树结构，但是不知道该从哪开始写代码的人）：前序遍历的第一个节点就是根节点，在中序中，以这个根节点]]></description><category></category></item><item><title><![CDATA[css清除浮动大全，共8种方法。]]></title><link>https://blog.youkuaiyun.com/highboys/article/details/78596456</link><guid>https://blog.youkuaiyun.com/highboys/article/details/78596456</guid><author>highboys</author><pubDate>Tue, 21 Nov 2017 20:26:33 +0800</pubDate><description><![CDATA[css清除浮动大全共8种方法



本文转载自：http://www.jb51.net/css/173023.html
清除浮动是每一个 web前台设计师必须掌握的机能。css清除浮动大全，共8种方法。 

浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难]]></description><category></category></item><item><title><![CDATA[CSS实现中间自适应的三栏布局，共4种方法]]></title><link>https://blog.youkuaiyun.com/highboys/article/details/78563480</link><guid>https://blog.youkuaiyun.com/highboys/article/details/78563480</guid><author>highboys</author><pubDate>Sun, 19 Nov 2017 16:33:19 +0800</pubDate><description><![CDATA[一、float实现
html结构：


css：
.left,.right{
	width: 200px;
	height: 300px;
	background-color: red;
}
.left{
	float: left;
}
.right{
	float: right;
}
.center{
	margin: 0 210px;
	height: 300px;
	backgroun]]></description><category></category></item><item><title><![CDATA[Unable to load script from assets 'index.android.bundle'.解决方案]]></title><link>https://blog.youkuaiyun.com/highboys/article/details/78513530</link><guid>https://blog.youkuaiyun.com/highboys/article/details/78513530</guid><author>highboys</author><pubDate>Sun, 12 Nov 2017 18:57:14 +0800</pubDate><description><![CDATA[刚接触React Native，新建了一个项目，在Android Studio的模拟器上可以运行，但用Genymotion模拟器运行时却报如下错误：


上网查了一下，大多数文章都提出下面的解决方法：


1.首先手动在main下建立一个assets文件夹

2.然后cmd 进入项目的根目录下执行 react-native
 bundle --platform android -]]></description><category></category></item><item><title><![CDATA[三七互娱2018校招前端笔试题]]></title><link>https://blog.youkuaiyun.com/highboys/article/details/77892542</link><guid>https://blog.youkuaiyun.com/highboys/article/details/77892542</guid><author>highboys</author><pubDate>Fri, 08 Sep 2017 11:53:01 +0800</pubDate><description><![CDATA[1、正则表达式考察题
1）格式为： 2016-12-12类型的日期格式校验正则表达式；
2）字符串解析：将格式诸如“[img:(src...)]”的字符串解析替换为“”;


2、使用ajax（可使用jQuery框架，若使用其他框架请注明）写一个跨域异步获取json数据方案；说说能否使用javascript进行跨域异步post数据。
var url = " http://www.37.]]></description><category></category></item><item><title><![CDATA[Java中的queue和deque]]></title><link>https://blog.youkuaiyun.com/highboys/article/details/77745309</link><guid>https://blog.youkuaiyun.com/highboys/article/details/77745309</guid><author>highboys</author><pubDate>Thu, 31 Aug 2017 13:24:53 +0800</pubDate><description><![CDATA[本文转载自：http://blog.youkuaiyun.com/shf4715/article/details/47052385


队列(queue)是一种常用的数据结构，可以将队列看做是一种特殊的线性表，该结构遵循的先进先出原则。Java中，LinkedList实现了Queue接口,因为LinkedList进行插入、删除操作效率较高 
相关常用方法： 
boolean offer(E e):将]]></description><category></category></item><item><title><![CDATA[HTML5常见的新增API详解]]></title><link>https://blog.youkuaiyun.com/highboys/article/details/73252977</link><guid>https://blog.youkuaiyun.com/highboys/article/details/73252977</guid><author>highboys</author><pubDate>Wed, 14 Jun 2017 22:31:34 +0800</pubDate><description><![CDATA[本文转载自：http://www.cnblogs.com/jone-chen/p/5556322.html




1. getElementsByClassName()方法

getElementsByClassName()方法接收一个参数，即一个包含一或多个类名的字符串，返回带有指定类的所有元素的NodeList。传入多个类名时，类名的先后顺序不重要。]]></description><category></category></item></channel></rss>