自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4492)
  • 收藏
  • 关注

转载 小程序学习用demo:收支账单;增加账单及列表(适用1221)

点评:实现了两个实用的功能:增加账单,同时在列表内增加显示,适合新手研究学习 示例代码:[AppleScript] 纯文本查看 复制代码?001002003004005006007008009010011012013014

2016-12-24 15:58:49 3685

转载 小程序学习用demo推荐:豆瓣使用es6;附开发总结(适用1221)

API 介绍程序中所有api均来自豆瓣api更新日志2016年12月11日发布第一版本:没有引入任何第三方的框架使用了es6的语法,需要在项目中开启es6转es5由于还在公测阶段,后续api变化可能会很大,目前的版本没有问题开发总结微信小程序既不是web也不是native,微信小程序是基于微信自带的浏览器的x5内核解析,其中封装了很多ui

2016-12-24 15:53:39 2034

转载 微信小程序完整精品demo:移动小商城:基于node,包含前后台

微信小程序-移动端小商城项目说明:微信小程序:实现一个移动端小商城,项目持续更新中...使用技术:Weui.wxss 、 ES6大家学习代码中遇到的问题,欢迎回复在这里目录结构:assets — 存放静态文件,例如:images、styles、pluginsetc — 存放配置文件,例如:config.jshelpers — 存放帮助文件,例如:Prom

2016-12-24 15:52:24 19936 3

转载 微信小程序学习用demo推荐:家具电商:(适用1221版本)

点评:本demo功能已经基本完善,逻辑也基本完善,值得新手下载学习! 下载地址:本帖隐藏的内容 MallJiaJu.rar (299.8 KB, 下载次数: 46)http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1434&extra=page%3D1

2016-12-24 15:48:58 1472

转载 wx-charts:基于canvas绘制:饼图,线图,柱状图(适用1122)

微信小程序图表工具,charts for WeChat small app基于canvas绘制,体积小巧持续优化更新中,请保持关注~支持图表类型饼图 pie圆环图 ring线图 line柱状图 column区域图 area代码分析 Here如何使用1、直接引用编译好的文件 dist/charts.js2、自行编译

2016-12-24 15:47:03 16916 3

转载 微信小程序开发之城市选择器 城市切换

移动开发中城市选择器必不可少. 空白造了个. gif: 这里只上部分js代码:var city = require('../../utils/city.js');//欢迎关注:http://www.wxapp-union.com/portal.php//CSDN微信小程序开发专栏:http://blog.csdn.net/column/details/13721.ht

2016-12-24 15:42:39 5198

转载 微信小程序开发之弹出菜单

周五.玩具一枚. gif: 代码: 1.index.js//index.js//获取应用实例var app = getApp()Page({ data: { isPopping: false,//是否已经弹出 animationPlus: {},//旋转动画 animationcollect: {},//item位移,透明度 ani

2016-12-24 15:41:46 969

转载 vue入门实战教程 - 用vue高仿饿了吗APP

滴滴出行的一位哥们录制的视频,收费的,价格198元,我这里不是打广告,我不认识他。不过对于vue的入门还是不错的,使用的是vue1.0框架,虽然现在已经是vue2.0, 不过2.0基本上只是多了virtual-DOM,Templates || JSX || Hyperscript,流式服务端渲染及一些性能优化,并且管方也有详细的1.0到2.0的迁移教程,懂1.0了,2.0也不用怎么去学习了。

2016-12-23 21:10:58 36035 1

转载 Webpack + vue-loader构建单文件vue组件

