2019年04月_qing_小诺

09月 08月 07月 06月 05月 04月 03月 02月 01月

原创【ES6】ES6学习十：Promise、for...of循环

一、Promise介绍和优缺点Promise是异步编程的一种解决方案。Promise对象有以下两个特点：1、对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。2、一旦状态改变，就不会再变，任何时候都可以得到这个结果。Promise对象的状态改变，只有两种可能：从pending变...

2019-04-28 15:48:24 2520

原创【ES6】ES6学习九：对象的扩展、对象的新增方法

一、属性的简洁表示法：const foo = 'bar';const baz = {foo};baz // {foo: "bar"}// 等同于const baz = {foo: foo};上面代码表明，ES6 允许在对象之中，直接写变量。这时，属性名为变量名, 属性值为变量的值。除了属性简写，方法也可以简写。const o = { method() {retur...

2019-04-28 13:45:04 192

原创【ES6】ES6学习八：数组的扩展

一、扩展运算符:是三个点（...）扩展运算符：将一个数组转为用逗号分隔的参数序列。function f(v, w, x, y, z) { }const args = [0, 1];f(-1, ...args, 2, ...[3]);二、替代函数的apply方法由于扩展运算符可以展开数组，所以不再需要 apply 方法，将数组转为函数的参数了。例子1：Math.ma...

2019-04-26 17:38:03 189

原创【ES6】ES6学习七：函数的扩展：可变参数、箭头函数

