rijiujiuav,&

分類:

推薦最新等你回答

涼汐回答

postcss里有一個插件 postcss-pxtorem

乞許回答

之前寫過一個用百度智能提示練習(xí)jsonp的，里面有上下鍵選擇功能，僅供參考。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title></title>
    <style>
        * { padding: 0; margin: 0; }
        html, body { height: 100%; width: 100%; text-align: center;background:url(images/bg.jpg) center center no-repeat;background-size:cover; }
        input { width: 800px; height: 40px; border: 1px solid #ccc; outline: none; padding: 5px 10px; margin-top: 300px; font-size: 16px; font-family: 'Microsoft YaHei'; background: rgba(255,255,255,0.8); }
        ul { width: 820px; margin: 0 auto; list-style: none; margin-top: -1px;background:rgba(255,255,255,0.8); }
            ul.border { border: 1px solid #ccc; }
        li { line-height: 40px; text-align: left; padding: 0 10px; cursor: pointer; }
            li.active { background: #0094ff; color: #fff; }
    </style>
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script>
        function getData(data) {
            var list = data.s;
            var html = '';
            $.each(list, function (index, item) {
                html += "<li>" + item + "</li>";
            });
            $("ul").addClass("border").html(html);
        }

        function search(kw) {
            window.location. + encodeURIComponent(kw);
        }

        $(function () {
            $("input").focus().keyup(function (e) {
                var kw = $(this).val();
                if (!kw) {
                    $("ul").removeClass("border").html("");
                    return;
                }

                if (e.keyCode == 13) {
                    var kw = $(this).val();
                    if (!kw) {
                        return;
                    }
                    search(kw);
                }
                else if (e.keyCode == 38) {
                    var active = $("li.active");
                    if (active.length) {
                        var prev = active.prev();
                        if (prev.length) {
                            prev.addClass("active").siblings().removeClass("active");
                        }
                        else {
                            $("li:last").addClass("active").siblings().removeClass("active");
                        }
                    }
                    else {
                        $("li:last").addClass("active");
                    }
                    $("input").val($("li.active").text());
                }
                else if (e.keyCode == 40) {
                    var active = $("li.active");
                    if (active.length) {
                        var next = active.next();
                        if (next.length) {
                            next.addClass("active").siblings().removeClass("active");
                        }
                        else {
                            $("li:first").addClass("active").siblings().removeClass("active");
                        }
                    }
                    else {
                        $("li:first").addClass("active");
                    }
                    $("input").val($("li.active").text());
                }
                else {
                    $.ajax({
                        type: "get",
                        url: "http://suggestion.baidu.com/su",
                        data: { 'wd': kw, 'p': '3', 'cb': 'getData', 't': new Date().getMilliseconds().toString() },
                        dataType: "jsonp",
                        success: function (data) { },
                        error: function () { }
                    });
                }
            });

            $("ul").on("click", "li", function () {
                search($(this).text());
            });
        });
    </script>
</head>
<body>
    <input type="text" placeholder="百度一下" />
    <ul></ul>
</body>
</html>

《深入理解ES6》中的錯誤？

六扇門回答

以下是ES6標準原文中關(guān)于 module 的 export 規(guī)則所集成的表格：

export rules

從表中來看，似乎沒有export variable的規(guī)則。

書上可能是有勘誤，不用每次導(dǎo)出聲明的意思應(yīng)該是指用export default的方式進行默認導(dǎo)出。

從標準中的 import 規(guī)則也不難看出：
import rules

導(dǎo)入某個指定的對象（或變量）需要通過 destructuring 的方式引入，要么就是從 default 導(dǎo)入。

為什么觸發(fā)bfc后，原本不能包裹子元素的父元素就可以包裹子元素了呢

我甘愿回答

BFC的特點之一就是計算高度的時候會計算內(nèi)部的float元素

vue的css和js導(dǎo)入問題

終相守回答

應(yīng)該是引入的js和vue的js在語法上有沖突。。。我自己是講需要的外部js在組件中需要時引用。

redux如何修改數(shù)組的某一項

櫻花霓回答

const reducers = (state, action) => {
  case 'CHANGE_SHOW_STATE': {
    const { lists } = state
    const updatedItem = xxx
    const updatedLists = [
       ...lists.slice(0, 1),
       updatedItem,
       ...lists.slice(2),
    ]
    return {
       ...state,
       lists: updatedLists,
    }
  }
}

react-router v4版本怎么在router一個文件內(nèi)配置嵌套路由？

失魂人回答

看官方文檔啊。就這么用，不過感覺有點小bug

包含對象的復(fù)雜數(shù)組深拷貝

心上人回答

Emmmm，最簡單的辦法嘛...

arrCopy = JSON.parse(JSON.stringify(arr))

復(fù)雜一點的話，自己寫一個遞歸咯。

svn提交項目到碼云，提示Empty directories is not supported

笑浮塵回答

碼云是基于 Git 構(gòu)建的代碼管理系統(tǒng)，所以即使支持 SVN，我猜背后具體的實現(xiàn)也是 Git——因此，就算 SVN 本身支持對目錄（包括空目錄）的管理，但 Git 不支持，所以會報那樣的錯誤。

那么為了繞過這個錯誤，需要在空目錄下放一個文件，不管什么文件都行，只不過 .keep 已經(jīng)成為了共識，大家都知道這個文件的目的只是為了目錄不為空，不用作其它。

剩下的問題就是，在空目錄下創(chuàng)建一個空的 .keep 文件。所以你問題中提到的那個是別人寫了一個工具用來創(chuàng)建 .keep 文件。也許你的用法有點不對，所以沒有效果。那么先不說這個事情。如果你的空目錄并不是很多，那只需要進入空目錄，手工創(chuàng)建 .keep 文件即可。

Linux 下直接用 touch 命令就可以創(chuàng)建，在 Windows 下稍稍麻煩一點。如果是 Explorer 中創(chuàng)建，需要新建一個文件，名為 .keep.，后面那個點必須要，不然創(chuàng)建不起。當然也可以在 CMD 下面用 type nul > .keep 或者 copy nul .keep 來創(chuàng)建。只要創(chuàng)建出來一個，其它空目錄只需要拷貝粘貼進去就好了。

至于那個 Java 寫的工具，運行沒有效果，你可以嘗試在命令行下用 java -jar xxxx.jar 來運行，如果仍然沒有效果，有可能是和當前目錄有關(guān)。既然你用 SVN，我猜你會寫程序，那就算用自己熟悉的語言寫一個，也應(yīng)該不是什么難事。

關(guān)于Radio單選框問題 antd

薔薇花回答

你好我也遇見了這個問題請問怎么解決？

v-for指令中，沒有寫:key="..."，為什么會提示最好要有這個屬性的綁定呢？

奧特蛋回答

1.樓上已經(jīng)說得很全面啦,vscode的Eslint不建議取消,這個功能還是能幫我們檢測出不少不標準的語法,特別是現(xiàn)在框架升級比較快,有些語法可能有變動
2.id可以有v-for生成,這樣就可以動態(tài)變化

<el-checkbox v-for="(selItem,index) in operatFrom.arkSelPer" label="selItem.key" :key="index"></el-checkbox>

在公司里面，前端跟后端是如何協(xié)作的？

憶當年回答

前后端現(xiàn)在分離，后端只負責(zé)提供數(shù)據(jù)，前臺想怎么寫都行，只要符合要求

cookies問題

乞許回答

在頁面使用$.cookie("key","value");
服務(wù)端的request的cookie就有值了

用的layui的上傳控件，為什么傳到后臺之后是null??？

來守候回答

因為你前端提交的參數(shù)名(file)與后臺接收的參數(shù)名(imageFile)不一致，導(dǎo)致后臺接收不到數(shù)據(jù)

我從layui示例中上傳文件

使用chrome瀏覽器，打開開發(fā)者工具（win F12，蘋果 option + command + i），點擊上傳文件，查看它發(fā)送的請求，如下圖紅圈，發(fā)現(xiàn)參數(shù)名為file

所以如果不想改前端，只改后臺，可以將后臺接收參數(shù)名改成file。或者修改前端提交的參數(shù)名，從改插件的提供的參數(shù)選項上可以修改，如下圖紅圈部分，前端只需添加一個字段field:imageFile即可

有滴滴的前端同學(xué)么，咨詢一個微信小程序地圖組件使用陰影的問題。

陌上花回答

我最近也在練手小程序，也是滴滴他們家的產(chǎn)品，仿的青桔單車，也是遇到了和你一樣的問題，map組件遮蔽box-shadow陰影，折騰了好幾天嘗試了各種方式不得其解，最后決定獲取到青桔單車的wxapkg文件進行反解包，結(jié)果在image中發(fā)現(xiàn)了這樣兩個文件：圖片描述

一切都明白了，就是使用cover-image 將陰影圖片定位上去的

nodejs開發(fā)微信公眾號的問題

風(fēng)清揚回答

一般這種前后端分離的就是不需要node去渲染界面了，你都用上angular了，整個調(diào)用流程應(yīng)該是。
angular -> nodejs -> wx api -> nodejs -> angular

關(guān)于利用webpack打包，與項目開發(fā)的一些問題！

孤慣回答

webpack有watch模式……
監(jiān)控文件變化，文件改變之后自動重新打包

如何用three.js實現(xiàn)無縫輪播橫幅效果（有網(wǎng)站示例）？

怪痞回答

答非所問了，點進題主給的鏈接是404，所以忽略

css的，在主流瀏覽器中試試

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        *{margin:0;padding:0}
        .show{
            text-transform: uppercase;
            font-size: 84px;
            line-height: 96px;
            opacity: .1;
            color: #fff;
            width:300px;
        }
        #spotlight{
            display: block;
            width: 150px;
            height: 150px;
            position:absolute;
            top:50px;
            left:0;
            opacity: 1;
            overflow: hidden;
            border-radius: 50%;
        }
        #spotlightHelper{
            width: 150px;
            height: 150px;
            position:absolute;
            top:-50px;
        }
    </style>
</head>
<body style="background: #0c0a15">
<div>
    <div class="show">
        <span>Page</span>
        <span>Not</span>
        <span>Found</span>
    </div>
    <div class="show" id="spotlight">
        <div id="spotlightHelper">
            <span>Page</span>
            <span>Not</span>
            <span>Found</span>
        </div>
    </div>
</div>
<script>
    let sl=document.getElementById('spotlight'),
      slAttr=sl.getBoundingClientRect(),
      slW=slAttr.width,
      slH=slAttr.height;
    let slHelper=document.getElementById('spotlightHelper')
    document.onmousemove=function (e) {
      let curX=e.clientX-slW/2,curY=e.clientY-slH/2
      sl.style.cssText=`top:${curY}px;left:${curX}px;`
      slHelper.style.cssText=`top:${-curY}px;left:${-curX}px;`
    }
</script>
</body>
</html>

vue-cli3.0創(chuàng)建的項目怎么配置postcss?

有點壞回答

@kybetter 請問是如何解決的？遇到配置‘postcss-pxtorem’，我寫在vue.config.js中不生效，問題基本和題主一樣

css: {
    loaderOptions: {
        postcss: {
            'postcss-pxtorem': {
                 rootValue: 75
             },
            'postcss-theme-variables': {
                vars: {
                    white: '#000'
                },
                prefix: '$'
            }
        }
    }
}

vue中使用nuxt.js 為什么第一次進來的子路由是正常的一刷新網(wǎng)站就變成 document is not defined

夢囈回答

因為第一次跳轉(zhuǎn) 只不過是javascript 在瀏覽器里修改了url，不生成http請求
但你一刷新，就產(chǎn)生http請求了，而document是只存在于瀏覽器中的，node服務(wù)端是沒有document這個對象的