&

首先確認(rèn)一點(diǎn)，設(shè)計(jì)稿1920x1080，實(shí)際中要減去標(biāo)題欄、滾動(dòng)條甚至工具欄、標(biāo)簽頁(yè)等的距離，才是真實(shí)的頁(yè)面大小；
確保觀看頁(yè)面效果的顯示器或者屏幕，起碼可以達(dá)到1920x1980的分辨率水平（當(dāng)然也不是必須，但起碼會(huì)比較省事。小屏幕比如1366x768，倒是也可以通過(guò)響應(yīng)式設(shè)計(jì)模式，設(shè)置成較大的分辨率，但看起來(lái)總是麻煩點(diǎn)的不是？），并且DPR保持為1（系統(tǒng)的顯示設(shè)置里縮放為100%，且瀏覽器的縮放為100%，不確定的話去控制臺(tái)打印下window.devicePixelRatio看下是不是1）
確保那個(gè)被標(biāo)注的組件確實(shí)是100x50，最好去ps里用標(biāo)尺工具實(shí)際量一下……
如果3不能確定，那給瀏覽器裝個(gè)設(shè)計(jì)稿比對(duì)插件然后把預(yù)覽輸出拖進(jìn)去看看能不能重疊上就好了。我記得騰訊的哪個(gè)團(tuán)隊(duì)好像有個(gè)這樣的插件吧，好像叫啥AlloyDesign啥的，我手機(jī)記不太清了，你去搜下吧。

js截圖截取的base64 過(guò)大不能存到textarea或剪貼板，怎么辦？

心癌回答

為啥要存到 textarea 里, 顯示出來(lái)和不顯示出來(lái)占用的內(nèi)存量不一樣啊, 直接 get base64, 在 js 里上傳就行了.

vue路由跳轉(zhuǎn)

別逞強(qiáng) 回答

你可以寫(xiě)一個(gè)watch去監(jiān)聽(tīng)路由，路由信息變成路由2的路由信息的時(shí)候就把導(dǎo)航隱藏，否則就顯示，就可以了

新手，在Visual Studio 2017運(yùn)行新建的ionic項(xiàng)目出錯(cuò)

吢涼回答

我后面找到解決辦法，就是把src下面page文件夾下面的html，ts編碼格式換成UTF-8

sublimeText3 如何在文件標(biāo)簽欄里不顯示文件路徑？

莓森回答

記得左側(cè)會(huì)有文件管理項(xiàng)目結(jié)構(gòu)，在view視圖中可以打開(kāi) 可以更清晰的看到文件名,而不必依賴title上的文件名

微信支付-支付驗(yàn)收指引里的【驗(yàn)收簽名】如何獲??？

薄荷糖回答

網(wǎng)上查了好多帖子，終于搞定了，以饗后來(lái)者~
PS.如果確認(rèn)自己各項(xiàng)參數(shù)都對(duì)，但是還是提示簽名錯(cuò)誤，更新一下API密鑰，然后就ok了，微信那邊好像有緩存

創(chuàng)建一個(gè)沙箱驗(yàn)收的類(lèi)，擴(kuò)展自WxPayDataBase

class Sandbox extends WxPayDataBase{

    //設(shè)置對(duì)象的屬性
    public function s_setValues($k, $v){
        $this->values[$k] = $v;
    }

    //讀取對(duì)象的屬性
    public function s_getValues($k){
        return $this->values[$k];
    }
    
    //獲取密鑰API
    public static function getSignKey($input, $mch_key){

        console_log( '1:'.json_encode($input->values) );
        
        //提交業(yè)務(wù)
        $url = 'https://api.mch.weixin.qq.com/sandboxnew/pay/getsignkey';
        
        //生成簽名
        $input->setSign($mch_key);
        console_log( '2:'.json_encode($input->values) );
        
        //$values = $input->GetValues();
        //console_log( '3:'.json_encode($values) );
        
        $xml = $input->array2xml();
        console_log( '4:'.$xml );

        //向微信請(qǐng)求接口
        $result = self::postXmlCurl($xml, $url);
        console_log( json_encode($result) );

        $result = $input->xml2array($result);
        console_log( json_encode($result) );

        return $result;
    }

    

    /**
     * 
     * 產(chǎn)生隨機(jī)字符串，不長(zhǎng)于32位
     * @param int $length
     * @return 產(chǎn)生的隨機(jī)字符串
     */
    public static function getNonceStr($length = 32) 
    {
        $chars = "abcdefghijklmnopqrstuvwxyz0123456789";  
        $str ="";
        for ( $i = 0; $i < $length; $i++ )  {  
            $str .= substr($chars, mt_rand(0, strlen($chars)-1), 1);  
        } 
        return $str;
    }


    /**
     * 以post方式提交xml到對(duì)應(yīng)的接口url
     * 
     * @param string $xml  需要post的xml數(shù)據(jù)
     * @param string $url  url
     * @param bool $useCert 是否需要證書(shū)，默認(rèn)不需要
     * @param int $second   url執(zhí)行超時(shí)時(shí)間，默認(rèn)30s
     * @throws WxPayException
     */
    private static function postXmlCurl($xml, $url, $useCert = false, $second = 30)
    {    
        $ch = curl_init();
        
        //設(shè)置超時(shí)
        curl_setopt($ch, CURLOPT_TIMEOUT, $second);

        //設(shè)置訪問(wèn)的網(wǎng)址
        curl_setopt($ch, CURLOPT_URL, $url);
        
        //skysowe_modifid
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
        curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE);
        
