CentOS7使用firewalld打开关闭防火墙与端口

1、firewalld的基本使用
#启动:
systemctl start firewalld
#关闭:
systemctl stop firewalld
#查看状态:
systemctl status firewalld 
#开机禁用:
systemctl disable firewalld
#开机启用: 
systemctl enable firewalld

2.systemctl是CentOS7的服务管理工具中主要的工具,它融合之前service和chkconfig的功能于一体。
#启动一个服务:
systemctl start firewalld.service

分类至 Linux
0条评论

微信小程序实现遮罩及阻止遮罩层下的页面滚动

实现遮罩效果

Html:
<view class="mask-view">
...
</view>

CSS:
.mask-view {
width: 100%;
height: 100%;
position: fixed;
overflow: hidden;
background-color: #ffffff;
z-index: 999;
top: 0;
left: 0;
}

阻止遮罩层下的页面滚动
只需要在遮罩层上加上catchtouchmove="ture"
需要注意的是:因模拟器无touch事件,需在真机上测试

<view class="mask-view" catchtouchmove="ture">
...
</view>

分类至 JS/CSS
0条评论

解决微信小程序inline-block不对齐的方法

解决方法:添加上 vertical-align:top后就会对其。应该是由于默认的 display:inline-block是基于 vertical-align:baseline 对齐的,改变一下 vertical-align 的类型就好了。

<view>
<view style="width:20%; display:inline-block; vertical-align:top;">
<image src="{{item.img}}"></image>
</view>
<view style="width:80%; display:inline-block; vertical-align:top;">
<text>...</text>
</view>
</view>

分类至 JS/CSS
0条评论

CSS calc() 函数

calc() 函数用于动态计算长度值。
需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);
任何长度值都可以使用calc()函数进行计算;
calc()函数支持 +, -, *, / 运算;
calc()函数使用标准的数学运算优先级规则;

分类至 JS/CSS
0条评论

ES6 简化对象写法

es6简化对象的写法:
同名的属性可以省略,函数可以省略关键字function
var name = 'kobe';
var age = 39;
var obj={
name, //同名的属性可以省略
age,
getName() { //函数可以省略关键字function
return this.name;
}
};

分类至 JS/CSS
0条评论

=> js 中箭头函数使用总结

箭头函数是在 es6 中添加的一种规范

x => x * x 相当于 function(x){return x*x}

箭头函数相当于 匿名函数,简化了函数的定义。语言的发展都是倾向于简洁对人类友好的,减轻工作量的。 就相当于我最钟情的python,有很多类似之处,在关于 promise 文章中我会和 Python 框架中的 tornado 中的异步进行对比的,很相似。

箭头函数有两种格式:一种只包含一个表达式,没有 { } 和 return ;一种包含多条语句,这个时候 { } return 就不能省略。

分类至 JS/CSS
0条评论

微信小程序 json 设置 backgroundColor 无效的问题

当我们在微信小程序 json 中设置 backgroundColor 时,实际在电脑的模拟器中根本看不到效果。
这是因为 backgroundColor 指的窗体背景颜色,而不是页面的背景颜色,即窗体下拉刷新或上拉加载时露出的背景。在电脑的模拟器中是看不到这个动作的,所以会让人误以为这个配置是无效的。
如果要设置页面背景颜色,得在 wxss 中自定义样式,如下:
page {
background-color: #eee;
}

分类至 随笔
0条评论