2017年03月_水痕01

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

原创 flask-web开发中获取表单复选框的方法

2017-03-31 16:44:13 10832

原创 SweetAlert详解

sweetalert相关组件，该插件不需要jQuery库支持<script src="sweetalert.min.js"></script> <link rel="stylesheet" href="sweetalert.css"> 参数描述默认值 title 提示框标题 - text 提示内容 - type 提示类型，有：success（成功）

2017-03-31 12:47:18 2502 1

原创 React Native开发中解决Android端口被占用

一、常规方法进入项目文件中打开黑窗口输入:netstat -aon|findstr 5037输入tasklist /fi 'PID eq 2464'输入:taskkill /pid 2464 /f验证:netstat -aon|findstr 5037 二、直接修改端口号自己配置 adb server 端口，使用一个生僻的值。很简单，只要在系统环境变量中定义 ANDROID_ADB_SER

2017-03-30 10:32:02 1127

原创 React组件属性部类（propTypes）校验

PropTypes提供了多种验证器1、JavaScript基础数据类型，包括数组、布尔、函数、数字、对象、字符串optionalArray: React.PropTypes.array,optionalBool: React.PropTypes.bool,optionalFunc: React.PropTypes.func,optionalNumber: React.PropTypes.nu

2017-03-29 15:27:52 2475

原创 React-Redux链接React与Redux开发项目

2017-03-29 15:15:45 1740

原创理解redux和redux的中间件redux-thunk的认识

一、Action的认识简单点说Action就是一个对象，一个必须带key为type的对象[value是自己定义的]，其他的key就根据用户自己喜好自己定义: 以下都是action的定义 1、{type:”ADD”}2、{type:”ADD”,key1:”“,key2:”“}二、Reducer的认识别主观意识就是类似数组中的reduce，也不是只能定义reducer，它仅仅是一个称呼，纯函

2017-03-28 10:29:42 31240

原创 python遍历字典的方法

fruit_dict={"a":"apple","b":"banana","o":"orange"}print '=============items()遍历==============='for key,value in fruit_dict.items(): print key,valueprint '=============iteritems()遍历==============

2017-03-27 15:03:58 933

原创 flaskweb开发中密码加密处理

在flaskweb开发中用户用户注册中密码加密:一、flask框架项目搭建的基础上扩展二、在之前项目中的模板视图中直接引入from werkzeug.security import generate_password_hash, check_password_hashfrom exts import dbimport datetimefrom werkzeug.security import

2017-03-26 11:25:48 4850

原创 flask开发中蓝图与子域名

一、一个大型项目中视图比较多，如果仅仅是写在app.py中不方便管理，蓝图就可以做到分功能分目录结构1、创建一个蓝图的包文件2、在蓝图包文件下创建一个user.py文件3、user.py代码如下#coding:utf8#用户的蓝图from flask import Blueprint#定义一个蓝图bp = Blueprint('user',__name__,url_prefix='/u

2017-03-24 15:36:24 2085

原创 flask中拦截用户登录修饰符decorator的使用

一般我们的后台管理系统需要用户先登录才有权限访问页面内容，我们就要做个登录拦截器，在flask直接使用decorator修饰符就可以1、新建一个flask项目2、在app.py文件中定义一个修饰符的类#定义一个装饰器用于拦截用户登录#func是使用该修饰符的地方是视图函数def login_require(func): def decorator(*args,**kwargs):

2017-03-24 12:57:18 6219

原创改变网页上面那个小图标

2017-03-23 15:25:17 1704

原创关于H5页面开发适配指南

说明：本人习惯性的直接上代码，不想用太多的文字去表述一、html页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var dpr, rem, scale; //人为给头

2017-03-23 10:41:02 1053

原创 MOBX的入门案例