        //設(shè)置header
        curl_setopt($ch, CURLOPT_HEADER, FALSE);
        
        //要求結(jié)果為字符串且輸出到屏幕上
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);

        console_log( 'cert:'.$useCert );
        if($useCert == true){
            //設(shè)置證書(shū)
            //使用證書(shū)：cert 與 key 分別屬于兩個(gè).pem文件
            curl_setopt($ch,CURLOPT_SSLCERTTYPE,'PEM');
            curl_setopt($ch,CURLOPT_SSLCERT, WxPayConfig::SSLCERT_PATH);
            curl_setopt($ch,CURLOPT_SSLKEYTYPE,'PEM');
            curl_setopt($ch,CURLOPT_SSLKEY, WxPayConfig::SSLKEY_PATH);
        }
        
        //post提交方式
        curl_setopt($ch, CURLOPT_POST, TRUE);
        curl_setopt($ch, CURLOPT_POSTFIELDS, $xml);
        //console_log( 'xml:'.json_encode($xml) );

        //運(yùn)行curl
        $data = curl_exec($ch);
        //console_log( 'curl_result:'.json_encode($data) );
        
        //返回結(jié)果
        if($data){
            curl_close($ch);
            return $data;
        } else { 
            $error = curl_errno($ch);
            curl_close($ch);
            throw new WxPayException("curl出錯(cuò)，錯(cuò)誤碼:$error");
            //console_log( 'curl_error:'.$error );
        }
    }


    /**
     * 輸出xml字符
     * @throws WxPayException
    **/
    public function array2xml()
    {
        if(!is_array($this->values) 
            || count($this->values) <= 0)
        {
            throw new WxPayException("數(shù)組數(shù)據(jù)異常！");
        }
        
        $xml = "<xml>";
        foreach ($this->values as $key=>$val)
        {
            if (is_numeric($val) || $key=="nonce_str" || $key=="sign" ){
                $xml.="<".$key.">".$val."</".$key.">";
            }else{
                $xml.="<".$key."><![CDATA[".$val."]]></".$key.">";
            }
        }
        $xml.="</xml>";
        return $xml; 
    }

    /**
     * 將xml轉(zhuǎn)為array
     * @param string $xml
     * @throws WxPayException
     */
    public function xml2array($xml)
    {    
        if(!$xml){
            throw new WxPayException("xml數(shù)據(jù)異常！");
        }
        //將XML轉(zhuǎn)為array
        //禁止引用外部xml實(shí)體
        libxml_disable_entity_loader(true);
        $this->values = json_decode(json_encode(simplexml_load_string($xml, 'SimpleXMLElement', LIBXML_NOCDATA)), true);        
        return $this->values;
    }

}

然后獲取sandbox_signkey

    //沙箱用例：0 獲取驗(yàn)簽秘鑰
    $sandbox_test = new Sandbox();

    $sandbox_test->s_setValues('mch_id', WxPayConfig::MCHID);
    $sandbox_test->s_setValues('nonce_str', $sandbox_test->getNonceStr());

    //debug
    console_log( $sandbox_test->s_getValues('mch_id') );
    console_log( $sandbox_test->s_getValues('nonce_str') );
    console_log( WxPayConfig::KEY );

    $rs = Sandbox::getSignKey($sandbox_test, WxPayConfig::KEY);

    //debug
    echo json_encode($rs);
    echo $rs['sandbox_signkey'];

    exit;

vue $on為什么沒(méi)觸發(fā)

扯機(jī)薄回答

$on 是注冊(cè) 不是觸發(fā)
this.dispatch abc的時(shí)候如果還沒(méi)注冊(cè) 就不會(huì)觸發(fā)了

React.createElement()生成的元素怎么添加綁定事件

避風(fēng)港回答

createElement()的調(diào)用方式如下：

React.createElement(
  type,
  [props],
  [...children]
)

綁定事件寫(xiě)在[props]中，例如：

var target = React.createElement('button', {
  onClick: () => { alert('lol') },
}, 'Click me');

ReactDOM.render(
        target,
        document.getElementById('root')
);

DEMO:
https://codepen.io/CodingMonk...

一個(gè)關(guān)于重構(gòu)數(shù)組的問(wèn)題

慢半拍回答

設(shè)置一個(gè)map = {}
遍歷fData
合并map[ownerName]信息
最后把map轉(zhuǎn)成數(shù)組就好了

airbnb 的 lazyload?

陪妳哭回答

lazy load 的標(biāo)簽一般這么寫(xiě)<img src="" data-url="imgurl" />
它的的原理就是檢測(cè)圖片位置是否即將進(jìn)入視窗內(nèi)
即將進(jìn)入時(shí)用 JavaScript 把data-url 的鏈接搬到 src，這個(gè)時(shí)候?yàn)g覽器就會(huì)加載圖片

至于有的圖片可以從模糊到清晰，可以參考漸進(jìn)式 jpeg
https://cloudinary.com/blog/p...

Nuxt使用 npm run generate打包后生成dist文件夾中，打開(kāi)index.html發(fā)現(xiàn)js無(wú)效

乖乖瀦回答

不要直接打開(kāi)html，要把目錄放到web服務(wù)器中（nginx，node等）

webpack-dev-server 運(yùn)行后，瀏覽器訪問(wèn)出錯(cuò)。

扯不斷回答

傻逼了，devServer.publicPath: '/' 修改為默認(rèn)值正常了。一直沒(méi)搞明白這個(gè)屬性的意思,是URL的訪問(wèn)路徑。