365体育777投注

网页布局是css的一个重点,特别是flex布局,在微信小程序中得到了更多的实践,下面我们看具体的教程:

传统的css布局依赖于我们的盒子模型,通过display、position、float属性实现网页的布局,但对于垂直居中布局以及处理浮动上是有不足之处的。

在2003年的时候w3c提出了一个新的解决方案,那就是flex新布局,可以便捷、完整的响应各种页面布局,目前的已知的所有浏览器内核都支持flex布局。

flex布局具有如下优点:

1、任何容易都可以指定为flex布局,我们可以这样来定义:

div{
display:flex;
}

2、行内元素可以使用flex布局,我们可以这样定义:

div{
display:inline-flex;
}

3、Webkit内核浏览器,必须加上-webkit前缀,我们可以这样定义:

div{
display:flex;
display:-webkit-flex;/*Safari*/
}

在flex实践中我们发现,定义了flex布局后,子元素的float、clear、vertical-align属性将失效。

Bootstrap 弹出框(Popover)插件

弹出框(Popover)与工具提示(Tooltip)类似,提供了一个扩展的视图。如需激活弹出框,用户只需把鼠标悬停在元素上即可。弹出框的内容完全可使用 Bootstrap 数据 API(Bootstrap Data API)来填充。该方法依赖于工具提示(tooltip)。

上面代码是我们点击弹出框,而正常开发我们一般定义为鼠标滑过弹出框,js代码如下:

PHP strtotime() 函数

我们看下面几个实例:

");
//具体到2016年9月5日的时间戳 结果是:2016-09-05 00:00:00
echo(strtotime("5 September 2016") . "
"); //在当前时间5小时后的时间点,相当于当前时间戳+3600*5 echo(strtotime("+5 hours") . "
"); //当前时间一周后的时间点 echo(strtotime("+1 week") . "
"); //当前时间一周后的第三天,比当前时间晚7小时5秒 echo(strtotime("+1 week 3 days 7 hours 5 seconds") . "
"); //距离当前时间最近的一个星期一,今天是2019年10月4日星期五,结果是:2019-10-07 00:00:00 echo(strtotime("next Monday") . "
"); //距离当前时间最近的上一个星期天,今天是2019年10月4日星期五,结果是:2019-09-29 00:00:00 echo(strtotime("last Sunday")); ?>

格式date(time,now);其中time表示日期或者时间的字符串,now是用来计算返回值的时间戳,默认是当前时间。

mysql通过一个关键字查询多个字段的方法

微擎中我们可以这样查询:

if (!(empty($_GPC['realname']))) 
		{
			$_GPC['realname'] = trim($_GPC['realname']);
			$condition .= ' and ( dm.realname like :realname or dm.nickname like :realname or dm.mobile like :realname or dm.id like :realname)';
			$params[':realname'] = '%' . $_GPC['realname'] . '%';
		}

dm是我们给数据库命名的别名,把要查询的多个字段用or链接在一起,放在括号内。

link标签基于屏幕像素展示手机端

代码:

微擎sendTplNotice发送模板消息

我们使用sendTplNotice()方法来发送微信公众号模板消息,示例代码如下:

sendTplNotice($touser, $template_id, $sendData, $url='', $topcolor='#ff683f');

微擎开发之后台文件上传组件与原生方法

使用前请务必 load()->func(‘tpl’); 加载模板组件函数,并加载了系统的头部模板文件。

图片上传与选择控件,此组件支持单图上传,代码如下:

{php echo tpl_form_field_image($name, $value = '', $default = '', $options = array());}
{php echo tpl_form_field_image('single-image');}

多图上传组件,代码如下:

{php echo tpl_form_field_multi_image($name, $value = array(), $options = array());}
{php echo tpl_form_field_multi_image('multi-image');}

单音频选择与上传,代码如下:

{php echo tpl_form_field_multi_audio($name, $value = array(), $options = array());}
{php echo tpl_form_field_multi_audio('multi-audio');}

单视频选择与上传,代码如下:

{php echo tpl_form_field_video($name, $value = '', $options = array());}
{php echo tpl_form_field_video('video');}

微信单图片选择与上传,代码如下:

{php echo tpl_form_field_wechat_image($name, $value = '', $default = '', $options = array());}
{php echo tpl_form_field_wechat_image('wechat-single-image');}

微信多图片选择与上传,代码如下:

{php echo tpl_form_field_wechat_multi_image($name, $value = array(), $options = array());}
{php echo tpl_form_field_wechat_multi_image('wechat-multi-image');}

微信单音频选择与上传,代码如下:

{php echo tpl_form_field_wechat_voice($name, $value = '', $options = array());}
{php echo tpl_form_field_wechat_voice('wechat-voice');}

微信单视频选择与上传,代码如下:

{php echo tpl_form_field_wechat_video($name, $value = '', $options = array());}
{php echo tpl_form_field_wechat_video('wechat-video');}

二、原型函数:

您可以通过自己调用下列函数,实现自定义上传图片、音频和视频的上传。

1、自定义图片上传函数

util.image(val, callback, options);

1、 val image 值 ;

2、 callback 上传图片完成后,执行的回调函数 ;

3、 options 上传选项

2、自定义音频和视频(多媒体)上传函数

util.audio(val, callback, options);

1、 val audio 值 ;

2、 callback 上传图片完成后,执行的回调函数 ;

3、 options 上传选项

3、自定义微信图片上传函数

util.wechat_image(val, callback, options);

1、 val image 值 ;

2、 callback 上传图片完成后,执行的回调函数 ;

3、 options 上传选项

4、自定义微信音频和视频上传函数

util.wechat_audio(val, callback, options);

1、 val audio 值 ;

2、 callback 上传图片完成后,执行的回调函数 ;

3、 options 上传选项

微擎硬核版实现原生上传文件(微信支付文件)

不多说,直接上代码!

load()->func('file'); //调用上传函数
$dir_url='../attachment/mytime_chdb/cert_2/'.$_W['uniacid']."/"; //上传路径
mkdirs($dir_url); //创建目录
$cfg['rootca']=$_GPC['rootca2']; //接受参数
$cfg['apiclient_cert']=$_GPC['apiclient_cert2'];
$cfg['apiclient_key']=$_GPC['apiclient_key2'];
if ($_FILES["rootca"]["name"]){
if(file_exists($dir_url.$settings["rootca"]))@unlink ($dir_url.$settings["rootca"]);
$cfg['rootca']=TIMESTAMP.".pem";
move_uploaded_file($_FILES["rootca"]["tmp_name"],$dir_url.$cfg['rootca']); //移动到目录下
}