直接上代码demo主要把握几个词observable和observer/** * @author:水痕 * @time:2017-03-20 11:36 * @email:[email protected] * @version:1.0 * @fileName:index * @direction: * @title: */'use strict';import {observa

2017-03-20 16:53:40 3225

原创 flask框架项目搭建

2017-03-18 10:36:18 6918

原创 mobx前期配置工作让webpack支持ES7的修饰器的转码

MobX 是一个简单、方便扩展、久经考验的状态管理解决方案。使用了观察者(observable)与被观察者(observer)的概念，本人不介绍MobX的使用(本人也在努力研究之中)，仅仅是介绍webpack配置转码ES7的装饰器的写法.一、package.json文件在之前的webpack支持ES6的基础上添加安装三个插件 "babel-plugin-transform-decora

2017-03-16 09:07:37 3761

原创细说flask表单flask-wtf

一、安装pip install flask-wtf二、创建一个flask的项目引入相对应的包from flask import Flask,render_templateimport flask#引入模块from flask_wtf import FlaskForm,CsrfProtect#如果输入的是字符串那么就用StringField,如果是整数那么就用IntegerFieldfrom

2017-03-15 18:01:13 17492

原创使用flask-sqlalchemy创建一对多的关系表

本案例中是一个用户注册的案例，其中涉及到兴趣爱好这个复选框的，处理方式就是创建一个兴趣爱好表，使用户表(一)对兴趣爱好表(多)的方式存储 index.html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>用户注册</title> <link rel="stylesheet"

2017-03-15 12:24:48 3758

原创使用form表单中自带的fieldset与legend

在form表单中常常被忽视的两个标签fieldset和legend 下面我是用了bootstrap的样式，把一些默认样式去除了<div class="container"> <div class="col-md-5"> <form role="form" action="" method="post"> <fieldset>

2017-03-14 22:31:13 8094

原创 sqlalchemy中多对多的关系

一、sqlalchemy数据库中多对多的关系，主要有下面三个步骤定义一个中间表保存两个表的主键定义多对多关系的两个表的模型给每个模型都添加一个访问对方的属性注意在relationship中指定中间表二、代码如下:# coding:utf-8from sqlalchemy import create_engine, Column, String, Integer, ForeignKey, T

2017-03-12 15:23:16 8070 4

原创 sqlalchemy一对多的关系表案例

本案例中直接使用sqlalchemy，没有使用flask-sqlalchemy来做的1.引入包文件# coding:utf-8from flask import Flask, render_template,url_for,redirectimport flaskfrom sqlalchemy import create_engine, Column, String, Integer, T

2017-03-12 14:09:18 944

原创 react-redux连接react与redux入门案例[分目录结构]

2017-03-10 14:48:15 2482 1

原创 react-redux连接react与redux入门案例

利用react-redux实现一个简单的翻译案例要实现react组件与redux的连接用到第三方组件react-redux一、现在简单的介绍下react-rendux组件的API方法安装npm install react-redux --save-dev到你的工程项目中Provider这个属性的使用:我们相当于在最顶层的组件中外套这个属性就可以。传递的参数store,那么在所有的组件中都

2017-03-09 13:00:08 660

原创 Redux入门案例todo

redux入门案例写在一个页面中实现，增加数据与删除数据(官方版的简写)[忽视项目中的命名]'use strict';import React,{Component} from 'react';import {createStore} from "redux";function add(text) { return{ type:"ADD", value:t

2017-03-08 14:48:54 1221

原创关于React中的路由的react-router的案例

项目目录结构 1.package.json文件内容{ "name": "react-router-demo01", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1",

2017-03-07 09:16:10 1751

原创 React的数据载体state、props与context

1.state严格来说是内部状态或者说是局部状态，在React组件中是比较常见的： state的方法主要有this.state = {}一般是在构造函数constructor中设置值this.setState({xx:xxx})用于给state赋值this.state.xx 用于取值补充说明取值一般会用ES6中的解析赋值操作let {xx,xx,xx} = this.state2.pr

2017-03-03 20:17:49 1632

转载 Redux 简明教程

原文链接（保持更新）：https://github.com/kenberkeley/redux-simple-tutorial写在前面本教程深入浅出，配套简明教程、进阶教程（源码精读）以及文档注释丰满的 Demo 等一条龙服务§ 为什么要用 Redux当然还有 Flux、Reflux、Mobx 等状态管理库可供选择抛开需求讲实用性都是耍流氓，因此下面由

2017-03-03 10:28:51 546

原创 fetch下一代ajax请求数据的封装

传统使用回调函数的方式1.get请求方法的封装/** * get请求数据 * @param url url地址 * @param callback 回调函数 */let getJson = function (url,callback) { fetch(url).then((response) => response.json()) .then((data)=>{

2017-03-02 15:09:14 2115

原创 React组件的生命周期

React中组件的生命周期函数，又叫钩子函数React的生命周期分两类来说明一、从组件的一般挂载与卸载的过程来分二、从组件数据更新过程来划分从组件的一般挂载与卸载的过程来分：constructor ES6创建方式中的构造函数,在组件实例化的时候就会调用，创建组件的时候会默认添加constructor函数，如果你要添加state状态等的就要手动添加，不然可以省去。comp

2017-03-02 11:35:17 2305

原创创建React组件的几种方式的对比

1.React.createClass创建组件方式import React,{Component} from 'react';const Foo = React.createClass({ render(){ return( <div>我的传统的方式创建的组件</div> ) }})export default Foo;2.

2017-03-02 09:30:42 927

关于ES+React+webpack的环境搭建1.全局安装webpacknpm install webpack -g2.安装webpack-dev-server(全局可选)npm install webpack-dev-server -g这个是创建一个本地服务器，及热部署的轻量开发工具3.创建项目并初始化项目npm init一路回车就好了4.安装依赖文件npm install webpack web

2017-03-01 09:52:24 844

Angular权威教程

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

2017-10-07

空空如也

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

TA关注的人