JavaScript
莫问收获,但问耕耘
滚滚长江东逝水,浪花淘尽英雄。
展开
-
React基础——组件状态state、属性props
import React from 'react'; // 此句不能少import ReactDom from 'react-dom';class Taggle extends React.Component{ state = { flag: true } handleClick(e){ e.preventDefault() ...原创 2019-07-13 15:26:02 · 355 阅读 · 0 评论 -
从无到有的学习JavaScript——第一篇(基础篇)
1. JavaScript的变量1.1 变量定义一个 JavaScript标识符必须以字母、下划线(_)或者美元符号($)开头;后续的字符也可以是数字(0-9),因为 JavaScript 语言是区分大小写的,所以字母可以是从“A”到“Z”的大写字母和从“a”到“z”的小写字母。a = 100var b = 200 // 变量定义时初始化let c = 'abc'con...原创 2019-06-28 22:19:57 · 244 阅读 · 0 评论 -
从无到有的学习JavaScript——第二篇(运算符)
1. 数值型在JS中,数据均为双精度浮点型,范围只能在-()到之间,整型也不例外。数字类型还有三种符号值:+infinity(正无穷)、-infinuty(负无穷)和NaN(not-a-number非数字)。常量属性:var biggestNum = Number.MAX_VALUE;var smallestNum = Number.MIN_VALUE;var infiniteN...原创 2019-06-29 11:18:01 · 174 阅读 · 0 评论 -
从无到有的学习JavaScript———第三篇(流程控制语句)
1. 语句块最基本的语句是用于组合语句的语句块,JS中使用大括号构成语句块 。ES6之前语句块是没有作用域的,从ES6开始支持块作用域,let只能在块作用域中可见。{ statement_1; statement_2; statement_3; . . . statement_n;}function hello(){ le...原创 2019-06-29 19:49:01 · 200 阅读 · 0 评论 -
从无到有的学习JavaScript——第四篇(函数)
补充知识:Symbols类型ES6提供了Symbol类型,内建原生类型// symbollet s = Symbol() console.log(s)let s1 = Symbol()console.log(s1)console.log(s == s1) // false,Synbol每次定义取的值都是不同的let a = 1let obj = { a,...原创 2019-07-01 15:15:59 · 256 阅读 · 1 评论 -
从无到有的学习javascript——第七篇(Promise)
1.PromiseES6开始支持,Promise对象用于一个异步操作的最终完成(包括成功和失败)及结果值的表示。简单说就是处理异步请求的。之所以叫Promise,就是我承诺,如果成功则怎么处理,失败怎么处理。// 语法new Promise( /*下面定义的函数是executor*/ function(resolve, reject) {...})1.1 e...原创 2019-07-10 14:10:39 · 198 阅读 · 0 评论 -
从无到有的学习JavaScript——第六篇(解构、数组操作、对象操作)
1. 解构1.1. 数组的解构const arr = [100, 200, 300]let [x, y, z] = arrconsole.log(1, x, y, z)// 1 100 200 300const [, b, ] = arr // 丢弃console.log(2, b)// b = 10 // 异常,b声明为const,不能改变const [d, e...原创 2019-07-10 11:19:37 · 233 阅读 · 0 评论 -
React之函数式组件和高阶组件(装饰器、带参装饰器)
import React from 'react'; // 此句不能少import ReactDom from 'react-dom';const Wrapper = props => <div>App component{props.count}</div>// stateless component无状态组件,现在喜欢被称为函数式组件,现在这种定义的...原创 2019-07-13 21:17:53 · 6005 阅读 · 0 评论 -
React——组件的生命周期
1. 组件的生命周期组件的生命周期可分成三个状态:Mounting:已插入真是DOM Updating: 真该被重新渲染 Unmounting:已移出真实DOM组件的生命周期状态:说明在不同时机访问组件,组件正处在生命周期的不同状态上。在不同的生命周期状态访问,就产生不同的方法。生命周期的方法如下:装载组件触发:componentWillMount在渲染前调用,在客户端也在服...原创 2019-07-13 19:23:46 · 248 阅读 · 0 评论 -
从无到有的学习JavaScript之对象模型——第五篇
Javascript是一种基于原型的面向对象语言,而不是基于类的面向对象语言。JS是基于原型的语言,它只有原型对象的概念。原型对象就是一个模板,新的对象从这个模板构建,从而获得最初的属性,任何对象在运行时可以动态的增加属性。而且任何一个对象都可以作为另一个对象的原型,这样后者就可以共享前者的属性。1.定义类1.1 字面声明方式let obj = { a:1, b: '...原创 2019-07-09 21:05:38 · 252 阅读 · 0 评论 -
前端开发及登录功能实现(项目源码:https://github.com/sqsltr520/python)
1. 前端开发环境设置使用react-mobx-starter-master脚手架,解压更名为frontend。在src中新增component、service、css目录。修改项目信息:{"name": "blog","description": "blog project","author": "sun"}webpack.confifig.dev.jsdevSe...原创 2019-07-26 21:22:42 · 1855 阅读 · 0 评论