发表于 | 分类于 | 阅读次数:

移动端在使用overflow-x:hidden属性时，如果直接加在body上无效，需将内容包裹在另一个div标签中，并且使用 overflow-x:hidden;postion:relative，两个属性，如：

1
2
3
4
5
6
<div style="overflow-x:hidden;position:relative">
    <section style="width:100%;height:100%">
    </seciton>
    <section style="tanslateX-100">
    </seciton>
</div>

1
2
3
4
5
6
7
8
9
10
11
<style>
.tanslateX-100{
    width:100%;
    height:100%;
    transform: translateX(100%);
    transition: all 0.5s;
    position: absolute;
    top: 50px;
    opacity: 1;
}
<style>

发表于 | 分类于 | 阅读次数:

在vue中使用$.toast()方法，会导致toast窗口首先出现在右下角，之后才会移动至中心。
解决方式为:将jquery-weui.css文件中的

1
2
3
4
5
6
7
8
.weui-toast{
    -webkit-transform: translate(-50%, -50%) ;
          transform: translate(-50%, -50%) ;
}
.weui-toast.weui-toast--visible{
      -webkit-transform: translate(-50%, -50%) ;
          transform: translate(-50%, -50%) ;
}

将上述样式中的scale属性删除

发表于 | 分类于 | 阅读次数:

在Angular中，因为将webpack打包内置了，所以设置webpack的alias需要按照如下方式

别名设置

1
2
3
4
5
6
7
// tsconfig.json文件中增加如下配置
"paths": {
  "@shared": [ "app/shared" ],
  "@shared/*": [ "app/shared/*" ],
  "@app": [ "app" ],
  "@app/*": [ "app/*" ]
}

别名使用

1
import test from '@app/test'

发表于 | 分类于 | 阅读次数:

用div元素将img包裹住，采用padding-top属性可以使图片自适应缩放



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="pic">
    <img src="/images/example.jpg" />
</div>

<style>
/* 可以把以下写入到通用css中，随时引用 */
.pic{
    possition:relative;
    overflow:hidden;
    padding-top:50%;(即图片宽高比例为50%)
}
.pic img{
    position:absolute;
    top:50%;
    transform:translateY(-50%);(图片上下居中)
    width:50%;
}
</style>

发表于 | 分类于 | 阅读次数:

微信jssdk初始化

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
//result为调取后端接口得到的签名信息，调用之前需要先确认：
//1、js接口安全域名已设置;服务器IP白名单已设置；
//2、测试最好用公众号里的测试环境,测试环境中使用ngrok进行外网端口映射;appId
//appSecret使用测试环境中的账号（后台同步使用该appid）
var data = result.data;
var appId = "*******"; //微信公众号的appid
var timestamp = data.timestamp;
var nonceStr =data.nonceStr;
var signature = data.signature;
wx.config({
    debug: false,
    appId: appId,
    timestamp: timestamp,
    nonceStr: nonceStr,
    signature: signature,
    jsApiList: [
        'checkJsApi',
        'onMenuShareTimeline',
        'onMenuShareAppMessage',
        'onMenuShareQQ',
        'onMenuShareWeibo',
        'hideMenuItems',
        'chooseImage',
        'hideMenuItems'
    ]
});
阅读全文 »

发表于 | 分类于 | 阅读次数: 
1
2
3
4
5
6
7
8
9
10
11
var expertList = {
    title:"title",
    name:"name"
}
// nodejs返回数据
res.render('expert/index',{
    title: res.__('expert.title'),
    expertBanner: expertBanner,
    expertList:expertList,
    current:"expert"
})

html模板中解析方式为：

1
2
//EJS模板中需要用<%- %> 进行解析
var expertList = JSON.parse(<%- JSON.stringify(expertList)%>)