随笔分类 -  前端修炼之路

• 前端(十)：使用redux管理数据
  摘要：react本身能够完成动态数据的监听和更新，如果不是必要可以不适用redux。 安装redux: cnpm install redux --save，或者yarn add redux。 一、react基本用法 redux是独立的用于状态管理的第三方包，它建立状态机来对单项数据进行管理。 上图是个人粗 阅读全文
  posted @ 2018-12-22 16:15 一只火眼金睛的男猴 阅读(804) 评论(0) 推荐(0)
• 前端(九)：react生命周期
  摘要：一、组件渲染 当组件的props或者state发生改变时，组件会自动调用render方法重新渲染。当父组件被重新渲染时，子组件也会被递归渲染。那么组件是如何渲染的呢？ 二、组件的生命周期 组件的声明周期可分成三个状态：Mounting，已插入真实 DOM；Updating，正在被重新渲染；Unmou 阅读全文
  posted @ 2018-12-21 23:08 一只火眼金睛的男猴 阅读(596) 评论(0) 推荐(0)
• 前端(十二)：react-redux实现逻辑
  摘要：一、context实现数据传递 在react中，props和state都可以设置数据。不同的是，props借助组件属性传递数据但不可以渲染组件，它相对来说是“静态的”；state可以监听事件来修改数据并重新渲染组件，它相对来说是“动态的”。要想实现组件间传递数据并且可以根据state重新渲染组件，就 阅读全文
  posted @ 2018-08-05 17:29 一只火眼金睛的男猴 阅读(958) 评论(0) 推荐(0)
• 前端(十一)：props、state及redux关系梳理
  摘要：所谓状态机，是一种抽象的数据模型，是“事物发展的趋势”，其原理是事件驱动。广泛地讲，世界万物都是状态机。 一、状态机是一种抽象的数据模型 在react中，props和state都可以用来传递数据。这里作一下区分。 1.props props用于组件间的数据传递。其本身只是一个属性，不是一个状态机。 阅读全文
  posted @ 2018-08-04 02:52 一只火眼金睛的男猴 阅读(2477) 评论(0) 推荐(0)
• 前端(八)：react入门
  摘要：React 特点：声明式设计、虚拟DOM、JSX、组件、数据驱动。 一、环境搭建 1.安装npm、cnpm 2.安装react全家桶 3.文件目录结构 项目启动时，会加载public下的index.html文件，并进而执行index.js，从而完成整个页面的渲染。 二、react一些概念 react 阅读全文
  posted @ 2018-07-31 17:26 一只火眼金睛的男猴 阅读(440) 评论(0) 推荐(0)
• 前端(七)：ES6一些新特性
  摘要：一、变量 1.var关键字的弊端 var关键字的弊端：1.可以重复声明变量；2.无法限制变量修改；3.没有块级作用域，只有函数作用域。 惯用的解决办法是将onclick写进一个匿名函数。 2.let和const关键字 let和const关键字使得变量不可以被重复声明，且变量具有块级作用域。不同的是， 阅读全文
  posted @ 2018-07-17 19:57 一只火眼金睛的男猴 阅读(940) 评论(1) 推荐(0)
• 前端(六)：JavaScript面向对象之宿主对象
  摘要：宿主对象即浏览器提供的对象，主要包括DOM对象和BOM对象。 一、DOM源起 1.SGML、XML和XHTML SGML(标准通用标记语言)是定义使用标签来表示数据的标记语言的语法。 - 标签由一个小于号和一个大于号之间的文本组成，如<title> - 标签分为起始标签和结束标签，分别表示一个特定区 阅读全文
  posted @ 2018-07-14 12:11 一只火眼金睛的男猴 阅读(453) 评论(0) 推荐(0)
• 前端(五)：JavaScript面向对象之内建对象
  摘要：一、数据类型 js中数据类型分为两种，原始数据累次能够和引用数据类型。 1.原始数据类型 2.引用数据类型 3.原始值和引用值 二、本地对象(内建对象) 1.Array对象 1.创建语法 2.属性 3.方法 4.数组遍历 2.String对象 1.创建 2.属性 3.方法 3.RegExp 1.创建 阅读全文
  posted @ 2018-07-12 18:17 一只火眼金睛的男猴 阅读(479) 评论(0) 推荐(0)
• 前端(四)：JavaScript面向对象之自定义对象
  摘要：一、对象 1.字面量创建对象 2.数据描述和存取描述设置 3.get和set 4.数据描述和存取描述检查 二、prototype 1.prototype释义 2.prototype与__proto__ 3.prototype之共享性 4.prototype之继承性 三、类 1.类的封装 1.混合的构 阅读全文
  posted @ 2018-07-12 13:38 一只火眼金睛的男猴 阅读(1433) 评论(0) 推荐(0)
• 前端(三)：JavaScript基础
  摘要：一、变量、数据类型与运算符 1.变量 声明变量： 2.数据类型 隐式转换 强制转换 3.运算符 1.算术运算符 2.赋值运算符和比较运算符 3.逻辑运算符 4.三元运算符 5.运算符优先级 二、流程控制 1.条件语句 var readline = require("readline"); var r 阅读全文
  posted @ 2018-07-11 12:37 一只火眼金睛的男猴 阅读(547) 评论(0) 推荐(0)
• 前端(二)：css样式
  摘要：本节笔记根据css中文手册整理，内容已做成思维导图。下载地址https://files.cnblogs.com/files/kuaizifeng/css.xmind.zip。 css（Csacading Style Sheet）级联样式表，是控制网页样式并允许将样式信息与网页内容分离的一种标记性语言 阅读全文
  posted @ 2018-07-10 22:19 一只火眼金睛的男猴 阅读(384) 评论(0) 推荐(0)
• 前端(一)：html标签
  摘要：HTML(Hypertext Markup Language)超文本标记语言，它负责页面的结构。超文本指的是超链接，使用超链接可以从一个页面跳转到另一个页面。 HTML的发展：1993年6月发布第一个版本，1995年11月第二个版本，2000年底XHTML1.0，2014年HTML5.0。 1、标题 阅读全文
  posted @ 2018-07-09 20:04 一只火眼金睛的男猴 阅读(292) 评论(0) 推荐(0)