鍍金池/ 問答/ HTML問答
練命 回答
import pandas as pd

def csv_to_xlsx_pd(csv_pt, encoding='utf-8'):
    csv = pd.read_csv(csv_pt, encoding=encoding)
    csv.to_excel(csv_pt.split('.')[0]+'.xlsx', sheet_name='data')

# TODO 批量處理目錄下的文件 os.listdir

if __name__ == '__main__':
    csv_to_xlsx_pd()
命多硬 回答

不用正則,用 DOM API也可以,最近喜歡嘗試奇技淫巧

let str = `aaaaaaaaaaaa
<img name="U+1F608" src="../../static/images/emoji/1f608.png" style="width: 18px;height: 18px;margin: 2px;">
bbbbbbbbbbbbb
<img name="U+1F609" src="../../static/images/emoji/1f609.png" style="width: 18px;height: 18px;margin: 2px;">
cccccccccccccc`
let div = document.createElement('div')
div.innerHTML = str
Array.from(div.children).forEach(img => {
  div.replaceChild(document.createTextNode(img.name), img)
})
console.log(div.innerHTML.replace(/\s/g, ''))

終相守 回答

還有一個input事件你試試看

有你在 回答

可以只用typescript進行驗證,也可以只用prop-types進行驗證,也可以兩者混搭進行驗證,這個并沒用嚴格限制。
首先不管用typescript,還是prop-types,都只在開發(fā)模式下進行檢查,typescript無需多言,react我們參考官網(wǎng):
clipboard.png
只是用typescript驗證提示是ts語言帶來的功能,用prop-types驗證提示是react帶來的功能。至于寫法我們可以參考官網(wǎng)(官網(wǎng)真是好東西):

clipboard.png

clipboard.png
typescript參考鏈接

react參考鏈接

如果想看中文的,請自行百度(感冒,睡不著,也不想工作)。

最后我們拿當下最火的ui框架ant-design,咱們看看阿里的源碼怎么寫的?

Affix組件(兩者都有用):

clipboard.png

Alert組件(只用了一種):

clipboard.png

艷骨 回答

webpack有熱加載功能,看一下自己的webpack里有沒有配置

吢丕 回答

https://github.com/ftlabs/fas...

If you're using Browserify or another CommonJS-style module system, the FastClick.attach function will be returned when you call require('fastclick'). As a result, the easiest way to use FastClick with these loaders is as follows:

var attachFastClick = require('fastclick');
attachFastClick(document.body);

青裙 回答

方法1:

$.fn.append = $.fn.prepend;
$.get( "test.php", function( data ) {
    $( "body" ).append( "aaa" );
});
$("body").append("bbb");

方法2:

