分类:

webpack入门详细教程(二)

webpack入门详细教程(二)
BabelBabel其实是一个编译JavaScript的平台,它的强大之处表现在可以通过编译帮你达到以下目的:下一代的JavaScript标准(ES6,ES7),这些标准目前并未被当前的浏览器完全的支持;使用基...

2年前 (2017-08-12) 272℃ 暂无评论 46

webpack入门详细教程(一)

webpack入门详细教程(一)
写在前面的话阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项...

2年前 (2017-08-09) 597℃ 暂无评论 38

React获取父组件或子组件属性

React获取父组件或子组件属性
获取子组件的方法可以通过递归this.props.children中得到获取父组件的方法方法一:可以通过react内部私有函数this.reactInternalInstance.currentElement.owner.instance获取...

2年前 (2017-07-26) 1490℃ 暂无评论 31

react为什么需要手动绑定方法?

react为什么需要手动绑定方法?
我们从javascript开始吧在js中,函数的上下文是指函数调用的时候,而不是定义的时候。有以下四中调用函数的模式:函数调用模式方法调用模式构造函数调用模式应用调用模式所有这些...

2年前 (2017-08-05) 643℃ 暂无评论 43

react之CSS动画效果

react之CSS动画效果
TransitionGroup和CSSTransitionGroup已移动到react-transition-group有社区维护。它的1.x分支与现有插件的API是完全兼容的。TransitionGroup是一个具有低级API的动画组件,...

2年前 (2017-07-31) 684℃ 暂无评论 31

总结vue-cli中的webpack配置

总结vue-cli中的webpack配置
webpack简介随着移动互联的浪潮到来,Webapp模式、SPA受到越来越多的关注。如何在开发环境中组织好碎片化、多格式的代码和资源,并保证他们在浏览器端快速、优雅地加载和更新需...

2年前 (2017-07-22) 453℃ 暂无评论 32

怎样自己动手写一个react组件库

怎样自己动手写一个react组件库
引言该系列文章将通过创建一个组件库来引导你学习如何构建自己的组件库。这是该系列的第一部分。该部分将主要关注配置我们的模块和文件结构,但我们最后将会创建一个示例组件...

2年前 (2017-07-14) 1414℃ 暂无评论 33

入门React-router4

入门React-router4
重要API一览路由容器组件BrowserRouter: 浏览器自带的API,restful风格(需要后台做相应的调整);HashRouter: 使用hash方式进行路由;MemoryRouter: 在内存中管理history,地址栏不会...

2年前 (2017-07-06) 1445℃ 暂无评论 34

使用React.js开发chrome插件

使用React.js开发chrome插件
一、背景相信看到这篇文章的人应该都用过Chrome插件吧,最近刚好有个这方面的需求,我就把Chrome插件的相关知识学习了一下,发现其实Chrome插件的开发和大前端Web开发的底子是一...

2年前 (2017-06-24) 426℃ 暂无评论 32

Redux 优化的一些思考

Redux 优化的一些思考
Redux 的书写分离从 Redux 官方示例开始,我们就采用了 actions 和 reducers 分开文件夹来维护的思路。但是在实际业务中,大部分场景下一个 action 触发的 reducer 是在一个子...

2年前 (2017-06-17) 347℃ 暂无评论 34

使用webpack启动Angular2应用

使用webpack启动Angular2应用
因为项目原因又玩上了Angular2(v4.0+),《玩转Angular2》系列用于探索一些灵活或者新的用法。本文记录用webpack配置环境,启动app的过程。基本依赖其实angular2快速启动的脚手...

2年前 (2017-06-12) 200℃ 暂无评论 42

React应用在产品环境下的性能优化

React应用在产品环境下的性能优化
只有10%~20%的最终用户响应时间花在了下载HTML文档上,其余的80%~90%时间花在了下载页面中的 所有组件 上。 - 性能黄金法则,Steve SoudersSteve Souders在2007年提出这样的“...

2年前 (2017-06-05) 824℃ 暂无评论 37

React Native 集成到iOS原生项目

React Native 集成到iOS原生项目
如果你正准备从头开始制作一个新的应用,那么React Native会是个非常好的选择。但如果你只想给现有的原生应用中添加一两个视图或是业务流程,React Native也同样不在话下。只需...

2年前 (2017-06-01) 303℃ 暂无评论 32

WIN10配置React Native开发环境

WIN10配置React Native开发环境
1.安装工具chocolatey右键管理员运行 powershell.exe=>Set-ExecutionPolicy unrestricted // 修改执行策略=>iwr https://chocolatey.org/install.ps1 -UseBasicParsing | i...

2年前 (2017-05-16) 557℃ 暂无评论 40

React视频教程(三)-使用ES6开发React应用

React视频教程(三)-使用ES6开发React应用
本课程属于前端架构师级别的高级课程,由浅入深地详细讲解每块知识点。课程内容将包含五大主题内容:掌握现代化高级前端的基础核心技能github npm、shell、手把手教你使用webpack搭建完整工作流、使用ES6开发自己的前端类库、使用React+ReactRouter+Redux开发你的第一个真实的React应用和基于React+Node.js的前后端同构应用开发....

2年前 (2017-05-02) 706℃ 暂无评论 43

React单文件的编写方式

React单文件的编写方式
single-react-loader通过该插件,你可以使用单文件形式编写react组件(将jsx与style组合在一起)特性将jsx和css组合在一个文件内支持less,sass支持style样式的私有化例子//about.r...

2年前 (2017-04-27) 299℃ 暂无评论 31

React多语言解决方案

React多语言解决方案
由于框架使用的是 React , 多语言方案也选择了生态系统下的 react-intl 模块,它是雅虎 FormatJS 计划的一部分。翻译字符串替换使用 react-intl 替换字符串用以翻译很方便。只...

2年前 (2017-04-21) 821℃ 暂无评论 47

webpack开发过程遇到的问题总结

webpack开发过程遇到的问题总结
问题一:package.json注释带来的问题说明 :项目的package.json中,只要带有注释,必然编译不能通过解决 :禁止在package.json中注释问题二:全局安装带来的问题说明:在最开始做项...

2年前 (2017-04-11) 1360℃ 暂无评论 44

React Native动画详解(二)

React Native动画详解(二)
LayoutAnimation用途在全局范围内创建和更新动画,这些动画会在下一次渲染或布局周期运行特点常用来更新flexbox的布局 对动画本身粒度控制没有Animated等细 无需测量或者计算...

2年前 (2017-04-08) 306℃ 暂无评论 44

React Native动画详解(一)

React Native动画详解(一)
React-Native动画上面介绍的主要是React-Native的触摸部分,对于手机应用而言,除了触摸之外,动画也是相当重要的一部分,并且触摸加动画能够实现很多很赞的效果,接下来我们就来看下Re...

2年前 (2017-04-06) 1253℃ 暂无评论 51

React Native学习(二)组件的生命周期

React Native学习(二)组件的生命周期
概述就像 Android 开发中的 View 一样,React Native(RN) 中的组件也有生命周期(Lifecycle)。所谓生命周期,就是一个对象从开始生成到最后消亡所经历的状态,理解生命周期,是合理开发...

2年前 (2017-03-30) 259℃ 暂无评论 35