一、默认参数{ // ES5\ES3 默认参数的写法 function f(x, y, z) { if (y === undefined) { y = 7; } if (z === undefined) { z = 42 } return x + y + z } console.log(f(1, 3));//46...

2019-04-26 15:14:15 659

原创【ES6】ES6学习六：数值的扩展

一、二进制和八进制表示法ES6 提供了二进制和八进制数值的新的写法，分别用前缀0b（或0B）和0o（或0O）表示。0b111110111 === 503 // true0o767 === 503 // true如果要将0b和0o前缀的字符串数值转为十进制，要使用Number方法。Number('0b111') // 7Number('0o10') // 8二、...

2019-04-26 13:32:52 155

原创【ES6】ES6学习五：正则的扩展

一、RegExp构造函数在 ES5 中，RegExp构造函数的参数有下面两种情况：情况1：第一个参数是字符串，这时第二个参数表示正则表达式的修饰符。var regex = new RegExp('xyz', 'i');// 等价于var regex = /xyz/i;情况2：参数是一个正则表示式，这时会返回一个原有正则表达式的拷贝。ES5 不允许此时使用第二个参数添加修饰符，...

2019-04-26 10:59:49 314

原创【ES6】ES6学习四：字符串的扩展、模板字符串、字符串的新增方法

一、字符的 Unicode 表示法ES6 加强了对 Unicode 的支持，允许采用\uxxxx形式表示一个字符，其中xxxx表示字符的 Unicode 码点。但是，这种表示法只限于码点在\u0000~\uFFFF之间的字符。超出这个范围的字符，必须用两个双字节的形式表示。"\u0061"// "a""\uD842\uDFB7"// "

2019-04-26 10:39:21 225

原创【ES6】ES6学习三：变量的解构赋值

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。下面介绍的是数组、对象、字符串、数值和布尔值、函数参数的解构赋值。一、数组的解构赋值1、模式匹配：只要等号两边的模式相同，左边的变量就会被赋予对应的值。//以前let a = 1;let b = 2;let c = 3;//ES6let [a, b, c] = [...

2019-04-25 16:22:59 159

原创【ES6】ES6学习二：let、const、顶层对象window

可参考阮大神的文章：http://es6.ruanyifeng.com/一、let变量1、ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。举例：{ let a = 10; var b = 1;}//console.log(a) // 报错ReferenceError: a is not define......

2019-04-25 15:35:40 603

ES6是 JavaScript 语言的下一代标准，它的第一个版本在 2015 年 6 月发布，正式名称就是《ECMAScript 2015 标准》（简称 ES2015）。ES6 既是一个历史名词，也是一个泛指，含义是 5.1 版以后的 JavaScript 的下一代标准，涵盖了 ES2015、ES2016、ES2017 等等，而 ES2015 则是正式名称，特指该年发布的正式版本的语言标准。可...

2019-04-25 13:40:33 206

原创【React】实现锚点功能、点击按钮到顶部

先看需要实现的效果图：实现方法：给标签添加id属性（往哪跳，就给哪个标签加），然后用下面的scrollToAnchor方法，废话不多说，直接上代码：import React, { Component } from 'react';class ComA extends Component { constructor(props) { super(props);...

2019-04-24 17:04:33 2967

原创【React系列教程九】React的UI框架Antd的使用及更新

一、React中使用Antdantd官网：https://ant.design/docs/react/introduce-cnstep1：安装antd ：【cnpm install antd --save】/ 【 yarn add antd】step2：在react项目的css中引入antd的css： @import '~antd/dist/antd.css';...

2019-04-19 16:22:48 4341

原创【React系列教程八】React路由react-router的配置、路由传值、js跳转路由、路由模块化

一、react路由的配置：1、找到官方文档 https://reacttraining.com/react-router/web/example/basic2、安装【cnpm install react-router-dom --save】3、找到项目的根组件引入react-router-dom import { BrowserRouter as Router, Ro...

2019-04-18 14:18:19 820

原创【React系列教程七】React生命周期

生命周期函数学习，必须记住的生命周期函数：*加载的时候：componentWillMount、 render 、componentDidMount（此时可放dom操作）更新的时候：componentWillUpdate、render、componentDidUpdate*销毁的时候： componentWillUnmount以下面的组件为例：import React fro...

2019-04-17 16:53:44 220

原创【React系列教程六】获取服务器api接口数据、用dangerouslySetInnerHTML解析html标签

react中没有提供专门的请求数据的模块，但是我们可以使用任何第三方请求数据模块实现请求数据。一、获取服务器api接口数据方法1：axios（https://github.com/axios/axios）axios的作者觉得jsonp不太友好，推荐用CORS方式更为干净（后端运行跨域）1、安装axios模块【cnpm install axios --save】 / 【npm...

2019-04-17 16:17:56 931

原创【React系列教程五】父子组件传值、defaultProps和propTypes

一、父组件给子组件传值（即子组件调用父组件数据和方法）1、在调用子组件的时候，定义一个属性 <Header msg='首页'></Header>2、子组件中通过 this.props.msg获取。说明：父组件不仅可以给子组件传值，还可以给子组件传方法，以及把整个父组件传给子组件。用这种方法还可以实现子组件给父组件传值，看下面第二条。二、子组件给.........

2019-04-17 14:11:48 3858

原创【兼容问题】解决input标签在IOS浏览器中光标高度过长的问题

问题的发现：在项目中做移动端页面，发现IOS浏览器中的光标大小很大，和安卓的完全不一样，思考怎么调整大小，搜索之后发现，里面挺好玩的，觉得是可以总结一下的。总结：IE：不管该行有没有文字，光标高度与font-size一致。FF：该行有文字时，光标高度与font-size一致；该行无文字时，光标高度与input的height一致。Chrome：1、设置line-height时：...

2019-04-16 17:41:05 1012

原创【React系列教程四】defaultValue和value、React表单详解

这个时候实际上 input 的 value 根本不是用户输入的内容，而是onChange 事件触发之后，由于 this.setState 导致了一次重新渲染。这里 value属性不再是一个写死的值，它是 this.state.username, this.state.username 是由 this.handleUsername 负责管理的。这个 defaultValue 其实就是原生DOM中的 value 属性。这样写出的来的组件，其value值就是用户输入的内容，React完全不管理输入的过程。...

2019-04-16 16:48:36 2768

原创【React系列教程三】定义方法、表单事件、双向数据绑定、键盘事件

一、定义和调用方法：在Home组件内定义run方法，在render中通过{this.run}来调用。在 React 中另一个不同是：不能使用返回 false 的方式阻止默认行为，你必须明确的使用 preventDefault，例如下面的a标签。值得注意的是，通过 bind 方式向监听函数传参时，在定义的监听函数中事件对象 e 要排在所传递参数的后面。import React f......

2019-04-12 17:48:12 602

原创【React系列教程二】项目目录介绍、创建和使用组件、绑定数据和属性、引入图片、循环数组

一、项目目录结构介绍：教程一中生成的reactdemo02项目，用VSCode打开，结构如下图所示：其中public\index.html是入口文件；public\favicon.ico是网站右上角的小图标；src主要是开发项目放的文件；src\index.js也是react的入口文件；src\App.js是一个根组件。首先看一下src\index.js入口js文件：impo......

2019-04-12 15:55:42 818 2

原创【React系列教程一】React介绍、搭建React环境、运行React项目

一、React介绍：React 起源于 Facebook 的内部项目，可以开发单页面应用，组件化模块化开发。React通过对DOM的模拟，最大限度地减少与DOM的交互。二、搭建React开发环境之前的准备工作：1、必须安装nodejs稳定版本。nodejs官网：https://nodejs.org/en/2、安装cnpm，用cnpm替代npm。淘宝npm镜像：http:/...

2019-04-12 13:43:13 997

原创【兼容问题】解决chrome谷歌浏览器下不支持css字体小于12px的问题

1、问题的发现先来看下 ie、火狐、谷歌浏览器下各个字体显示情况：ie和火狐下：谷歌下：从上面的图可以很明显看出谷歌下 css设置字体大小为12px及以下时，显示都是一样大小，都是默认12px。那么网上一直有一个方法就是给当前样式添加谷歌私有属性：-webkit-text-size-adjust:none;可是我进行验证后发现，在谷歌现在的新版本里已经无效。2、...

2019-04-11 14:21:54 3144

原创【Git】git基础教程

一种是readme.txt已经add添加到暂存区后，又作了修改，现在，撤销修改就回到添加到暂存区后的状态。：合并某分支到当前分支，不使用Fast-forward“快进模式”合并，保留分支的commit历史。注：如果回退完版本之后，发现修改的代码不能push，但是pull下来又是回退前的代码，建议用。场景2：你该乱了工作区某个文件的内容，还add添加到了暂存区时，想丢弃修改，分两步，HEAD指向的版本就是当前版本，因此，Git允许我们在版本的历史之间穿梭，使用命令。告诉Git，把文件提交到仓库。...

2019-04-03 14:24:22 381 1

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

qing_小诺的博客

原创【ES6】ES6学习十：Promise、for...of循环

原创【ES6】ES6学习九：对象的扩展、对象的新增方法

原创【ES6】ES6学习八：数组的扩展

原创【ES6】ES6学习七：函数的扩展：可变参数、箭头函数

原创【ES6】ES6学习六：数值的扩展

原创【ES6】ES6学习五：正则的扩展

原创【ES6】ES6学习四：字符串的扩展、模板字符串、字符串的新增方法

原创【ES6】ES6学习三：变量的解构赋值

原创【ES6】ES6学习二：let、const、顶层对象window

原创【ES6】ES6学习一：环境搭建

原创【React】实现锚点功能、点击按钮到顶部

原创【React系列教程九】React的UI框架Antd的使用及更新

原创【React系列教程八】React路由react-router的配置、路由传值、js跳转路由、路由模块化

原创【React系列教程七】React生命周期

原创【React系列教程六】获取服务器api接口数据、用dangerouslySetInnerHTML解析html标签

原创【React系列教程五】父子组件传值、defaultProps和propTypes

原创【兼容问题】解决input标签在IOS浏览器中光标高度过长的问题

原创【React系列教程四】defaultValue和value、React表单详解

原创【React系列教程三】定义方法、表单事件、双向数据绑定、键盘事件

原创【React系列教程二】项目目录介绍、创建和使用组件、绑定数据和属性、引入图片、循环数组

原创【React系列教程一】React介绍、搭建React环境、运行React项目

原创【兼容问题】解决chrome谷歌浏览器下不支持css字体小于12px的问题

原创【Git】git基础教程

原创【兼容问题】解决ios设备上div加onclick事件点击无效的问题

原创【小程序】代码书写规范

react-devtools开发工具

小程序生命周期函数测试

bcprov-ext-jdk15on-155.jar

MD5算法-两种方法

ios与android与java通用的AES加解密

security下需要替换的jar包

Java AES加密解密

Android AES加密解密

android 设置控件按宽:高=4:3显示

空空如也