自动化创建主机和部署服务
实现从主机创建到远程部署服务的自动化流程
主机部分使用了aws的sdk
创建实例
$result = $LightsailClient->createInstances([ 'availabilityZone' => $availabilityZone, 'blueprintId' => $blueprintId, 'bundleId' => $bundleId, 'instanceNames' => [$instanceName], ]);
容器内子元素的横向滚动交互
实现当容器内部元素超出容器宽度时通过拖拽进行滚动
首先在子元素增加样式，设置为内嵌block
$("div#planCard").css('display','inline-block'); $("div#planCard").css('float','none');
选择对象时的鼠标交互
鼠标hover到对象上时实现边框样式动态调整和点击后的样式调整
普通的点击事件绑定如下
$("div#planCard").click(function(){
订阅匿名购买页面测试
主要功能为选择套餐、支付、获取订阅内容、查看历史购买记录