bt365体育投注.主頁欢迎您!!

    <acronym id="zvmrr"></acronym>
    <td id="zvmrr"></td>
  • <tr id="zvmrr"><label id="zvmrr"></label></tr>
  • <acronym id="zvmrr"></acronym>
  • 普拉斯强

    普拉斯强 查看完整档案

    上海编辑  |  填写毕业院校鞋厂  |  CODER 编辑 github.com/yaofly2012/note/issues 编辑
    编辑

    前端er

    个人动态

    普拉斯强 回答了问题 · 11月8日

    JS定时器刷新页面计时重新开始?

    从软件设计的角度看【安排人员】操作触发了数据状态的变化,所以应该对应一个“剩余时间”属性,并存储在服务端。大致流程:

    1. 用户点击【安排人员】后前端调用接口,接口更新数据状态并存储操作时间(用于计算“剩余时间”);
    2. 这样每次页面刷新(或者用户第一次进入该页面)应该从服务端获取“是否已经进行【安排人员】操作”和“剩余时间”

    关注 4 回答 4

    普拉斯强 回答了问题 · 11月8日

    js函数提升问题

    语句块里声明函数的奇葩问题可以参考美团前端二面,读代码题求解

    关注 3 回答 2

    普拉斯强 回答了问题 · 11月7日

    解决关于 js 数组 setter

    利用Proxy:

    var arr = []
    var proxyArr = new Proxy(arr, {    
        set: function(target, key, value) {    
            // do something    
            console.log(`key=${key}, value=${value}`);
            target[key] = value; 
        }
    });
    
    
    proxyArr[0] = 12;

    关注 4 回答 3

    普拉斯强 关注了问题 · 11月7日

    前端,直播消息滚动区,顶部阴影模糊效果怎么实现,100红包。求帮助?

    使用了很多渐变,等css都不行。因为底部需要的感觉是透明的,然后是模糊的效果,消息到顶部需要消失的效果。

    // 人家的效果,我们想要的效果

    // 我的代码部分。你可以修改

    <!doctype html>
    <html lang="en">
    <head>
     <meta charset="UTF-8">
     <title>使用Javascript实现文字信息间歇性滚动滚动</title>
     <style type="text/css">
     *{margin:0;padding:0;}
        .box{
          width:375px;
     height:750px;
     margin:100px auto;
     border:1px solid #000;
     border-radius:20px;
     box-shadow:5px 5px 10px #333;
     background: url("./bg.jpg") no-repeat;
     overflow:hidden;
     position: relative;
     }
        .content{
          height:300px;
     overflow:hidden;
     position: absolute;
     bottom: 50px;
     left: 0;
     width: 100%;
     }
        ul li{
          list-style:none;
     height:40px;
     vertical-align: middle;
     text-align:left;
     background:rgba(0,0,0,0.5);
     width: calc(70% - 30px);
     margin-left: 20px;
     font-size:14px;
     margin-bottom: 10px;
     border-radius: 8px;
     padding: 0 10px;
     box-sizing: border-box;
     color: white;
     }
        .xuanfu {
          height: 10px;
     z-index: 9999;
     width: calc(70% - 30px);
     margin-left: 20px;
     position: absolute;
     bottom: 340px;
     opacity: .5;
     /*background-color: rgba(255,255,255,.6);*/
     /*-webkit-mask-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 15%,rgba(255,255,255,1) 100%);*/ /*!*background-image: linear-gradient(transparent);*!*/ /*!*-webkit-mask: linear-gradient(to right, #000, transparent);*!*/ /*left: 0;*/ }
      </style>
    </head>
    <body>
    <div class="box">
     <div class="xuanfu"></div>
     <div class="content" id="content">
     <ul class="msg1" id="msg1">
     <li>考生走路甩手误将准考证扔河里</li>
     <li>20余省公务员省考笔试放榜</li>
     <li>辟谷减肥:“大师”称意念发功可治病</li>
     <li>2017公务员考试34万人报名 </li>
     <li>钢票网与恒丰银行正式签订</li>
     <li>男子送交警“胡乱作为 以权谋私”锦旗 被拘5日</li>
     <li>美国会表决通过新驻华大使 月底有望赴华</li>
     <li>英国曼彻斯特发生爆炸 事发地正举行演唱会</li>
     <li>上海一家三口住9平米房间27年 儿子踩冰箱上床</li>
     <li>女讲师称女孩最好嫁妆是贞操:没人愿娶堕过胎的</li>
     <li>考生走路甩手误将准考证扔河里 消防员跳河打捞</li>
     <li>20余省公务员省考笔试放榜 作弊者特别惨</li>
     <li>辟谷减肥:“大师”称意念发功可治病</li>
     <li>2017公务员考试34万人报名 平均24人抢1个职位</li>
     <li>钢票网与恒丰银行正式签订资金存管协议</li>
     <li>男子送交警“胡乱作为 以权谋私”锦旗 被拘5日</li>
     <li>美国会表决通过新驻华大使 月底有望赴华</li>
     <li>英国曼彻斯特发生爆炸 事发地正举行演唱会</li>
     <li>上海一家三口住9平米房间27年 儿子踩冰箱上床</li>
     <li>女讲师称女孩最好嫁妆是贞操:没人愿娶堕过胎的</li>
     <li>考生走路甩手误将准考证扔河里 消防员跳河打捞</li>
     <li>20余省公务员省考笔试放榜 作弊者特别惨</li>
     <li>辟谷减肥:“大师”称意念发功可治病</li>
     <li>2017公务员考试34万人报名 平均24人抢1个职位</li>
     <li>钢票网与恒丰银行正式签订资金存管协议</li>
     <li>男子送交警“胡乱作为 以权谋私”锦旗 被拘5日</li>
     <li>美国会表决通过新驻华大使 月底有望赴华</li>
     <li>英国曼彻斯特发生爆炸 事发地正举行演唱会</li>
     <li>上海一家三口住9平米房间27年 儿子踩冰箱上床</li>
     <li>女讲师称女孩最好嫁妆是贞操:没人愿娶堕过胎的</li>
     </ul> <ul id="msg2"></ul>
     </div></div>
    <script>
     var content=document.getElementById("content");
     var msg1=document.getElementById("msg1");
     var msg2=document.getElementById("msg2");
     var liHeight = 50;
     var speed = 50;//滚动的速度
     msg2.innerHTML=msg1.innerHTML;
     var delay = 10;
     var time;
     content.scrollTop=0;
     function startScroll(){
        time = setInterval(upScroll,speed);
     content.scrollTop++;
     };
     function upScroll(){
        if(content.scrollTop % liHeight==0){
          clearInterval(time);
     setTimeout(startScroll,delay);
     }else{
          content.scrollTop++;
     if(content.scrollTop >= content.scrollHeight/2){
            content.scrollTop =0;
     }
        }
      }
      setTimeout(startScroll,delay)
    </script>
    </body>
    </html>

    关注 3 回答 1

    普拉斯强 回答了问题 · 11月7日

    不应该是每次返回的闭包都是n=0吗,++也应该在n=0基础上,输出应该是111啊

    a.fn1方法每次调用时都会修改a.fn1的作用域对象属性n的值。Chrome debugger看看:
    image.png

    image.png

    image.png

    image.png

    关注 2 回答 1

    普拉斯强 回答了问题 · 11月6日

    JavaScript中,有了apply,为什么还要有call?

    一开始确实只有call,后来估计方便开发者处理参数引入了apply,但也导致apply的性能不如call。lodash库居然还定义了一个“更快的apply”,其内部就是利用call:

    /**
     * A faster alternative to `Function#apply`, this function invokes `func`
     * with the `this` binding of `thisArg` and the arguments of `args`.
     *
     * @private
     * @param {Function} func The function to invoke.
     * @param {*} thisArg The `this` binding of `func`.
     * @param {Array} args The arguments to invoke `func` with.
     * @returns {*} Returns the result of `func`.
     */
      function apply(func, thisArg, args) {
        switch (args.length) {
          case 0: return func.call(thisArg);
          case 1: return func.call(thisArg, args[0]);
          case 2: return func.call(thisArg, args[0], args[1]);
          case 3: return func.call(thisArg, args[0], args[1], args[2]);
        }
        return func.apply(thisArg, args);
      }

    关注 4 回答 4

    普拉斯强 赞了回答 · 11月5日

    解决为什么position: absolute的包含块是第一个非static的祖先?

    position 的默认值就是 static,如果可以作为 absolute 的 offset parent,那 position 定位体系就完全失去了魔力。跨 DOM 层级脱离文档流定位就没法实现了,你永远被你的父元素束缚住了。

    你如果希望内部的 absolute 直接被父元素束缚,加一个 position: relative 不设置 top right bottom left 是完全没有任何副作用的,效果和 static 一样,只是多了一个束缚内部 absolute 元素的能力。

    关注 1 回答 1

    普拉斯强 赞了回答 · 11月3日

    HOOK组件内使用useRef作用于隐藏的Input为什么会导致ref失效?

    // hooks 执行时异步操作,当你设置显示input之后,有立马执行获取焦点操作,肯定会出问题,试试下面的操作

     useEffect(()=>{
        if(inputVisible && ref.current) {
            console.log(ref.current);
            ref.current?.focus();
        }
     },[inputVisible])
     const showInput = () => {
        setInputVisible(true);
      };
      

    关注 2 回答 2

    普拉斯强 回答了问题 · 11月2日

    解决求教诸位一个关于css的小问题,详见描述?

    当去除display:block;之后a标签变成了inline元素,给它指定的高度#navlist a{height:44px;}变成无效的,因为本身没有子元素,所以标签a的宽高都是0。此时根本点不到a标签,所以“链接就打不开了”。

    关注 4 回答 2

    普拉斯强 回答了问题 · 11月2日

    为什么前端组件库都打包成commonjs的形式?

    能想到的原因:

    1. UMD打包会增加组件的体积,尤其当每个组件都单独打包时;
    2. 项目基本都是webpack打包的,此时组件库已经没必要再去兼容AMD、CMD等模块加载方式;
    3. 带来的效果就是减少组件包体积,提升了打包速度。

    关注 3 回答 1

    认证与成就

    • 获得 138 次点赞
    • 获得 6 枚徽章 获得 0 枚金徽章, 获得 1 枚银徽章, 获得 5 枚铜徽章

    擅长技能
    编辑

    开源项目 & 著作
    编辑

    注册于 2016-11-02
    个人主页被 1.9k 人浏览

    bt365体育投注