2017年04月_水痕01

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月

原创一个手机图表(echarts)折线图的封装

//定义一组颜色值,按顺序取出var colorGroup = ["#6ca3c4","#76bfa3","#ea8f7a","#499acd","#ba97c9","#98bd76","#e0ab57"];//获取手机屏幕宽度var iWidth = document.documentElement.clientWidth;//定义一个对象的混入的方法function mixin(sou

2017-04-26 17:46:12 4992 1

原创 Android获取单选与复选框的值

一、LinearLayout 视图页面<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/activity_app10" android:layout_width="match_p

2017-04-26 10:33:49 20115

原创 javascript面向对象的混入

一、单混入(单继承)function extend(sourceObj, targetObj) { for (var key in targetObj) { if (targetObj.hasOwnProperty(key)) { sourceObj[key] = targetObj[key]; } } return s

2017-04-24 17:24:08 952

原创 echarts的简单案例

var myChart0 = echarts.init(document.getElementById("list0"));option0 = { title: { text: '单次抽奖活动统计', subtext: '2016-12-25至2017-01-25', }, legend: {

2017-04-21 13:28:10 1062

原创 Android基本布局案例

一、案例效果二、src/main/res/layout/active_main.xml文件<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/

2017-04-20 16:29:05 4044

原创安卓开发中制作圆角

1、本人使用的是Android Studio开发的2、在src/main/res/drawable包下新建一个shape类型的文件3、src/main/res/drawable/et_shape.xml文件代码<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/r

2017-04-20 13:54:04 688

原创 andorid中页面跳转

点击按钮跳转到AA这个类对应的试图页面Button bt=(Button)findViewById(R.id.button_1); bt.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) {

2017-04-20 09:20:47 550

原创安卓开发去除title的方法

一、直接在MainActivity.java文件中加上一句话public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);

2017-04-20 09:00:35 617

原创 Angular2从环境搭建到开发

2017-04-18 09:02:30 3257

原创 Redux-form嵌套到实际项目开发案例九

2017-04-12 15:44:06 993

原创 Redux-form系列教程

一、Redux-form部署到redux项目中二、Redux-form与form的关系三、redux-form直接使用html标签四、redux-form同步校验表单五、redux-form同步校验表单六、redux-form提交验证表单七、redux-form异步校验(失去焦点就校验)八、redux-form初始化数据及同步校验九、redux-form直接获取数据

2017-04-12 15:30:06 1553

原创 Redux-form嵌套到实际项目开发案例八

2017-04-11 16:09:09 2321

原创 Typescript结合gulp开发

全局安装npm install tsc -g全局安装npm install -g gulp-cli创建一个项目–>里面创建src和dist文件npm init创建一个package.jsonpackage.json文件{ "name": "demo01", "version": "1.0.0", "description": "", "main": "index.js",

2017-04-11 09:36:44 2552

原创 Redux-form嵌套到实际项目开发案例七

本案例是异步请求验证，输入框失去焦点就验证官方案例一、asyncValidate.js代码const sleep = ms => new Promise(resolve => setTimeout(resolve, ms))const asyncValidate = (values/*, dispatch */) => { return sleep(1000) // simulate se

2017-04-07 18:00:35 1050

原创 Redux-form嵌套到实际项目开发案例六

提交时候验证官方案例一、submit.js文件代码import {SubmissionError} from 'redux-form'const sleep = ms => new Promise(resolve => setTimeout(resolve, ms))function submit(values) { return sleep(1000) // simulate serve

2017-04-07 17:45:51 1070

原创 Redux-form嵌套到实际项目开发案例五

本案例是同步校验表单的另外一种写法，操作方法一样的跟案例三是一样的一、新建一个src/component/FieldLevelValidationForm.js'use strict';import React,{Component} from 'react'import {Field, reduxForm} from 'redux-form'//定义一个必填的校验方法const requ

2017-04-07 16:57:22 896

原创 Redux-form嵌套到实际项目开发案例四

本案例是同步校验表单一、本案例与案例三是一样的操作方式'use strict';import React from 'react'import { Field, reduxForm } from 'redux-form'//定义校验的方法const validate = values => { const errors = {} if (!values.username)

2017-04-07 16:35:20 1009

原创 Redux-form嵌套到实际项目开发案例三

一、运行本项目案例直接把代码拷贝到案例一中的components文件夹下二、新建一个文件src/component/SimpleForm2.js文件'use strict';import React,{Component} from 'react'import {Field, reduxForm} from 'redux-form'class SimpleForm2 extends Compon

2017-04-07 16:25:05 1416

原创 Redux-form嵌套到实际项目开发案例二

ReduxForm和表单关联分为两个层面表单层面:ReduxForm提供的ReduxForm装饰器为表单组件提供了handleSubmit, pristine, reset, submitting等props,分别用于提交表单、判断表单数据是否改动、重置表单、显示正在提交这些功能字段层面:ReduxForm派遣了Field等组建与表单字段关联，Field不仅提供了一个component属性可以接

2017-04-07 15:10:19 1361

原创 Redux-form嵌套到实际项目开发案例一

最近本人一直在研究redux在项目中开发,在实际项目中开发中离不开的是form表单,在react开发中有redux-form提供了这个组件进行form表单的开发一、本案例是在之前案例的基础上移入了redux-form如果不有不清楚之前案例的请查看React-Redux链接React与Redux开发项目二、目录结构|react-redux-demo|----webpack.config.js|-

2017-04-06 13:17:50 1544 1

原创 jinja中for循环的一些参数介绍

在python中使用jinjia模版遍历数据的时候，一些常用的属性变量描述 loop.index 当前迭代索引(从1开始) loop.index() 当前迭代索引(从0开始) loop.first 是否第一次迭代，返回True或False loop.last 是否最后一次迭代，返回True或False loop.length 序列的长度

2017-04-05 21:13:24 6456 1

原创 handlebars.js模版引擎中EACH循环遍历的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script> <script src="https://cdn.bootcss.com/handlebars.js/4.0.

2017-04-05 15:41:21 5020 2

原创 handlebars.js模版引擎入门案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script> <script src="https://cdn.bootcss.com/handlebars.js/4.0.

2017-04-05 14:09:37 1227

原创利用radio实现tab切换

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>radio选项卡切换</title> <style type="text/css"> *{margin:0;padding:0;} .test-box{width: 50%;margin: 10px aut

2017-04-04 22:55:55 2874

原创 css样式实现一个进度条

效果如图代码<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords"

2017-04-04 22:46:02 8456

原创关于常见的左右赋权限的移动样式

效果如图:代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>拖拽演示</title> <script type="text/javascript" src="js/jquery-2.1.1.min.js" ></script> <style type

2017-04-04 22:40:57 743

原创 css修改单选框与复选框样式

在移动端开发中往往要修改单选框与复选框的样式案例效果如下: 代码如下:html代码:<section class="select-f select-f1"> <dl> <dt>您要选择装饰家居的原因是？<a href="javascript:void(0);" class="select-f1-allbtn">(全选

2017-04-04 22:34:03 2765

本书堪称 Angular 领域的里程碑式著作，涵盖了关于 Angular 的几乎所有内容。对于没有经验的人，本书平实、通俗的讲解，递进、严密的组织，可以让人毫无压力地登堂入室，迅速领悟新一代 Web 应用开发的精髓。如果你有相关经验，那本书对 Angular 概念和技术细节的全面剖析，以及引人入胜、切中肯綮的讲解，将帮助你彻底掌握这个框架，在自己职业技术修炼之路上更进一步。本书的读者对象为所有想要理解和学习 Angular 的前端开发人员

2017-10-07

空空如也

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

TA关注的人

Angular权威教程

空空如也