行远自迩
我不是在瞎**说，请来[这个页面](https://github.com/CruxF/Vue-base/issues/1)看看，最后的一些目录没办法解析出来
CSS篇问题纠正
在CSS那块：水平垂直居中一，经过测试利用relative无法实现效果，只能通过absolute
# 前言 该文章通过慕课网教程[《移动web开发适配秘籍Rem》](https://www.imooc.com/learn/942)编写而成，大体上的内容与课程一致。 ### 移动端开发有如下的特点 - 跑在手机端的web页面（H5页面）； - 跨平台； - 基于webview； - 告别IE拥抱webkit； - 更高的适配和性能要求。 ### 常见移动web适配方法 （1）PC端 - 960px/1000px居中； - 盒子模型，定宽，定高； - display:inline-block。 （2）移动web - 定高，宽度百分比； - flex； -...
# 一、前言 该博文源自慕课网的[《JavaScript正则表达式》课程](https://www.imooc.com/learn/706)。老师讲的生动有趣，由浅入深，是一门好课程。为了让自己更好记忆和继续深究正则表达式，因此写下该篇博文。下面推荐两个实用的在线网站： [正则表达式工具](http://regexper.com) [代码及时响应在线网站](http://jsbin.com) # 二、实例化正则对象 在JavaScript中，一共有两种方法实例化正则对象，下面请看具体的方法。 **1、** 字面量：`var reg = /\bis\b/g;` 【注意】 \b代表单词边界，g代表全文进行匹配。如果没有\b和g，会怎么样呢？请动手分别进行测试一下，下面给出测试模板，内容可自行更改。 测试：`'he is a boy,This is a dog'.replace(reg,'IS');` **2、** 构造函数：`var reg = new RegExp('\\bis\\b','g'); ` 【注意】...
# 前言 这篇博文是根据[慕课网教程](https://www.imooc.com/learn/949)整理而来，内容几乎都会是讲师的原话，外带一些自己的理解。 ## Promise是什么 这个英语单词翻译成中文意思就是：许诺；允诺；有可能。因此从字面上就可以知道它代表了即将要发生的事情，从而联想到了JavaScript中异步程序。 **按照它的实际用途来看主要有以下几点** - 用于异步计算 - 可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果 - 可以在对象之间传递和操作Promise，帮助我们处理队列 ## Promise产生的背景 根源是为了优化表单提交的用户体验，而开发了JavaScript这款包含大量异步操作的脚本语言。在提交表单中异步程序的表现是怎么样的呢？就是当你注册会员的时候，填写了昵称这玩意，然后再填写密码的时候，同时服务器里会检测这个昵称是否已经被注册从而做出一些回应，而不用等你全部信息填写好点击提交才告诉你昵称已经存在。 借由异步的这一个特点，可以想到：异步操作能够避免界面冻结！异步的本质用大白话说就是：将耗时很长的A交付的工作交给系统之后，就去继续做B交付的工作。等到系统完成前面的工作之后，再通过回调或者事件，继续做A交付的剩下的工作。 从观察者的角度看起来，AB工作的完成顺序，和交付它们的时间顺序无关，所以叫“异步”。 **咳咳，说重点，以下才是Promise诞生的原因** - 解决因为异步操作所带来的回调地狱，从而导致维护性差，下面请看回调代码 ``` a(function (resultsFromA) { b(resultsFromA, function (resultsFromB) { c(resultsFromB,...
# 前言 该份资料的来源为慕课网教程[《JavaScript深入浅出》](https://www.imooc.com/learn/277)，内容几乎是全文摘抄下来，不喜勿喷啊。 ## 数据类型 JavaScript被称为是一种弱类型的语言，原因就是数据类型居然能够随意转换而不报错，而且在定义变量的时候不用指定其类型，示例代码如下： ``` var num = 32; num = "this is a string"; ``` 面试题常问的：**JavaScript中原始类型有哪几种？** 答：number、string、boolean、null、undefined。 ### 隐式转换 1、加号（+）和减号（-） 在数字与字符串做运算的时候，加号做拼接，减号就做减法 ``` "37" - 7 //30 "37"+7...
## 前言 该篇博文是根据慕课网教程——[《css定位position》](https://www.imooc.com/learn/931)整理而来，内容虽然简单基础，但是整理记录一下，帮助新手的同时也务实一下自己的基础知识。 ## HTML中三种布局方式 1、标准流：这是默认的布局方式。特点就是块级元素独占一行，意思就是两个块级或者多个块级元素不能在同一行显示，块级元素能设置宽高；内联元素能够在同一行显示，内联元素不能设置宽高。 ``` div, p { height: 50px; line-height: 50px; background-color: green; } span, a { height: 50px; line-height: 50px; background-color: green; } 我是div 我是p 我是span...
# 前言 这篇文章是根据慕课网的课程——[《hello，移动web》](https://www.imooc.com/learn/494)，虽然课程已经很久远了，但是细细读来还是能够get到很多的知识，下面进入正文。 ## 移动开发中的像素（px） 首先，抛出一个问题：640x1136的图片，能不能在iPhone5上完全显示？毕竟iPhone5的分辨率是为640x1136的。空想无用，现在我们用下面一段代码进行测试一下 ``` Test #app { width: 640px; height: 1136px; background-color: green; color: #fff; font-size: 150px; text-align: center; font-family: "微软雅黑"; } hello Mobile ``` 打开Chrome浏览器，模拟iPhone5手机进行查看，看到结果了吗？是不是很惊讶，盒子居然没有铺满全屏，而且在浏览器上显示的iPhone5尺寸是320px*568px，这到底是怎么回事？不用太惊讶，我们先捋一捋各种像素之间的关联马上就能明白。 ##...
# 前言 本篇博文是记录jQuery的基础知识，根据慕课网的教程整理而成。还有，为了优化大家的阅读体验，强烈建议先安装Chrome浏览器的插件——GayHub。[下载安装地址](https://github.com/jawil/GayHub) # jQuery样式篇 ### 第一个例子 不多说，这是我们踏入编程界输出的第一句话，下面贴上代码（默认导入jQuery源文件）： ``` $(document).ready(function () { $("div").html("hello world"); }) ``` 【代码解析】 $(document).ready 的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。 ### jQuery对象与DOM对象 jQuery对象与DOM对象是不一样的，大概就是：jQuery是一个类数组对象，而DOM对象就是一个单独的DOM元素。具体有以下区别： （1）通过jQuery方法包装后的对象，是一个类数组对象。它与DOM对象完全不同，唯一相似的是它们都能操作DOM。 （2）通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容性问题，我们通过jQuery提供的API进行开发，代码也会更加精短。 ### jQuery对象与DOM对象之间的转换 （1）jQuery => DOM ```...
# 前言 这篇文章的内容几乎全部来源于慕课网教程——[《JavaScript实现二叉树》](https://www.imooc.com/learn/888)，教程内容值得一看，虽然最终的游戏代码那块讲述的并不完整，然而让人基本的认知到什么是二叉树这是讲的挺不错的，下面就来看看我的一些摘抄。 ## 为什么是JavaScript和数据结构？ JavaScript自从诞生以来，经过多年的发展，目前已经成为几乎是最流行的语言，俗称为“互联网编程语言”。他的发展越来越快，并且将触角延伸到了各个领域，几乎有一统江湖之势。 从客户端而言，特使是web应用开发上，它是当之无愧的首选，结合各种强大的开发框架，运用JavaScript可以开发出功能相当强大的web桌面应用，例如像Gmail这种完全能媲美于原生桌面程序的web应用，就是通过JavaScript开发的。 从服务器而言，原本被C++，java等老牌语言占据着不可动摇的地位，当以JavaScript为开发语言的Node.js平台诞生后，老牌语言在服务器领域的地位在不断消亡，Node.js就像野火一样，在服务器开发领域熊熊燃烧。 最后，在移动开发领域，由于React Native，或lonic等移动开发框架的出现，使得运用JavaScript就能开发出同时运行在IOS和Android平台上的移动App。由此可见，学习和使用JavaScript这门编程语言是性价比最高的。 ## 为什么要学习数据结构？ 程序=算法+数据结构，计算机程序设计的本质是将业务逻辑转换为数理逻辑，通过逻辑推理以及数理运算解决客观世界存在的困难，而算法和数据结构就是数理逻辑的推演模式和展现方法。如果把编程语言比作文字，那么算法和数据结构就相当于语法，没有合理的语法，文字就无法准确的传达意义。 数据结构就相当于：我塞牙了，那么就要用到牙签这“数据结构”，当然你用指甲也行，只不过“性能”没那么好；我要拧螺母，肯定用扳手这个“数据结构”，当然你用钳子也行，只不过也没那么好用。学习数据结构，就是为了了解以后在IT行业里搬砖需要用到什么工具，这些工具有什么利弊，应用于什么场景。以后用的过程中，你会发现这些基础的“工具”也存在着一些缺陷，你不满足于此工具，此时，你就开始自己在这些数据结构的基础上加以改造，这就叫做自定义数据结构。而且，你以后还会造出很多其他应用于实际场景的数据结构。。你用这些数据结构去造轮子，不知不觉，你成了又一个轮子哥。 ## 单步调试 **概念：** 单步调试是指程序开发中，为了找到程序的bug，通常采用的一种调试手段，一步一步跟踪程序执行的流程，根据变量的值，找到错误的原因。 **Chrome浏览器单步调试步骤：** 打开开发工具 —>点击sources—>点击要调试的文件—>点击某一条要调试的代码(左侧行数)—>刷新页面—>点击页面上的下一步来查看显示的结果是否和预期的一样。 ## 排序二叉树 排序二叉树最大的功能就是能够快速有效的对很多数据进行排序。它的特点是左孩子的数值要小于根节点，右孩子的数值要大于根节点，详情请看下图。 ## 什么是二叉树？ 二叉树是一种具有层级特性的数据结构，一棵树包含多个节点（下图中的每一个圆圈），节点自身含有一个属性，就是它所代表的数值（圆圈中的数值）。节点与节点间有对应关系，一种叫做父子关系，例如图中，节点8引出一个箭头指向节点3，于是我们说，节点8是节点3的父亲，节点3是节点8的儿子；另外一种叫做兄弟关系，比如节点3和节点10，因为他们都有同一个父节点。  ## 二叉树创建代码实现...