1.开始创建下面目录:修改package.json:[javascript] view plain copy{    "name": "vue",    "version": "0.0.1",    "description": "My vue",    "author": "minix

2016-12-23 14:43:41 1652

原创 Redux 中文文档

Redux 中文文档http://www.redux.org.cn/http://cn.redux.js.org/

2016-12-23 08:58:57 2587

原创 Vuex文档

中文文档https://github.com/vuejs/vuex/issues/176英文文档http://vuex.vuejs.org/en/index.html目录 什么是 Vuex? 快速开始 教程核心概念 - State 和 Getters - Mutations(突发事件) - Actions 数据流 应用结构

2016-12-23 08:55:06 4461

转载 《React-Native系列》4、表单界面代码编写

今天就开始投入到RN项目了,做后端出生,写Android和iOS确实有点勉强,不过还是要把这段经历记录下来。要实现的功能界面如下:这个是最简单的Form表单,第一步实现界面吧,不管点击效果,不管筛选控件... 思路:我把这几类控件分为了3类:1、带头像的一行抽取成一个组件2、带输入框 TextInput的抽象成一个

2016-12-22 13:16:42 3379

原创 react-native试玩(34)全

http://blog.csdn.net/column/details/doctorqrn.html?&page=1

2016-12-22 13:07:04 524

转载 微信小程序开发之扫码 扫一扫 wx.scanCode()

目前分享真机无效,开放工具可用. 微信小程序开发之页面分享 onShareAppMessage 扫码真机,开发工具均可用. 真机图片如下: 仔细读了一遍文档,这个API只是调起了客户端扫码界面,扫码成功后返回对应的结果. 微信小程序中并没有提供打开链接的API.那么这个扫码是做什么用的呢?不可能像我一样扫个文字玩玩. 想象空间很大啊. API实在简单,我

2016-12-22 13:00:00 35622 7

转载 微信小程序开发之页面分享 onShareAppMessage

今天下午突然听到群里有人说微信小程序工具更新了,文档也更新了不少内容. 顾不上吃冬至的饺子.我就冲进来了. 先说分享功能,目前真机尚不能调试.开发工具上可以看看效果.后续还会更新. Page()中加上如下代码后在右上角就会出现三个小白点 title:分享的标题. desc:分享一段描述. path:这个参数有点意思.以前在微信中的分享一般都是url.这里是当

2016-12-22 12:58:39 46050 2

转载 React-Native- RefreshControl && Navigator 使用案例

1234567891011121314151617181920212223242526272829303132333435

2016-12-21 23:35:39 843

转载 React Native之生命周期

React Native生命周期主要分为三大阶段:实例化阶段(图中上框部分),存在阶段(图中左框部分),销毁阶段(图中右框部分)。如图:下面简单讲解一下三大阶段中各自的函数:实例化阶段:在日常开发中,最为常用的就是实例化阶段,因为该阶段是组件的构建,展示阶段。getDefaultProps:       该函数用于初始化一些默认的属性,开发中,通常将一些固定不变的值放在

2016-12-21 14:54:56 578

转载 React Native的组件ListView

React Native的组件ListView类似于iOS中的UITableView和UICollectionView,也就是说React Native的组件ListView既可以实现UITableView也可以实现UICollectionView。ListView的使用方法:http://www.cnblogs.com/shaoting/p/5933422.html完整源码下载:

2016-12-21 14:53:39 345

转载 React Native 组件之TextInput

React Native 组件之TextInput类似于iOS中的UITextView或者UITextField,是作为一个文字输入的组件,下面的TextInput的用法和相关属性。1234567891011121314151617

2016-12-21 14:50:47 443

转载 React Native 弹性布局FlexBox

React Native采用一中全新的布局方式:FlexBox(弹性布局)。可以很方便的实现各种复杂布局,是全新的针对web和移动开发布局的一种实现方式。何为FlexBox?   完整名称为:the flexible box Module,旨在通过弹性的方式来对齐和分布容器中的组件。Flexbuju的主要思想是:让容器有能力让其子项目能够改变其宽度|高度|顺序,以最佳方式填充可用空间。

2016-12-21 14:49:43 619

转载 React Native 组件之Image

Image组件类似于iOS中UIImage控件,该组件可以通过多种方式加载图片资源。 使用方式,加载方式有如下几种:/** * Sample React Native App * https://github.com/facebook/react-native * 周少停 * image 加载的三种方式+设置图片的内容模式 */import React, { Comp

2016-12-21 14:48:35 379

转载 React Native交互组件之Touchable

React Native交互组件之Touchable:只要在组件外面包一个Touchable组件就可以实现点击交互。TouchableHighlight:高亮触摸当点击时,组件的透明度会改变,可以看到点击效果,TouchableHighlight只可以进行嵌套一层。其常用属性如下:  activeOpacity     点击时,组件的透明度。0-1  onHideUnderlay

2016-12-21 14:47:20 408

转载 React Native组件之Switch和Picker和Slide

React Native组件Switch类似于iOS中的UISwitch;组件Slide类似于iOS中UIslider,组件Picker类似于iOS的UIPickerView。他们的使用方法和相关属性如下:123456789101112131415

2016-12-21 14:45:26 716

转载 React Native组件之ScrollView 和 StatusBar和TabBarIos

React Native中的组件ScrollView类似于iOS中的UIScrollView,其基本的使用方法和熟悉如下:12345678910111213141516171819202122

2016-12-21 14:43:09 823

转载 React Native中的网络请求fetch和简单封装

React Native中的网络请求fetch使用方法最为简单,但却可以实现大多数的网络请求,需要了解更多的可以访问:https://segmentfault.com/a/1190000003810652123456789101112131415

2016-12-21 14:40:37 3398 1

转载 React Native组件之Text

React Native组件之Text相当于iOS中的UILabel.其基本属性如下:12345678910111213141516171819202122232425

2016-12-21 14:38:04 645

转载 React Native工作小技巧及填坑记录

http://www.cnblogs.com/shaoting/p/5934725.html  原文以下是本人在React Native开发工作中使用的一些小技巧,记录一下。1.从网络上拉取下来的React Native缺少React和React Native库.终端1. cd 项目根目录2. npm install3. 完成之后,在根目录中会出

2016-12-21 14:35:24 496

转载 React Native使用AsyncStorage本地持久化

AsyncStorage是一个简单的,未加密的,异步的,持久化,关键值存储系统,是全局的。类似于iOS中的NSUserDefault.存值:1234567import {    AppRegistry,    StyleSheet,    Text,    V

2016-12-21 14:32:48 467

转载 React Native 的ES5 ES6写法对照表

模块引用在ES5里,如果使用CommonJS标准,引入React包基本通过require进行,代码类似这样: 1 //ES5 2 var React = require("react"); 3 var { 4 Component, 5 PropTypes 6 } = React; //引用React抽象组件 7 8 var ReactN

2016-12-21 14:31:36 334

转载 React Native 的绑定 this

在React Native开发中,如果使用ES6语法的话,最好绑定this.但是使用ES5语法的话不需要绑定this.因为ES5会autobinding.this所指的就是直至包含this指针的上层对象.绑定this方法1:/** * Sample React Native App * https://github.com/facebook/react-native

2016-12-21 14:30:18 1014

原创 React-Native常用第三方库

React-native-animatable 动画react-native-carousel 轮播react-native-countdown 倒计时react-native-device-info 设备信息react-native-fileupload 文件上传react-native-icons 图标react-native-image-pic

2016-12-21 14:28:48 1176

转载 React-Native 之 react-native-ImagePicke的详细使用图解

最近需要在react native项目中集成相机和相册的功能,于是在网上找了一个好用的第三方插件:react-native-image-picke        .http://www.cnblogs.com/shaoting/p/6148085.html该插件可以同时给iOS和Android两个平台下使用,但是需要配置下各自平台下的文件,github上有详细的文字说明,但是本人对于文字向

2016-12-21 14:25:08 1601 1

转载 React Native快速开发APP 开源项目:厕所在哪

开源地址:https://github.com/vczero/toilet缘起对于开发者来说,开发一款App,涉及到的条件还是蛮多的。比如需要服务接口、需要后台编辑系统、需要运营工具等。因此,该案例借助了高德开放平台的免费资源、七牛的免费图片存储、微信公众号的文章编辑系统、阿里云服务部署等。这一切,对于开发一款小型的App已经足够。如果能够极大的运用时代的福利,我们将极大的缩小开发

2016-12-21 11:09:02 1725

原创 React-Native电商项目

shop-react-native   https://github.com/EleTeam/Shop-React-Native

2016-12-21 10:05:45 3107

转载 微信小程序开发之新手填坑

从9.22微信小程序内测开始已经近三个月了.我也学习了近三个月.写篇博客记录作为新手填的坑.不停时添加填坑攻略. 1.微信小程序开发之常见问题 不在以下合法域名列表中 wx.request合法域名配置2.微信小程序开发之网络请求(POST请求)3.app.json 中未配置,当前页面 pages/xxx/xxx/key0 请检查后重试。  这个问题是经常遇到的,不论新手

2016-12-21 09:03:53 3679

转载 JavaScript 全栈工程师培训教程(React.js + Node.js)

我现在的技术方向,前端是 React,后端是 Node,时间都投入在这两方面。最近有一种感觉,我可以融汇贯通了,使用 JavaScript 全栈解决各种问题。最初,我只是想整理一份技术清单,理清思路。但是内容越写越多,索性就做成一个教程,放在 Github 上面。这份教程一共四章,可以在两天内学完,适合那些已掌握前端基本技能(HTML、CSS、JS)、想进一步进修、成为

2016-12-20 18:33:16 1621

转载 Weex快速入门指南

背景:由于公司项目需要,需求变化频繁,计划总改不上变化,由于app更新版本周期长,不能很好应对这种变化,正在此前提下热修复和热更新技术也有了发展的空间,不管热修复还是热更新,都是对app内容或者逻辑的变化作出像web网页更新类似的体验。weex阿里推出的热更新框架,已再内部应用在多款app上如淘宝,天猫和闲鱼等,典型的电商型app非常适合用weex来构造,weex已在6月份开放开源,假如你

2016-12-20 12:08:29 2376 1

转载 React Native专题-江

(一).基本介绍:React Native For Android是伟大的互联网公司Facebook与2015年9月15日发布的,该可以让我们广大开发者使用JavaScript和React开发我们的应用,该提倡组件化开发,也就是说React Native给我们提供一个个封装好的组件让开发者来进行使用,甚至我们可以相关嵌套形成新的组件。使用React Native我们可以维护多种平台(Web,A

2016-12-20 09:17:19 475

转载 《React-Native系列》43、通用容器和导航设计方案

在现阶段我们的RN实践都是基于已发布过的APP,譬如将从某个入口进入的子模块都替换成RN页面。那么我们可以将这个子模块设计成一个通用RN容器,所有的RN页面都在RN容器内部跳转。RN容器在iOS使用UIViewController、Android使用Activity或者Fragment,加载bundle文件,正常情况下,一个模块只有一个bundle文件。要实现页

2016-12-19 09:19:50 494

转载 《React-Native系列》42、键盘遮挡问题官方处理方法KeyboardAvoidingView

今天,偶然翻Github发现了KeyboardAvoidingView,原来FaceBook的开发者们也意识到了键盘遮挡的问题。从0.31版本开始,提供了官方的解决方案。源码地址如下:https://github.com/facebook/react-native/blob/master/Libraries/Components/Keyboard/KeyboardAvoidingV

2016-12-19 09:16:43 2444

空空如也

空空如也

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

TA关注的人

提示
确定要删除当前文章?
取消 删除