2020-09-19 html的页面禁止微信中的分享 + css的flex实现一行宽度平均分配 + JS的对象转换为数字类型 + 软技能的预估工作量

2020-09-19 题目来源:http://www.h-camel.com/index.html

[html] H5页面在微信中如何禁止分享给好友和朋友圈?

<script>
    function onBridgeReady() {
        WeixinJSBridge.call('hideOptionMenu');
    }
    if (typeof WeixinJSBridge == "undefined") {
        if (document.addEventListener) {
            document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
        } else if (document.attachEvent) {
            document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
            document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
        }

    } else {
        onBridgeReady();
    }
</script>

[css] 使用flex实现一行有多个不等的标签元素宽度平均分配

#box{
    width: 100%;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;

}
.boxInfo{
    flex-basis:100%;/*平均分布方法1*/

    /*-webkit-box-flex: 1;
    -webkit-flex: 1;
    flex:1;*//*平均分布方法2*/

    height: 20px;
    font-size:14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;

    /*white-space: nowrap;*//*单行文本溢出会出现问题这条代码,所以用多行文本溢出来避免*/

}

<div id="box">
    <div class="boxInfo" style="background-color: red">
        <h3>文字文字文字文字费劲啊就是靠金卡吉萨快点见到我的哈哈吓唬大家是拉到了酒啊</h3>
    </div>
    <div class="boxInfo" style="background-color: green">
        <h3>咯大开杀戒的就看动漫几乎</h3>
    </div>
    <div class="boxInfo" style="background-color: orange">
        <h3>加紧对我看见看见撒娇就发哈凯撒科技圣诞节卡加斯哈市的好阿萨德哈哈撒恒大和撒谎交互设计的很婚纱哈市的好结婚</h3>
    </div>
</div>

来源 https://blog.csdn.net/qq_36979290/article/details/82348730

[js] 把对象转换到数字类型是如何转换的?

方法1: 转换函数 parseInt parseFloat

parseInt("123blue"); // 123
parseFloat("123blue"); // 123.0

方法2: 强制转换 Number

Number(false); // 0

方法3: 利用js变量弱类型转换, 使用了算数运算,所以不推荐

var str = "012.345";
console.log(str - 0); // 12.345
console.log(str * 1); // 12.345

[软技能] 你是如何预估工作量的?有什么理论依据吗?

根据以往的经验,加上一定的灵活时间,多次修正

猜你喜欢

转载自blog.csdn.net/vampire10086/article/details/108861814