axuebin
axuebin
一个很基础的知识点，JavaScript中基本数据类型和引用数据类型是如何存储的。 ---- 由于自己是野生程序员，在刚开始学习程序设计的时候没有在意内存这些基础知识，导致后来在提到“什么什么是存在栈中的，栈中只是存了一个引用”这样的话时总是一脸懵逼。。 后来渐渐的了解了一些内存的知识，这部分还是非常有必要了解的。 ## 基本数据结构 ### 栈 > 栈，只允许在一段进行插入或者删除操作的线性表，是一种先进后出的数据结构。 ### 堆 > 堆是基于散列算法的数据结构。 ### 队列 > 队列是一种先进先出（FIFO）的数据结构。 ## JavaScript中数据类型的存储 JavaScript中将数据类型分为基本数据类型和引用数据类型，它们其中有一个区别就是存储的位置不同。 ### 基本数据类型 我们都知道JavaScript中的基本数据类型有： - String - Number - Boolean...
> todo Babel官方工具：[https://babeljs.io/repl/](https://babeljs.io/repl/)
学习 React 的过程中实现了一个个人主页，没有复杂的实现和操作，适合入门 ~ ---- 这个项目其实功能很简单，就是常见的主页、博客、demo、关于我等功能。 页面样式都是自己写的，黑白风格，可能有点丑。不过还是最低级的 CSS ，准备到时候重构 ~ 如果有更好的方法，或者是我的想法有偏差的，欢迎大家交流指正 欢迎参观：[http://axuebin.com/react-blog](http://axuebin.com/react-blog) Github：[https://github.com/axuebin/react-blog](https://github.com/axuebin/react-blog) ## 预览图 ### 首页  ### 博客页  ### 文章内容页  ### Demo页  ## 关键技术 -...
之前看《深入理解es6》的笔记。。。 ---- ## var声明及变量提升机制 在ES6之前，在函数作用域中或者全局作用域中通过`var`关键字来声明变量，无论是在代码的哪个位置，这条声明语句都会提到最顶部来执行，这就是变量声明提升。 注意：**只是声明提升，初始化并没有提升。** 看一个例子： ```javascript function getStudent(name){ if(name){ var age=25; }else{ console.log("name不存在"); } console.log(age); //undefined } ``` 如果按照预想的代码的执行顺序，当`name`有值时才会创建变量`age`，可是执行代码发现，即使不传入`name`，判断语句外的输出语句并没有报错，而是输出`undefined`。 这就是变量声明提升。 ## 块级声明 ES6前是没有块级作用域的，比如`{}`外可以访问内部的变量。 ### let声明 - 声明变量 -...
尽量全面详细的整理一下React的生命周期中的知识点。 ---- ## 组件 组件是独立的封装的可以复用的一个小部件，它是React的核心思想之一。通过划分组件，可以将一个页面划分成独立的多个可复用的组件，各个组件通过嵌套、组合形成一个完整的页面。 在React中，组件基本由三个部分组成：属性（props）、状态（state）以及生命周期方法。可以将组件简单地看作一个“状态机”，根据不同的`state`和`props`呈现不同的UI，通过与用户的交互实现不同的状态，然后重新渲染组件，UI可以跟随数据变化而变化。 ### 创建组件 组件常分为两种：`Class Component`和`Functional Component`。 #### 无状态组件 `Functional Component`也称为无状态组件，它多用于纯展示组件，这种组件只负责根据传入的`props`来渲染组件，而不涉及`state`状态管理。 > 在大部分React代码中，大多数组件被写成无状态的组件，通过简单组合可以构建成其他的组件等；这种通过多个简单然后合并成一个大应用的设计模式被提倡。 无状态组件可以通过函数形式或者ES6的箭头函数来创建： ```javascript // 函数 function HelloFunctional(props){ return hello {props.name}; } // ES6箭头函数 const...
整理一下React中关于state和props的知识点。 ---- 在任何应用中，数据都是必不可少的。我们需要直接的改变页面上一块的区域来使得视图的刷新，或者间接地改变其他地方的数据。React的数据是自顶向下单向流动的，即从父组件到子组件中，组件的数据存储在`props`和`state`中，这两个属性有啥子区别呢？ ## props React的核心思想就是组件化思想，页面会被切分成一些独立的、可复用的组件。 组件从概念上看就是一个函数，可以接受一个参数作为输入值，这个参数就是`props`，所以可以把`props`理解为从外部传入组件内部的数据。由于React是单向数据流，所以`props`基本上也就是从服父级组件向子组件传递的数据。 ### 用法 假设我们现在需要实现一个列表，根据React组件化思想，我们可以把列表中的行当做一个组件，也就是有这样两个组件：``和``。 先看看`` ```jsx import Item from "./item"; export default class ItemList extends React.Component{ const itemList = data.map(item => ); render(){ return...
初学React，撸一个TodoList熟悉熟悉基本语法，只有最简单最简单的功能。 ----  如上图所示，是一个最简单的TodoList的样子了，我们应该怎样把它拆成一个个的组件呢？ 在之前看来，可能就是这样一个HTML结构： ```html 保存 ``` > React的核心思想是：封装组件。 我们也可以按照这个思路来进行组件设计 ## 组件设计  从小到大，从内到外 ~ 我是这样进行设计的。 除去按钮，input这些之外，``是HTML中最小的元素，我们可以先每一个``当成是一个最小的组件，也就是图中橙色框的部分，它对应着每一条内容，我们先把它命名为`TodoItem`吧。 ``的父级元素是``，那就把它看作一个组件呗，图中位于上方的蓝色部分，命名为`TodoList`。 恩，此时Todo内容的展示组件已经是够的了，我们再来加一个添加Todo内容的组件`AddTodoItem`吧，命名貌似有点丑- -，图中位于下方的蓝色部分。 最后就是最外层的红色部分了，它就是整个app的主体部分，包含着其它小组件，命名为`TodoBox`。 ok，暂时就这几个小组件 ~ 然我们开始愉快的撸代码吧 ~ ## 代码部分 ### Index...
**Do you want to request a *feature* or report a *bug*?** feature **What is the current behavior?** build-plugin-component rax 如何配置 babel-plugin-import 按需加载，并且正确加载样式 "build-plugin-component": "^1.0.1",