axuebin
axuebin
亲, 请填写下面的信息，这样能最快地定位需要解决的问题！不完整填写，客服回复会很慢的亲。 第一，环境信息 R version 3.4.1 Platform: x86_64-pc-linux-gnt (64-bit) Running under: Ubuntu 14.04.4 LTS 第二，全部错误信息 ``` Error in file(code, open="r"):'description'参数不对 此外：Warning message: In tagging(code,jiebar): In file mode,only the first element...
学习 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页  ## 关键技术 -...
整理一下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的生命周期中的知识点。 ---- ## 组件 组件是独立的封装的可以复用的一个小部件，它是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...
之前看《深入理解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声明 - 声明变量 -...
1. 正则获取一个没有层级的顺序数组 2. 构建带有层级关系的对象数组 3. 构建DOM元素，也就是ul、li列表 觉得现在这种方式，特别是我的写法很丑，有待改进。
这是在临安牵牛岗下山途中看到的一个地方，刚好是日出的时候，雾气未散，暖暖的阳光洒在山间，构成的画面让人感觉很舒服。 ---- - 相机： SONY ILCE-6000 - 镜头： E16-50mm - 焦距： 50mm - 光圈： f11 - 快门：1/250s - ISO ： 100 
整理`call`、`apply`、`bind`这三个方法的的知识点。 ---- 之前[这篇文章](http://axuebin.com/blog/2017/09/19/javascript-this/)提到过`this`的各种情况，其中有一种情况就是通过`call`、`apply`、`bind`来将`this`绑定到指定的对象上。 也就是说，这三个方法可以改变函数体内部`this`的指向。 这三个方法有什么区别呢？分别适合应用在哪些场景中呢？ 先举个简单的栗子 ~ ```javascript var person = { name: "axuebin", age: 25 }; function say(job){ console.log(this.name+":"+this.age+" "+job); } say.call(person,"FE"); // axuebin:25 FE say.apply(person,["FE"]); // axuebin:25 FE...
看看这个有着深不可测的魔力的`this`到底是个什么玩意儿 ~ ---- ## 什么是this 在传统面向对象的语言中，比如Java，`this`关键字用来表示当前对象本身，或当前对象的一个实例，通过`this`关键字可以获得当前对象的属性和调用方法。 在JavaScript中，`this`似乎表现地略有不同，这也是让人“讨厌”的地方~ ECMAScript规范中这样写： > this 关键字执行为当前执行环境的 ThisBinding。 MDN上这样写： > In most cases, the value of this is determined by how a function is called. >...