- 博客(26)
- 收藏
- 关注
RSS订阅原创 React 教程中的小Demo（TypeScript）
import React from 'react';import './App.css';/** * 定义Square的props类型，在Typescript中必须要定义参数的类型（数据结构），所以将其封装成接口 * 第一可以更好的解耦和复用，第二可以方便修改和管理，props是经常修改的 */export interface SquareProps { value: str...
2019-11-13 22:07:29
271
原创 JavaScript 的执行机制
前言console.log('代码执行开始...');setTimeout(() => console.log('定时器开始了...'));new Promise((resolve, reject) => { console.log('Promise开始了...'); for (let i = 0; i < 10; i++) { i =...
2019-09-19 17:07:00
176
原创 Promise解析
Promise 的含义Promise 是异步编程的一种解决方案，比起传统的解决方案如：事件的监听和回调函数，要更加强大。ES6 将其写进了语言标准中，统一了用法，原生提供了Promise对象。所谓 Promise，简单来说就是一个装载着在未来才会开始和结束的事件的容器，Promise 有以下两个特点：Promise 的状态不受外界影响。Promise 中装载着一个在未来才会开始和结束的事件...
2019-09-18 20:40:52
235
原创 二叉树
图片和部分文字来源于（https://www.jianshu.com/p/bf73c8d50dc2）1. 重点概念节点节点是数据结构中的基础，是构成复杂数据结构的基本组成单位树树是 n (n >= 0) 个结点的有限集，当 n = 0 时称为空树，在任意一颗非空树中：有且仅有一个特定的节点称为根节点 (Root)当 n > 1 时，其余节点可分为 m (m &...
2019-08-16 21:16:26
129
原创 标签跳转
/*JavaScript当中没有goto语句，我们也不需要goto语句，但是我们可以使用continue和break关键字再加上标签跳转来达到goto语句的效果在这个例子中，continue foo 的意义并不是跳转到标签 foo 所在的位置继续执行，而是执行 foo 循环的下一次迭代所以在这里的 foo 并非 goto */foo: for (let i = 0; i < 4;...
2019-08-08 16:12:39
205
原创 JavaScript快速排序
function quickSort(arr) { if (arr.length <= 1) { return arr; } let num = Math.floor(arr.length / 2); // 防止奇数，去掉小数 let numValue = arr.splice(num, 1); // 获取最初的基准值 let...
2019-08-08 16:11:32
130
原创 JavaScript中的执行机制
同步任务，异步任务，宏任务，微任务网上有很多讲的很好的文章需要仔细体会setTimeout(function(){ console.log('定时器开始啦')});new Promise(function(resolve){ console.log('马上执行for循环啦'); for(var i = 0; i < 10000; i++){ ...
2019-08-08 16:08:10
120
原创 实现中的限制
function foo() { let sum = 0; for (let i = 0; i < arguments.length; i++) { sum += arguments[i]; } // 因为 sum += arguments[i] 转化为了字符串 console.log(typeof sum); ...
2019-08-08 16:02:12
154
原创 寄生继承
这个和前两种继承方式又有什么不同呢？需要仔细体会function Vehicle() { this.engines = 1;}Vehicle.prototype.igintion = function() { console.log("Turning on my engine.");};Vehicle.prototype.drive = function() { ...
2019-08-08 16:01:16
137
原创 原型链继承
和原型继承有什么不同呢？分别的用处是什么呢？需要仔细体会function Parent() { this.name = 'mike';}function Child() { this.age = 12;}Child.prototype = new Parent();let child1 = new Child();console.log(child1.age...
2019-08-08 15:54:15
155
原创 原型继承
// 先创造一个父类function Foo(name) { this.name = name; console.log('1 ' + this.name);}// 通过prototype给父类添加一个方法Foo.prototype.myName = function() { return this.name;};// 再创造一个子类function Ba...
2019-08-08 15:47:41
106
原创 千位符
function transform(number) { // 将数字转化为字符串 let string = number + ''; // 新字符串 let newString = ""; // j作计数器，i作引索，因为数字位数的不确定，因此我们从后往前添加，明显是更好的选择 for (let i = string.length - 1, j ...
2019-08-08 15:46:46
675
原创 Map
代码：if(typeof Array.prototype.map === 'function') { Array.prototype.map = function(fn, context) { let arr = []; if(typeof fn === 'function') { for(let i = 0, length = t...
2019-08-08 15:30:56
106
原创 原生JS实现简单的轮播图
效果如下：很丑，但是本来目的就只是实现基本功能而已CSS：<style> * { margin: 0; padding: 0; } a { text-decoration: none; } .container { ...
2019-08-08 15:24:02
144
原创 基于HDFS的文件共享平台
如题，这是一个很简单的基于HDFS的小项目，主要功能就四个，分别是：文件的上传、展示上传目录中的文件列表、文件的下载、文件的删除。没错，又是很没有意思的增删查改，不过对于接触Hadoop之后的第一个项目来说，这样的小项目难度比较适中，上手也比较容易，也算是不二选择了。如果你是根据我上一篇文章来安装的Hadoop的话，请打开你的Windows的网络适配器，确保VMnet8网络连接的IPv4协议使用...
2019-07-20 21:11:36
1032
原创 超详细的Hadoop环境搭建（Ubuntu18.04.2）
本文共分为三个部分第一部分：Linux环境安装Hadoop运行在Linux环境中，虽然借助工具也可以部署在Windows上，但是还是建议在Linux环境中进行部署，第一部分将简单介绍Linux环境的安装、配置、JDK安装第二部分：Hadoop本地模式安装Hadoop本地模式只能用于本地的开发和调试，如果想要快速体验一下Hadoop，本地模式是我们的不二选择第三部分：Hadoo...
2019-07-19 21:43:20
2135
原创 Js中的this关键字解析
学习this关键字的第一步是理解：this并不指向函数本身this也不指向函数的词法作用域this是在运行时进行绑定的，并不是在编写代码时绑定的，它的上下文取决于函数调用的各种条件，而和函数的声明位置没有任何关系，只取决于函数的调用方式当一个函数调用时，会创建一个活动记录（有时候也称之为执行上下文），这个记录会包含函数：调用位置调用方式传入的参数信息等等…this就是这个...
2018-11-20 09:22:47
182
原创 JavaScript学习（四）：闭包
Js的闭包首先是闭包的定义： 当函数可以记住并访问所在的词法作用域时，就产生了闭包，即使函数是在当前词法作用域之外执行的这段代码清晰地展示了闭包：function foo() { var a = 2; function bar() { console.log(a); } return bar;}var baz = ...
2018-11-12 07:23:23
131
原创 HTML学习（三）
em单位实现弹性布局在编写网页时，开发者面对的硬件标准当然是自己面前的PC，但是每个人使用的硬件不可能都和自己的一样，当然对于前端开发来说，这个“硬件”主要是指屏幕尺寸和分辨率。如果只是写一些自己看demo的话，当然不用考虑适配问题，但是这样的场景肯定是少数。所以在其他场景下，弹性布局的优势就体现出来了，这里讲一讲使用单位em实现弹性布局。首先，em，是诸多单位里唯一一个可以实现”相对”的...
2018-05-02 18:47:45
124
原创 JavaScript学习（三）：window.onload事件
window.onloadwindow.onload事件主要用来解决JavaScript脚本在运行时获取不到对象的问题。
2018-01-01 13:19:04
468
原创 JavaScript的原型继承
原型继承是JavaScript中另一个让像我这样的初学者困惑的特性。JavaScript有一个无类型的（class-free)对象系统，在这个系统中，对象直接从其他对象中继承属性。《JavaScript语言精粹》中提到这是一个非常强大的特性。但是对于我们这种习惯在Java里那样通过使用“类”来构造对象的初学者来说，原型继承是一个非常陌生的概念。在Java里，继承提供的一个非常重要的服务是，它提供了代
2017-11-26 18:18:15
206
原创 JavaScript的弱类型
学习JavaScript推荐阅读《JavaScript语言精粹》，这真的是一本很好的书，这本书JavaScript这门语言的精粹从糟粕筛选了出来，这种做法可以让我这样的读者很清晰地知道在这门语言中我们应该学习什么而避免学习什么。这样可以节省我们的时间还可以使我们的学习更加“绿色”，因为我们学习的“精粹“而不是”糟粕“。首先JavaScript与其他语言如，C、Java语言反差鲜明的一点是：它是一门弱
2017-11-26 01:28:51
959
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人