$.ajax({
  url: "test.php",
  async: false,
  success: function( data ) {
    $( "body" ).append( "aaa" );
});
$("body").append("bbb");

方法3:

$.get( "test.php", function( data ) {
    const content = $("body").contents();
    $( "body" ).append( "aaa" ).append(content);
});
$("body").append("bbb");

方法N...

任她鬧 回答

clipboard.png
可以修改選中圖標,換一個你需要的顏色的圖標。

巴扎嘿 回答
function ajax(data){
    return axios.
}
axios.all(data.map((v, i)=>ajax(v))).then...
檸檬藍 回答

"File"->"Project Structure"->"Library",點"+"

別逞強 回答

react里對state的變更需要使用setState方法才能保證ui和state保持同步,這是最基本的react的常識-copy~多看看文檔

撿肥皂 回答

只可能有兩種方案,一種是騰訊早先已經(jīng)抓取了這個鏈接的網(wǎng)頁內容,提出Meta標簽當中title,抓出圖片生成了這么一張卡片卡片;還有一種可能就是各個網(wǎng)站和騰訊有合作,通過對接騰訊的開放平臺,自己上傳xml,當中包括鏈接及對應的title和圖片。
關于這個,對接騰訊開放平臺的具體文檔我沒找到,不過我做過SEM及SEO,各個搜索引擎搞得那套競價排名、搜索排名,都是這樣弄的。

補充:
<title>標簽中的內容,是這個網(wǎng)頁提供給瀏覽器展示選項卡,如下:
clipboard.png

另外<title>也是提供給搜索引擎所展示的搜索結果標題,而<meta name='description'>標簽是提供給搜索引擎,描述了這個頁面主要是什么內容:
clipboard.png

你這樣寫暫時沒有這個效果,可能是因為騰訊的搜索引擎還沒來抓你的網(wǎng)頁,亦或他那邊處理需要時間,再或者是你還未提交xml,讓他來抓取。

空痕 回答

原因是split在處理含有捕獲組的正則的時候,會把捕獲組里面捕獲到的數(shù)據(jù)也當做分割后結果的一部分。如下:
圖片描述

代碼如下:

var str="abclskd,jsldk-lskdfj778,jsdkf*jdkf";
var regex1=/[,*-]/;
str.split(regex1);
(5) ["abclskd", "jsldk", "lskdfj778", "jsdkf", "jdkf"]

var regex2=/([,*-])/;
str.split(regex2);
(9) ["abclskd", ",", "jsldk", "-", "lskdfj778", ",", "jsdkf", "*", "jdkf"]

var regex3=/(?:[,*-])/;
str.split(regex3);
(5) ["abclskd", "jsldk", "lskdfj778", "jsdkf", "jdkf"]

所以,為了不出現(xiàn)這樣的結果,你把()改為(?:)

風清揚 回答

clipboard.png

如圖 ie8 并沒有你這個問題

clipboard.png

---------補充,別說ie8了,ie5我都跑通了---------

clipboard.png

前端代碼如下

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <script src="https://cdn.bootcss.com/jquery/1.2.3/jquery.js"></script>
    </head>
    <body class="bg1">
        <div id="root"></div>
        <script>
        var $dom = $("#root");
        
        $.ajax({
            url: 'https://localhost:3000/demo/api/sayHi',
            dataType:"json",
            data:{name:"jack"},
            type: 'post',
            success: function(res){
                $dom.text(res.data);
            },
            error: function(err){
                $dom.text('錯誤'+err.toString());
            }
        })
        </script>
    </body>
</html>

后端代碼如下,用nodejs實現(xiàn)的,其他語言也行,反正接口能返回東西就行

const express = require("express");
const app = express();

const fs = require("fs");
//讀取ssl的key
const privateKey = fs.readFileSync('./private.pem', 'utf8');
//讀取ssl的證書
const certificate = fs.readFileSync('./file.crt', 'utf8');
//裝箱
const credentials = { key: privateKey, cert: certificate };
//https的server
const SSLServer = require("https").createServer(credentials, app);

const router = express.Router();
const bodyParser = require("body-parser");

// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }));
// parse application/json
app.use(bodyParser.json());

//子路由
app.use("/demo", router);



/************常規(guī)接口開始*************/
//sayHi
router.post("/api/sayHi", (req, res) => {
    const { name } = req.body;
    res.json({code:0,message:"success",data:"hi,"+name})
});

/************常規(guī)接口結束*************/

//托管靜態(tài)資源
app.use("/demo", express.static('static'));
//404處理
app.use(function (req, res, next) {
    res.setHeader("Content-Type", "text/html;charset=utf-8");
    res.status(404).sendFile(__dirname + "/static/404.html");
});
//其它錯誤處理如500
app.use(function (err, req, res, next) {
    if (err) {
        console.log(err.stack.toString());
        res.setHeader("Content-Type", "text/plain;charset=utf-8");
        res.status(500).send('服務器大姨媽了!<br>servers is broken');
    }
});

SSLServer.listen("3000", function () {
    console.log("https服務器已啟動");
});

以下截圖為我上面貼的代碼以表證據(jù)

clipboard.png

clipboard.png

-----------結論/推理------------
你上面所說的同一個接口 一個http成功一個https不成功
那要取決于你訪問的這種網(wǎng)頁是什么協(xié)議 如果你網(wǎng)頁訪問的地址是http的 你去訪問一個https的 多半瀏覽器會阻止的

這句話可能比較拗口,見諒,我文字表述能力不強。。你自己意會一下吧

尐潴豬 回答

在源碼中引用 babel-polyfill 了嗎?不是只 npm install 就夠了,還要在源碼里 import "babel-polyfill"

解夏 回答

all的參數(shù)里面不要加[]

毀了心 回答

因為既然有明顯邊界了,就說明你不想讓它們合并了
https://developer.mozilla.org...

陪我終 回答

vue實例生命周期

寫在beforeCreate里最先執(zhí)行,跟mounted是同級的