westenboy的专栏

原创 mysql安装

1、下载mysql-5.7.10-winx64.zip2、解压3、配置系统环境变量在PATH后面增加mysql的路径：D:\mysql-5.7.10-winx64\bin;4、修改my-default.ini配置文件，basedir = D:\mysql-5.7.10-winx64，同时将文件名改为my.ini5、重点来了此时D:\mysql-5.7.10-winx64路径

原创 数据类型

字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。字符串：var answer="It's alright";var answer="He is called 'Johnny'";var answer='He is called "Johnny"';数字：var x1=3

原创 函数

函数声明：function myFunction(a, b) { return a * b;}ps：分号是用来分隔可执行JavaScript语句。 由于函数声明不是一个可执行语句，所以不以分号结束。函数表达式：var x = function (a, b) {return a * b};var z = x(4, 3); ps：函数可以通过一个表达式定义。在函

原创 AJAX

AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。AJAX 是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新。简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。load() 方法load() 方法从服务器加载数据，并把返回的数据

原创 DOM遍历

通过 jQuery 遍历，您能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对 DOM 进行遍历。1、祖先：向上遍历DOM树parent()：遍历直接父元素$(document).ready(function(){ $("span").parent();});parents()：遍历所有父元

原创 DOM操作

1、获取内容：三个简单实用的用于 DOM 操作的 jQuery 方法：text() - 设置或返回所选元素的文本内容$("#btn1").click(function(){ alert("Text: " + $("#test").text());});html() - 设置或返回所选元素的内容（包括 HTML 标记）$("#btn2").click(funct

原创 效果

1、隐藏和显示：$(selector).hide(speed,callback);$(selector).show(speed,callback);$(selector).toggle(speed,callback);  //使用 toggle() 方法来切换 hide() 和 show() 方法。显示被隐藏的元素，并隐藏已显示的元素。2、淡入淡出：$(

原创 安装

1、使用百度的CDN引用：2、语法：通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行"操作"（actions）。基础语法： $(selector).action()例如：$(this).hide() - 隐藏当前元素$("p").hide() - 隐藏所有 元素$("p.test

原创 响应式设计

1、Viewport：viewport 是用户网页的可视区域。一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下：2、网格视图：响应式网格视图通常是 12 列，宽度为100%，在浏览器窗口大小调整时会自动伸缩。创建响应式网格视图：首先确保所有的 HTML 元素都有 box-sizing 属性且设置为 border-bo

原创 媒体类型@media

媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上，在纸张上，或听觉浏览器等等。 @media 规则允许在相同样式表为不同媒体设置不同的样式。浏览器屏幕上显示一个14像素的Verdana字体样式。但是如果页面打印，将是10个像素的Times字体。请注意，font-weight在屏幕上和纸上设置为粗体：@media screen { p.te

原创 图像透明度

CSS3中属性的透明度是 opacity悬停效果：img{opacity:0.4;filter:alpha(opacity=40); /* For IE8 and earlier */}img:hover{opacity:1.0;filter:alpha(opacity=100); /* For IE8 and earlier */}I

原创 图片廊

div.img{ margin: 2px; border: 1px solid #0000ff; height: auto; width: auto; float: left; text-align: center;} div.img img{ display: inline; margin: 3px; border: 1px solid #ffffff

原创 下拉菜单

ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333;}li { float: left;}li a, .dropbtn { display: inline-block; color: whit

原创 伪元素

CSS伪元素是用来添加一些选择器的特殊效果。段落的第一个字母将显示为红色，其字体大小为 xx-large。第一行中的其余文本将为蓝色，并以小型大写字母显示。段落中的其余文本将以默认字体大小和颜色来显示：:before 伪元素：":before" 伪元素可以在元素的内容前面插入新内容。:after 伪元素：":a

原创 伪类

CSS伪类是用来添加一些选择器的特殊效果。在支持 CSS 的浏览器中，链接的不同状态都可以以不同的方式显示：first - child伪类：p:first-child{color:blue;} I am a strong man.I am a strong man.匹配所有 元素中的第一个 元素：

原创 组合选择符

组合选择符说明了两个选择器直接的关系。后代选取器：子元素选择器：相邻兄弟选择器：普通相邻兄弟选择器：

原创 Float（浮动）

CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。Float（浮动），往往是用于图像，但它在布局时一样非常有用。（1）右浮动：一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。浮动元素之后的元素将围绕它。浮动元素之前的元素将不会受到影响。如果图像是右浮动，下面的文本流将环绕在它左边：

原创 Positioning（定位）

Fixed：元素的位置相对于浏览器窗口是固定位置，即使窗口是滚动的它也不会移动：Relative：相对定位元素的定位是相对其正常位置：Relative：可以移动的相对定位元素的内容和相互重叠的元素，它原本所占的空间不会改变：Absolute：绝对定位的元素的位置相对于最近的已定位父元素，

原创 inline和block

块元素是一个元素，占用了全部宽度，在前后都是换行符。块元素的例子：内联元素只需要必要的宽度，不强制换行。内联元素的例子：但是可以可以更改内联元素和块元素：inline:block:

原创 Display和Visibility

隐藏一个元素可以通过把display属性设置为"none"，或把visibility属性设置为"hidden"。但是请注意，这两种方法会产生不同的结果。visibility:hidden可以隐藏某个元素，但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说，该元素虽然被隐藏了，但仍然会影响布局。visibility:display:none可以隐藏某个元素，且隐藏的元素不会占用

原创 盒子模型

Margin:完全透明的外边框Border:中间的填充部分，受盒子的背景颜色影响Padding:内边框，受盒子的背景颜色影响Content:盒子的内容，显示文本和图像元素的总宽度：width+2*(Margin+Border+Padding)元素的总高度：height+2*(Margin+Border+Padding)

原创 IndentationError: unindent does not match any outer indentation level

对于此错误，最常见的原因是，代码没有按照python的语法缩进对齐。

原创 pycharm设置

1、当使用虚拟环境venv时，pycharm中也要配置虚拟环境，否则import的时候，提示找不到扩展类：2、当运行时使用了Manager类带参数时，比如python manager.py runserver，在pycharm中也要设置运行参数，否则无法启动服务器：3、有些下划线、波浪线影响美观，可以设置取消：

原创 flask+heroku环境搭建（windows）

1、搭建本地虚拟环境pip install virtualenv virtualenv --no-site-packages venvvenv\Scripts\activate2、创建一个flask项目pip install flaskpip freeze >requirements.txtapp.py:from flask import Flaskapp

原创 git add时候报错:LF will be replaced by CRLF

在windows上git add时候报错，原因是路径中存在 / 的符号转义问题。在git add前添加一个配置：git config --global core.autocrlf  falsefalse就是不转换符号，默认执行。默认是true，相当于把路径的 / 符号进行转义，这样添加的时候就有问题。

原创 failed to push some refs to git

出现错误的主要原因是github中添加了README.md文件，而本地代码目录中没有这个文件。git pull --rebase origin master执行上面代码后可以看到本地代码库中多了README.md文件此时再执行语句 git push -u origin master即可完成代码上传到github

原创 git的使用

1、安装git客户端2、配置$ git config --global user.name "Your Name"$ git config --global user.email "email@example.com"3、创建版本库git init4、添加文件到版本库git add test.py（一个文件）git add . （所有文件）

原创 python-装饰器

装饰器就是一种闭包，将函数看成是一个参数，传到另一个函数中去。1、闭包2、闭包结果3、变量的域4、装饰器5、装饰器结果

原创 python-函数式编程

1、普通函数和匿名函数（lambda）2、函数式编程（map）3、函数式编程（reduce）4、reduce+lambda

原创 Flask Web项目架构图

原创 Flask-SQLAlchemy管理数据库

1、安装扩展库（venv）$ pip install flask-sqlalchemy2、hello.py#!/usr/bin/python# -*- coding: utf-8 -*-import osfrom flask import Flask, render_template, session, redirect, url_forfrom flask.ext.scri

原创 Flash消息

Flash消息：当用户状态发生改变时，使用警告、确认消息或者错误的提醒。hello.py:from flask import Flask, render_template, session, redirect, url_for, flashfrom flask.ext.script import Managerfrom flask.ext.bootstrap import Boot

原创 Web表单（Flask-WTF）

1、request.form获取POST请求中提交的表单数据hello.py:from flask import Flask, request, render_templateapp = Flask(__name__)@app.route('/', methods=['GET', 'POST'])def home(): return render_template('ho

原创 Flask-Moment本地化日期和时间

1、安装扩展库2、hello.pyfrom datetime import datetimefrom flask import Flask, render_templatefrom flask.ext.script import Managerfrom flask.ext.bootstrap import Bootstrapfrom flask.ext.moment impor

原创 模板（自定义base.html）

1、hello.pyfrom flask import Flask, render_templatefrom flask.ext.script import Managerfrom flask.ext.bootstrap import Bootstrapapp = Flask(__name__)manager = Manager(app)bootstrap = Bootstrap

原创 模板（Jinja2+bootstrasp）

1、安装python扩展库：2、hello.pyfrom flask import Flask, render_templatefrom flask.ext.script import Managerfrom flask.ext.bootstrap import Bootstrapapp = Flask(__name__)manager

原创 Flask基本结构

1、hello.py#!/usr/bin/python# -*- coding: utf-8 -*-from flask import Flask#创建Flask类的实例app = Flask(__name__)#使用app.route修饰器将函数注册为路由@app.route('/')#视图函数，即返回响应def index(): return 'Hello Wo

原创 Flask环境搭建

1、从GitHub上克隆一个项目：2、给这个项目创建一个虚拟环境：。。。。。。（省略安装进度条）

原创 机器学习之决策树——ID3算法简介

决策树简介    在相亲过程中，女方会根据男方的一些特征（年龄、长相、收入、是否公务员）来决策自己的行为（见还是不见）。如果利用kNN算法来预测女方是否去见相亲对象的话，需要保存样本数据，且需要将年龄等这些特征先转换为对应的数值，同时需要对所有数据计算距离值，非常耗时。因此，我们可以利用概率测量方法（决策树）来处理分类问题。决策树定义    决策树的基本组成部分：决策节

原创 机器学习之k近邻算法——5、约会网站的配对开发流程

1、从文本中解析数据（特征数据和标签数据分离）：file2matrix()文本中的部分样本数据如下：file2matrix()代码如下：利用file2matrix()将特征值和标签值分离：>>> import demo>>> data,label=demo.file2matrix('D:\\datingTestSet.txt')2、特征