绯雨闲丸 Blog

极客: 是每一个程序员的目标

babelrc使用小记

为什么要使用babelrc 由于es6还没有被各大浏览器非常好的兼容支持,前端项目开发不得不使用babel将es6代码转换成es5后才能正常执行,为此,必须在项目根目录下配置.babelrc文件(针对babel 6) 如何配置babelrc 该文件用来设置转码规则和插件,基本格式如下: { "presets": [], "plugins": ...

创建你自己的前端项目脚手架工具


babel配置-各阶段的stage的区别

前言 由于各大浏览器并对es6的并没有完成支持,我们开发前端项目时需要使用Babel来将ES6代码编译为ES5。 配置.babelrc文件时一般配置为如下: { "presets": [ "es2015", "react", "stage-0" ], "plugins": [] } 这个配置文件的意思。首...

创建你自己的pc前端react spa项目模板

前端项目模板是什么 前端项目模板是针对特定范围的前端项目开发所使用的项目模板,它预先内置了项目开发所需的结构与配置,包含但不限于: 项目的目录结构,模板示例,git配置,npm仓库配置,代码风格配置,代码检查配置,开发环境配置,代码编译配置,代码打包配置,代码发布配置。 为什么要使用前端项目模板 使用项目模板,可以避免每次创建新项目都需要重新设定项目的结构与配置,并可以保证同类...

react-native-navigation使用小记

github react-native-navigation 感受 react-native-navigation是目前唯一一款使用原生代码来实现navigator的插件, 使用后navigator的push/pop的动画将脱离js线程而改由原生的UI线程处理, 切屏效果会和原生态一样流畅, 再也不会出现由于js线程渲染导致的navigator切屏动画的卡顿效果了, 并且该插件还...

react-native整合进已存在的Android原生app

示例 ReactNativeIntegrationWithExistingApps 步骤 首先安装好react-native开发环境 保证你的android工程在项目目录的android目录下$root/android 新建一个原生app, 选Android Application 在项目根目录下, 执行...

react-native整合进已存在的iOS原生app

示例 ReactNativeIntegrationWithExistingApps 步骤 首先安装好react-native开发环境 保证你的ios工程在项目目录的ios目录下$root/ios 安装ios包管理器CocoaPods, 我们会使用它将react-native的framework代码安装进当前工程中 ...

Mac上安装安装cocoapods的注意事项

安装步骤 检查一下gem版本, 必要时升级gem,如果它的版本过低也可能导致安装失败,升级命令如下: sudo gem update --system Mac OS X 10.11以前,安装cocoapods的命令如下: sudo gem install cocoapods OS X 10.11以后,会在安装时碰到没有...

ios开发移除cocoapods配置

前言 CocoaPods可以通过命令,将第三方类库配置到我们的项目中, 而不需要采用手动拖拽的方式进行配置. 但是很遗憾的是, CocoaPads并没有移除这些配置的命令, 所以,只能靠手动的方式从项目中移除了. 在项目中删除某个CocoaPads配置的第三方类库 在项目根目录下找到Podfile文件并打开 找到需要删除的配置文本, 将之删除,...

nodejs中package.json中的字段说明

package.json中的字段说明 package.json文件可以通过npm init创建 一个package.json文件通常有以下字段: name —— 包的名称,必须是唯一的,由小写英文字母、数字和下划线组成,不能包含空格 description —— 包的简要说明 version —— 包的版本 author —— 包的作者 contribut...