flex-direction
row:默认值，主轴为水平方向，起点在左端
row-reverse:主轴为水平方向，起点在有段
column:主轴为垂直方向，起点在上方
column-reverse:主轴为垂直方向，起点在下方
flex-wrap
wrap：换行，第一行在上方
wrap-reverse：换行，第一行在下方
justify-content
flex-start：默认值左对齐
flex-end：右对齐
center：居中
space-between：两端对齐，项目之间的间隔都相等
space-around：每个项目两侧的间隔相等。
align-items
flex-start：交叉轴的起点对齐
flex-end：价差周的终点对齐
center：交叉轴的中点对齐
baseline：项目的第一行文字的基线对齐
stretch：默认值，如果项目未设置豪赌或者auto，将占满整个容器的高度
align-content
flex-start：与交叉轴的起点对齐
flex-end：与交叉轴的终点对齐
center：与交叉轴的中点对齐
space-between：与检查周两端对齐，轴线之间的间隔平均分布
space-around：没跟轴线两侧的间隔都相等。
strech：默认值轴线占满整个交叉轴
一、标准说法
标准是首字母大写的，X-Your-Custom-Header
不区分大小写
二、微信小程序中
如以下文件上传的请求，Header 中 定义了 accessKey 参数。
wx.uploadFile({
url: url,
filePath: path,
header: {
accessKey : "123456"
},
name: '',
success: function (resu) {
console.log(resu);
},
fail: function (err) {
console.log(err);
}
})
这个 Header 中的 accessKey 在开发环境是不会做改变的，服务器接收到的还是 accessKey，但是在真机环境下就不一样的，会变成 accesskey，全部小写了。当使用 actionContext.Request.Headers 的 Key = 来取时，问题就来了。
使用 HttpContext.Current.Request["accessKey"] 则没问题，应该是它大小写无关的原因。
<!--test.wxml-->
<button style="margin-top:50px;" bindtap="getQRCode">扫一扫</button>
<view>{{ qRCodeMsg }}</view>
//test.js
Page({
data:{
qRCodeMsg:''
},
getQRCode: function(){
var _this = this;
wx.scanCode({ //扫描API
success: function(res){
console.log(res); //输出回调信息
_this.setData({
qRCodeMsg: res.result
});
wx.showToast({
title: '成功',
duration: 2000
})
}
})
}
}）
<p>hello</p>
$("p").append("<b>world</b>")使用append插入
<p>hello<b>world</b></p>//显示结果
$("p").prepend("<b>world</b>")//使用prepend插入
<p><b>world</b>hello</p>//显示结果
$("p").after("<b>world</b>")//使用after插入语句
<p>hello</p><b>world</b>//显示结果
$("p").before("<b>world</b>")//使用before插入语句
<b>world</b><p>hello</p>//显示结果
Math.pow(2,50) // => 2的50次幂 js的幂运算
Math.round(.7) //=> 1.0 js的四舍五入运算
Math.ceil(.6) //=>1.0 向上求整
Math.floor(.8) //=>0 向下求整
Math.abs(-10) //=>10 求绝对值
Math.min(x,y,z) //=>返回最小值
Math.max(x,y,z) //=>返回最大值
Math.random() //=>生成一个大于等于0小于等于1.0的伪随机数
data=data.replace("]","");
<script>
$(function(){
var a = 'abcdefg';
var aleng = a.length;
if(aleng>5){
a.substring(0,5)+'...';
}
});
</script>
CSS中最具诱惑的一个功能是能添加动画效果，除了渐变，你可以给背景色、透明度、元素大小添加动画。目前，你不能为渐变添加动画，但下面的代码可能有帮助。它通过改变背景位置，让它看起来有动画效果。
button {
background-image: linear-gradient(#5187c4, #1c2f45);
background-size: auto 200%;
background-position: 0 100%;
transition: background-position 0.5s;
}
button:hover {
background-position: 0 0;
}
<script>
$(function() {
$("#shouhou2").hide();
$("#shouhou3").hide();
//给div添加change事件
$("#type").change(function() {
if($(this).val() == 1 ) {
$("#shouhou1").show();
$("#shouhou2").hide();
$("#shouhou3").hide();
} else if($(this).val() == 2 ) {
$("#shouhou2").show();
$("#shouhou1").hide();
$("#shouhou3").hide();
}
else if($(this).val() == 3 ) {
$("#shouhou3").show();
$("#shouhou1").hide();
$("#shouhou2").hide();
}
})
})
</script>
<select class="select" size="1" name="type" id="type">
<option value="1">表格</option>
<option value="2">折线图</option>
<option value="3">柱状图</option>
</select>
<div id="shouhou1" style>表格区域</div>
<div id="shouhou2" style>折线图区域</div>
<div id="shouhou3" style>柱状图区域</div>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="text" name="alertDateQuery" id="aDate">
</body>
<script type="text/javascript">
var mydateInput = document.getElementById("aDate");
var date = new Date();
var dateString = date.getFullYear() + "/" + (date.getMonth() + 1) + "/" + date.getDate();
mydateInput.value = dateString;
</script>
</html>