上一篇随笔讲述了新手入门入门前端 里面提到的第四阶段跟上当前前端的发展需要入门一个框架和自动化工具,当时推荐的是webpack+react 今天正好有空,也把自己入门webpack + react 的艰辛过程写下来, 现在想起来真是一脸泪。过程不表了, 现在将我看到的一些教程总结一下,挑选出对新手比 ...
分类:
Web程序 时间:
2016-07-17 10:00:29
阅读次数:
2863
React已成为前端当下最热门的前端框架之一 , 其虚拟DOM和组件化开发让前端开发更富灵活性,而Webpack凭借它异步加载和可分离打包等优秀的特性,更为React的开发提供了便利。其优秀的特性不再赘述。本文将详细的记录react babel webpack的环境搭建,以及搭建的过程中遇到的一些坑 ...
分类:
Web程序 时间:
2016-07-16 06:45:04
阅读次数:
667
最近学react用到了Genymotion模拟器,但是因为墙的原因,遇到了很多阻碍,例如以下几种: 这里分享一个手动下载模拟器的方法。 1. 找到以下路径:C:\Users\Administrator\AppData\Local\Genymobile,打开当前路径下 genymotion.log 文 ...
分类:
其他好文 时间:
2016-07-16 00:59:35
阅读次数:
278
React +ES6 +Webpack入门React已成为前端当下最热门的前端框架之一 , 其虚拟DOM和组件化开发让前端开发更富灵活性,而Webpack凭借它异步加载和可分离打包等优秀的特性,更为React的开发提供了便利。其优秀的特性不再赘述。本文将详细的记录react babel webpack的环境搭建,以及搭建的过程中遇到的一些坑。
一、新建React项目
1、如图为新建react项目结...
分类:
Web程序 时间:
2016-07-15 21:43:47
阅读次数:
611
React Native使你能够在Javascript和React的基础上获得完全一致的开发体验,构建世界一流的原生APP。
React Native着力于提高多平台开发的开发效率 —— 仅需学习一次,编写任何平台。(Learn once, write anywhere)
Facebook已经在多项产品中使用了React Native,并且将持续地投入建设React Native。...
分类:
移动开发 时间:
2016-07-15 21:40:41
阅读次数:
417
因为最近在工作中尝试了 webpack、react、redux、es6 技术栈,所以总结出了一套 boilerplate,以便下次做项目时可以快速开始,并进行持续优化。
项目结构规划
每个模块相关的 css、img、js 文件都放在一起,比较直观,删除模块时也会方便许多。测试文件也同样放在一起,哪些模块有没有写测试,哪些测试应该一起随模块删除,一目了然。
build
|-- webp...
分类:
Web程序 时间:
2016-07-15 21:14:09
阅读次数:
701
表格是在后台管理系统中用的最频繁的组件之一,相关的功能有数据的新增和编辑、查询、排序、分页、自定义显示以及一些操作按钮。我们逐一深入进行探讨以及介绍我的设计思路: 新增和编辑 想想我们最开始写新增编辑页面是怎么做的,是不是一个页面一个页面的写,然后要么表单提交要么Ajax提交。后台有无数个新增和编辑 ...
分类:
其他好文 时间:
2016-07-15 20:05:25
阅读次数:
174
BodeAbp的前端可以根据自己的喜好选型,推荐React.js、angular2.js、vue.js,后续我会以react.js为例说明BodeAbp前端的一些设计思路。 BodeAbp提供的前端demo涉及到一些最新的前端技术,需要一定的学习成本。主要涉及到的技术:react.js、es6、we ...
分类:
其他好文 时间:
2016-07-15 19:48:18
阅读次数:
238
最近开始学习React,发现最好的方法不是看这个书那个书,而是直接上官网,一步步的跟着学习,真的获益匪浅。许多翻译的书上漏掉的知识点都可以学到。 入门的一些准备工作可以参照官网的步骤,引入依赖的核心包,就不多说了,直接上官网的第二个具体例子,一个过滤产品列表的Table:https://facebo ...
分类:
Web程序 时间:
2016-07-15 17:12:08
阅读次数:
451
恢复内容开始 要想用react,需要安装: 1)babel-sublime; 作用:编译es6,支持ES6, React.js, jsx代码高亮,并对所编译的代码进行高亮显示。 安装步骤:在github(https://github.com/ruanyf/react-babel-webpack-bo ...
分类:
其他好文 时间:
2016-07-15 06:28:51
阅读次数:
135