2017年07月_hsany330

转载优秀资源合集

前言网上react后台管理开源免费的完整版项目比较少，所以利用空余时间集成了一个版本出来，已放到GitHub启动和打包的时间都稍长，请耐心等待两分钟原博客地址掘金地址GitHub地址预览地址(还没做响应式，不建议手机预览

2017-07-28 11:46:16 602

转载问为什么react的组件要super(props)

调用super的原因：在ES6中，在子类的constructor中必须先调用super才能引用thissuper(props)的目的：在constructor中可以使用this.props假设在es5要实现继承,首先定义一个父类://父类function sup(name) { this.name = name}//定义父类原型上的方法sup.proto

2017-07-26 11:16:05 1710

转载 animate.css – 齐全的CSS3动画库

简介animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多种动画效果，几乎包含了所有常见的动画效果。虽然借助 animate.css 能够很方便、快速的制作 CSS3 动画效果，但还是建议

2017-07-26 10:14:10 359

转载 fetch使用的常见问题及解决办法

首先声明一下，本文不是要讲解fetch的具体用法，不清楚的可以参考MDN fetch教程。引言说道fetch就不得不提XMLHttpRequest了，XHR在发送web请求时需要开发者配置相关请求信息和成功后的回调，尽管开发者只关心请求成功后的业务处理，但是也要配置其他繁琐内容，导致配置和调用比较混乱，也不符合关注分离的原则；fetch的出现正是为了解决XHR存在的这些问题。例如下

2017-07-25 18:08:33 1502

转载 React构建单页应用方法与实例

React作为目前最流行的前端框架之一，其受欢迎程度不容小觑，从这门框架上我们可以学到许多其他前端框架所缺失的东西，也是其创新性所在的地方，比如虚拟DOM、JSX等。那么接下来我们就来学习一下这门框架是如何构建起一个单页应用的。前言首先在学习这门框架前，你需要对以下知识有所了解：原生JS基础CSS基础npm包管理基础webpack

2017-07-25 16:22:46 363

转载 React.createClass和extends Component的区别

createClass本质上是一个工厂函数，extends的方式更加接近最新的ES6规范的class写法。两种方式在语法上的差别主要体现在方法的定义和静态属性的声明上。createClass方式的方法定义使用逗号,隔开，因为creatClass本质上是一个函数，传递给它的是一个Object；而class的方式定义方法时务必谨记不要使用逗号隔开，这是ES6 class的语法规范。Reac

2017-07-24 18:39:27 478

转载在 JS 中使用 fetch 更加高效地进行网络请求

在前端快速发展地过程中，为了契合更好的设计模式，产生了 fetch 框架，此文将简要介绍下 fetch 的基本使用。在 AJAX 时代，进行 API 等网络请求都是通过 XMLHttpRequest 或者封装后的框架进行网络请求。现在产生的 fetch 框架简直就是为了提供更加强大、高效的网络请求而生，虽然在目前会有一点浏览器兼容的问题，但是当我们进行 Hybrid App 开发的

2017-07-24 16:45:12 432

转载传统 Ajax 已死，Fetch 永生

原谅我做一次标题党，Ajax 不会死，传统 Ajax 指的是 XMLHttpRequest（XHR），未来现在已被 Fetch 替代。最近把阿里一个千万级 PV 的数据产品全部由 jQuery 的 $.ajax 迁移到 Fetch，上线一个多月以来运行非常稳定。结果证明，对于 IE8+ 以上浏览器，在生产环境使用 Fetch 是可行的。由于 Fetch API 是基于 Prom

2017-07-24 16:42:26 297

转载 Webpack 入门教程

Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。本章节基于 Webpack3.0 测试通过。从图中我们可以看出，Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。接下来我们简单为大家介绍 Webpack 的安装与使用。安装

2017-07-20 16:48:16 382

转载 react-router使用总结

react-router API基本用法安装命令：$ npm install -S react-router使用展示：import { Router } from 'react-router';render(Router/>, document.getElementById('app'));Router组件本身只是一个容器，真正的路由要通过Route

2017-07-20 16:16:43 425

转载关于正则表达式的“\b”

今天刚刚开始看正则表达式就遇到一个十分头疼的问题，原文是这样的：“不幸的是，很多单词里包含hi这两个连续的字符，比如him,history,high等等。用hi来查找的话，这里边的hi也会被找出来。如果要精确地查找hi这个单词的话，我们应该使用\bhi\b。\b是正则表达式规定的一个特殊代码（好吧，某些人叫它元字符，metacharacter），代表着单词的开头或结尾，也就是单词的

2017-07-19 14:36:26 336

转载正则表达式的两种创建方式

1.隐式创建var regExp=/正则表达式/gi;2.显示创建var regExp=new RegExp("正则表达式","gi");注意：g代表是否使用全局变量i代表是否忽略大小写，有i代表忽略大小写；在现实创建的时候由于是字符串形式的正则表达式，需要对特殊字符进行转义，例如\ -->\\========

2017-07-19 11:50:34 2166

转载 js判断浏览器，包括Edge浏览器

/** 描述：判断浏览器信息* 编写：LittleQiang_w* 日期：2016.1.5* 版本：V1.1*///判断当前浏览类型function BrowserType(){var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串var isOpera = userAgent.indexOf(

2017-07-18 18:08:20 6600 1

hsany330的专栏