kongkong211-优快云博客

原创 JavaScript 封装实用笔记

对象的定义与赋值经常使用的定义与赋值方法obj.prop =value或者obj[‘prop’]=valueObject.defineProperty()语法说明Object.defineProperty()的作用就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性Object.defineProperty(obj, prop, desc)obj 需要定义属性的当前对象prop 当前需要定义的属性名desc 属性描述符一般通过为对象的属性赋值的情况下，对象的属性可以修改也可以.

2020-09-24 10:46:15 151

转载 React实用笔记（五）React Router

test

2020-09-23 09:15:36 375

原创 React 实用笔记（四）react-redux

React 实践心得：react-redux 之 connect 方法详解：https://segmentfault.com/a/1190000015042646

2020-09-04 09:29:57 188

原创 React 实用笔记（三）生命周期、Props、State、Flux

生命周期ES6React.createClass()getDefaultProps()constructor(props)getInitialState()componentWillMount()componentWillMount()render()render()componentDidMount()componentDidMount()componentWillUnMount()componentWillUnMount()p.

2020-09-03 17:01:15 198

原创 React 实用笔记（二）DOM 和 JSX

虚拟DOMReact脚本库的设计初衷就是帮助用户更新浏览器的DOM。采用React之后，我们不需要直接和DOM API 打交道。取而代之的是和一个虚拟DOM交互。它们实际上是JavaScript对象。React 组件ReactClass函数（后期逐步弃用）React.Component 是一个抽象类，并且兼容ES6规范，用户可以用它来构建新的组件，还可以使用ES6规范中的语法创建支持继承的自定义组件类。无状态函数式组件无状态函数式组件是函数而非对象，因此它们没有this作用域。因为它们是..

2020-09-02 19:38:37 152

原创 React 实用笔记（一）JavaScript 函数式编程

什么是函数编程在JavaScript中，函数可以表示应用程序中的数据。函数就是变量，可以将它添加到对象中。可以将函数添加到数组中函数可以像其他变量那样，作为其他函数的参数进行传递函数可以像其他变量那样，作为其他函数的执行结果被返回...

2020-09-02 16:55:10 233

原创 Canvas 绘图

创建一个画布<canvas id="myCanvas" width="200" height="100"></canvas>使用 JavaScript 来绘制图像var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.fillStyle="#FF0000";ctx.fillRect(0,0,150,75);Canvas 坐标canvas 是一个二维网格。canv..

2020-08-31 15:02:30 136

原创 Node.js 实用笔记（三）功能模块

在 Node.js 中使用文件描述符在与位于文件系统中的文件进行交互之前，需要先获取文件的描述符。文件描述符是使用 fs 模块提供的 open() 方法打开文件后返回的：const fs = require('fs')fs.open('/Users/joe/test.txt', 'r', (err, fd) => { //fd 是文件描述符。})注意，将 r 作为 fs.open() 调用的第二个参数。r+ 打开文件用于读写。w+ 打开文件用于读写，将流定位到文件的开头。如果..

2020-08-27 17:34:33 497

原创 Node.js 实用笔记（二）事件循环和异步操作

Node.js 事件循环阻塞事件循环任何花费太长时间才能将控制权返回给事件循环的 JavaScript 代码，都会阻塞页面中任何 JavaScript 代码的执行，甚至阻塞 UI 线程，并且用户无法单击浏览、滚动页面等。JavaScript 中几乎所有的 I/O 基元都是非阻塞的。网络请求、文件系统操作等。被阻塞是个异常，这就是 JavaScript 如此之多基于回调（最近越来越多基于 promise 和 async/await）的原因。消息队列当调用 setTimeout() 时，浏览器..

2020-08-27 16:51:53 158

原创 Node.js 实用笔记（一）命令行操作

test

2020-08-27 14:16:54 280

原创 linux命令大全

系统信息arch 显示机器的处理器架构uname -m 显示机器的处理器架构uname -r 显示正在使用的内核版本dmidecode -q 显示硬件系统部件 - (SMBIOS / DMI)hdparm -i /dev/hda 罗列一个磁盘的架构特性hdparm -tT /dev/sda 在磁盘上执行测试性读取操作cat /proc/cpuinfo 显示CPU info的信息cat /proc/interrupts 显示中断cat /proc/meminfo 校验内存使用cat /..

2020-08-20 15:31:46 726

原创 yarn 实用笔记（二）

yarn add你可以用以下方法指定版本号：yarn add package-name 会安装 latest 最新版本。yarn add package-name@1.2.3 会从 registry 里安装这个包的指定版本。yarn add package-name@tag 会安装某个 “tag” 标识的版本（比如 beta、next 或者 latest）。你也可以指定不同路径的包：yarn add package-name 从 npm registry 里安装包，除非你在 package...

2020-08-20 15:00:33 298

原创 yarn 实用笔记（一）

安装.msi 文件：https://classic.yarnpkg.com/latest.msiChocolatey 安装choco install yarnScoop 安装scoop install nodejs运行命令来测试 Yarn 是否安装：yarn --version初始化新项目yarn init添加依赖包yarn add [package]yarn add [package]@[version]yarn add [package]@[tag]将依赖项添加.

2020-08-20 14:13:49 192

原创 Flex 布局实用笔记

Flex 布局教程：语法篇作者：阮一峰日期： 2015年7月10日网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选

2020-08-18 17:13:31 190

原创 webpack 实用笔记

概念查看原文|编辑此页本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。可以从这里了解更多关于 JavaScript 模块和 webpack 模块的信息。从 webpack v4.0.0 开始，可以不用引入一个配置文件。然而，webpack 仍然还是高度

2020-08-18 17:04:38 163

u011783277的博客