JavaScript
带着梦想飞翔
不忘初心
展开
-
JavaScript中string与number
JavaScript中string与numberstring字符串将一个值使用'单引号或者"双引号,引用起来就是字符串。ES6提供了反引号定义一个字符串,可以支持多行,还支持插值。let a = 'abc';let b = '135';let c = `line line2 line3 `; //支持多行 console.log(a); console.log(b...原创 2019-07-01 14:51:25 · 2011 阅读 · 0 评论 -
js中的Promise与流程控制和异步
js中的Promise与流程控制和异步文章目录js中的Promise与流程控制和异步异步实例ES6开始支持。Promise对象用于一个异步操作的最终完成(包括成功和失败)及结果值的表示。简单说,就是处理异步请求的。之所以叫做Promise,就是承诺,如果成功则怎么处理,失败则怎么处理。语法://语法new Promise( /* 下面定义的函数是execu...原创 2019-07-06 11:30:03 · 431 阅读 · 0 评论 -
JavaScript中的解构及数组对象操作
JavaScript中的解构及数组对象操作文章目录JavaScript中的解构及数组对象操作解构列表解构参数解构数组解构对象解构数组操作对象的操作JS的结构很灵活,参考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Spread_syntax搜集多个参数使用【...变量名】表示结构...原创 2019-07-05 17:52:29 · 8986 阅读 · 1 评论 -
javascript对象模型
javascript对象模型文章目录javascript对象模型定义类1.字面式声明方式(也称为字面值创建对象。)2.ES6之前----构造器构造类3.ES6中的class关键字this的不同作用域高阶对象、高阶类、或称Mixin模式继承实现高阶对象实现JavaScript是一种基于原型(Prototype)的面向对象语言,而不是基于类的面向对象语言。C++、Java有类Class和实例In...原创 2019-07-05 12:27:27 · 847 阅读 · 0 评论 -
前端技术发展史
前端技术发展史HTMLHTML(HyperText Markup Language)超文本标记语言,它不同于编程语言。超文本就是超出纯文本的范畴,例如描述文本的颜色、大小、字体等信息,或使用图片、音频、视频等非文本内 容。HTML由一个个标签组成,这些标签各司其职。有的提供网页信息,有的负责图片,有的负责网页布局。<!DOCTYPE html><html lang="...原创 2019-06-29 09:53:10 · 1163 阅读 · 0 评论 -
React之高阶组件
React之高阶组件注意:本章节运行环境在React项目构建章节之上。文章目录React之高阶组件高阶组件装饰器带参装饰器高阶组件let Root = props => <div>{props.schoolName}</div>;如果要在Root组件进行增强,例如将Root外部再加入其它div。import React from 'react';imp...原创 2019-07-13 20:19:24 · 989 阅读 · 0 评论 -
React技术
React技术注意:本章节运行环境在上一章节React项目构建之上。文章目录React技术简介Virtual DOM支持JSX语法测试程序程序解释JSX规范组件状态state属性props构造器constructor组件的声明周期函数试组件简介React是Facebook开发并开源的前端框架。当时他们的团队在市面上没有找到合适的MVC框架,就自己写了一个Js框架,用来架设Instagr...原创 2019-07-13 20:15:25 · 719 阅读 · 0 评论 -
React项目构建
React项目构建文章目录React项目构建项目依赖安装项目整体说明配置文件详解**package.json文件**.babel配置文件webpack配置vscode配置启动项目项目依赖安装将项目开发基础文件react-mobx-starter-master.zip解压缩,并用这个目录作为项目根目录。在项目根目录中,执行下面的命令,就会制动按照package.json的配置安装依赖模块。...原创 2019-07-13 16:39:45 · 594 阅读 · 2 评论 -
js中的RegExp正则表达式
js中的RegExp正则表达式创建一个正则表达式语法/pattern/flags–>/表达式/模式new RegExp(pattern [, flags])–>new RegExp(表达式,模式)// 第一种方法const reggex = /ab+c/; //使用两斜杠创建正则表达式const reggex2 = /ab+c/gi; //使用两斜杠加模式创建正...原创 2019-07-03 09:04:04 · 1130 阅读 · 0 评论 -
javascript中的Math与Date
javascript中的Math与DateMath是一个内置对象,它具有数学常数和函数的属性和方法。不是一个函数对象。与其它全局对象不同的是, Math 不是一个构造器. Math 的所有属性和方法都是静态的. 你用到的常数pi可以用 Math.PI 表示,用 x 作参数 Math.sin(x)调用sin函数. JavaScript中的常数, 是以全精度的实数定义的.属性属性...原创 2019-07-02 17:34:39 · 266 阅读 · 0 评论 -
JavaScript生成器函数(generator function)
JavaScript生成器函数(generator function)注意:数组推导式和生成器推导式建议都不要使用。都是非标准语法。可以使用生成器函数(generator function)语法:function* 函数名(参数){函数体}生成器函数在执行时能暂停,后面又能从暂停出继续执行。使用yield关键字可以暂停函数调用一个生成器函数,会得到生成器的迭代器对象。...原创 2019-07-02 17:31:32 · 8384 阅读 · 1 评论 -
javascript函数作用域和异常处理
函数作用域和异常处理函数语法:function 函数名(参数列表){ 函数体; return 返回值;}示例:function add(x,y){ return x+y;}console.log(add(3,4)); // 7函数表达式使用表达式来定义函数,表达式中的函数名可以省略,如果这个函数名不省略,也只能用在此函数内部。//...原创 2019-07-02 11:00:34 · 401 阅读 · 0 评论 -
javascript控制语句
javascript控制语句文章目录javascript控制语句语句块流程控制条件分支if条件分支switch...case分支语句循环语句for循环break、continuefor迭代的差别练习语句块JS使用大括号构成语句块。ES6 之前语句块是没有作用域的,从ES6开始支持块作用域 ,let只能在块作用域内可见function hello(){ let a = 1; ...原创 2019-07-01 19:25:34 · 550 阅读 · 0 评论 -
JavaScript开发环境准备
JavaScript开发环境准备NodejsNodejs是服务器端运行JavaScript的开源、跨平台运行环境。Nodejs原始作者瑞安·达尔(Ryan Dahl),于2009年发布,使用了V8引擎,并采用事件驱动、非阻塞、异步IO模型。2010年,npm软件包管理器诞生,通过它,可以方便的发布、分享Nodejs的库和源代码。Nodejs 4.0引入了ES6语言特性。我们学习JS,就...原创 2019-07-01 14:59:07 · 8052 阅读 · 0 评论 -
JavaScript中数据类型与运算符
JavaScript中数据类型与运算符注释和C、Java一样单行注释//多行注释/* 注释 */,也可以用在语句中。str = 'hello' + /* comment */ 'xdd'console.log(str)常量和变量标识符:标识符必须是字母、下划线、美元符号$和数字,但必须是字母、下划线、美元符号开头,依然是不能数字开头。标识符区分大小写变量的声...原创 2019-07-01 14:54:20 · 870 阅读 · 0 评论 -
javascript中的模块化
javascript中的模块化文章目录javascript中的模块化ES6模块化导出转译工具babel预设离线转译安装配置1.初始化npm2.设置镜像3.安装4.修改package.json5.准备目录6.配置babel和安装依赖7.准备js文件8.转义js文件9.可能出现的错误导入导出缺省导入导出ES6之前,js没有出现模块化系统。JS主要在前端的浏览器中使用,js文件下载缓存到客户端,...原创 2019-07-06 22:05:53 · 360 阅读 · 0 评论