在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

1. 不管是上拉還是下拉，處理下防抖
2. json的話就用ajax拉，可以直接寫相對地址，后臺上線以后換下url加點data限定下要拉的數(shù)據(jù)(比如可以傳最后一個id和拉取數(shù)量)就行了
3. 如果就是本地需求（比如就是個年會抽獎或者是直接在你本機展示的原型，還不看代碼那種），可以直接寫成js，然后里邊加個變量名比如var data之類的，然后你直接加載這個js用這個變量就好

json 里面[] 不能帶空格 2個值之間

vue/cli 3和之前的架構(gòu)不一樣了，有點類似于create-react-app腳手架的組織方式。
如果你是相對路徑引入的話，webpack會幫你處理，官方也建議使用相對路徑。
絕對路徑的的話，相關(guān)文件需要放到public目錄下。

你說的那些，已經(jīng)有實現(xiàn)的，在不需要“動態(tài)”處理的情況下，是不用寫代碼。
能滿足你的需求，當然就不需要程序員。

你這不是已經(jīng)裝上了？

瀏覽器端 也就是js api的

1、兩個查詢可以創(chuàng)建一個(type,year)的復(fù)合索引來用
2、查詢時間差異大是因為你的條件不一樣，索引檢索的順序規(guī)則要明白，第一條：順序檢索type索引，找到對應(yīng)的主鍵，再到表數(shù)據(jù)文件中查找滿足year>=2017的數(shù)據(jù)，找到10條為止，由于2017之前還有很多數(shù)據(jù)，比如2016的，順序檢索完所有2016才能找到2017的數(shù)據(jù)，直到找到10條滿足條件的記錄。第二條：順序檢索type索引，找到10條記錄即可！這就是區(qū)別！！

免費的國內(nèi)有 沃通 （最多支持10個子域名），國外有 StartSSL
如果你不差那幾塊錢，去 https://www.ssls.com/ 買個吧，真心便宜

來自我另一個問題的回答 http://segmentfault.com/q/1010000003902204/a-1020000003926810

====
補充：APP分發(fā)其實我更建議你使用現(xiàn)成的方案，比如蒲公英，他們同樣支持企業(yè)證書。

通過mixins混合

為什么不直接用標簽加載 widget.js ?

ctx.model.Article.findById(id,{include:[{model:ctx.model.ArticleComment,include:[{model:ctx.model.User]}]});

一級model怎么include，子級就怎么include

FormData打印出來是一個空的Objet，但并不是說它的內(nèi)容是空的，只是它對前端開發(fā)人員是透明的，無法查看、修改、刪除里面的內(nèi)容，只能append添加字段。

FormData無法得到文件的內(nèi)容，而使用FileReader可以讀取整個文件的內(nèi)容。用戶選擇文件之后，input.files就可以得到用戶選中的文件，如下代碼：

$("#file-input").on("change", function() {
    let fileReader = new FileReader(),
        fileType = this.files[0].type;
    fileReader.onload = function() {
        if (/^image/.test(fileType)) {
            // 讀取結(jié)果在fileReader.result里面
            $(`<img src="${this.result}">`).appendTo("body");
        }
    }
    // 打印原始File對象
    console.log(this.files[0]);
    // base64方式讀取
    fileReader.readAsDataURL(this.files[0]);    
});

把原始的File對象打印出來是這樣的：

它是一個window.File的實例，包含了文件的修改時間、文件名、文件的大小、文件的mime類型等。如果需要限制上傳文件的大小就可以通過判斷size屬性有沒有超，單位是字節(jié)，而要判斷是否為圖片文件就可以通過type類型是否以image開頭。

參考這篇文章

前端本地文件操作與上傳

使用 ES5 內(nèi)置數(shù)組函數(shù) + 箭頭函數(shù)隱藏 for 循環(huán)細節(jié)

packageInfoList.forEach(package => {
    var newPackage = ConfigData.getGoods(true, package.id);
    package.packageTag.forEach(tag => {
        var newTag = newPackage.packageTag.find(t => t.id === tag.id);
        if(!newTag) return;
        tag.goods.forEach(goods => {
            var newGoods = newTag.goods.find(g => g.id === goods.id);
            if(!newGoods) return;
            var flag = updateGoodAttr(goods, newGoods);
        });
    });
});

updateGoodAttr = (goods, newGoods) => {
    goods.attr.forEach(attr => {
        var newAttr = newGoods.attr.find(a => a.id === attr.id)
        attr.option.filter(taste => !!taste.select).foreach(taste => {
            var newTasteOption = newAttr.option.find(t => t.id === taste.id);
            if(newTasteOption) {
                newTasteOption.select = taste.select;
            }
        });
    });
}

提取重復(fù)的數(shù)組比對邏輯

已經(jīng)省去里很多迭代的下角標處理里，但是代碼還是很啰嗦，頻繁重復(fù)對兩個數(shù)組進行元素比較。干脆把這個邏輯提取出來：

var match = (arr1, arr2, identifier, process) => arr1.forEach(item1 => 
    arr2.forEach(item2 => identifier(item1) === identifier(item2) && process(item1, item2))
);

傳入兩個數(shù)組，對數(shù)組元素的每個元素使用 identifier 獲取 id，如果比較成功，則調(diào)用 process 函數(shù)處理這兩個元素。例子中 identifier 都一樣，即 item => item.id.

var ID = item => item.id;

var processPackage = (p1, p2) => match(p1.packageTag, p2.packageTag, ID, processTag);

var processTag = (tag1, tag2) => match(tag1.goods, tag2.goods, ID, processGoods);

var processGoods = (goods1, goods2) => match(goods1,attr, goods2.attr, ID, processAttr);

var processAttr = (attr1, attr2) => match(attr1.options.filter(taste => !!taste.select), attr2.options, ID, processTaste);

var processTaste = (taste1, taste2) => taste2.select = taste1.select


var packageInfoList = [...], configPackageList = [...];

match(packageInfoList, configPackageList, ID , processPackage);

消除重復(fù)調(diào)用

目前代碼中還存在重復(fù)地調(diào)用 match 函數(shù)，調(diào)用邏輯相似而重復(fù)，如果能把這塊抽出來就好了。我們再提取一個函數(shù)，用來構(gòu)造 processXXX。processAttr比較特殊，對兩邊取子屬性的邏輯不一樣，所以提取的這個函數(shù)需要考慮 processAttr 的需求。

var subProcess = ([s1, s2], id, process) => (i1, i2) => match(s1(i1), s2(i2), id, process)

var fixSelector = f => Array.isArray(f) ? f : [f, f]
var processTaste = (taste1, taste2) => taste2.select = taste1.select
var processAttr = subProcess(
    fixSelector([item => item.options.filter(taste => !!taste.select), item => item.options]), 
    ID,
    processTaste
)
var processGoods = subProcess(fixSelector(item => item.attr), ID, processAttr)
var processTag = subProcess(fixSelector(item => item.goods), ID, processGoods)
var processPackage = subProcess(fixSelector(item => item.tag), ID, processTag)


var ID = item => item.id
match(
    packageInfoList,
    configPackageList,
    ID,
    processPackage
);

最后一步調(diào)用其實等價于：

subProcess(fixSelector([() => packageInfoList, () => configPackageList], ID, 
    subProcess( fixSelector(package => package.tag), ID
        subProcess( fixSelector(tag => tag.goods), ID,
            subProcess( fixSelector(goods => goods.attr), ID
                subProcess( fixSelector([attr => attr.options.filter(taste => !!taste.select), attr => attr.options]), ID
                    processTaste
                )
            )   
        )          
    )
)()

把掉套函數(shù)調(diào)用拉平試試？試想如下代碼：

f(a, f(b, f(c, f(d, e)))))

// 等價于

[a,b,c,d,e].reduceRight((prev, item) => f(item, prev))

于是有：

var match = (arr1, arr2, identifier, process) => arr1.forEach(item1 => 
    arr2.forEach(item2 => identifier(item1) === identifier(item2) && process(item1, item2))
)
var subProcess = ([s1, s2], id, process) => (i1, i2) => match(s1(i1), s2(i2), id, process)
// 為了傳遞 selector 的時候可以單獨給一個函數(shù)
var fixSelector = f => Array.isArray(f) ? f : [f, f]
var reducer = (prev, [selector, identifier]) => subProcess(fixSelector(selector), identifier, prev)
var process = (...items) => items.reduceRight(reducer)()


// 調(diào)用
process(
    [ [() => packageInfoList, () => configPackageList], ID], // 初始數(shù)據(jù)
    [ package => package.tag, ID], // 根據(jù)上面一項的元素，返回需要繼續(xù)比對的下一層數(shù)據(jù)
    [ tag => tag.goods, ID], // 把ID當參數(shù)在每一層傳進來是為了支持不同層取 ID 的方式不同
    [ goods => goods.attr, ID], // 再深也不怕，無非多一個參數(shù)
    // 支持兩邊不同的取值方法
    [ [attr => attr.options.filter(taste => !!taste.select), attr => attr.options], ID], 
    // 最后一個函數(shù)就是你處理深處數(shù)據(jù)的地方啦
    (taste1, taste2) => taste2.select = taste1.select 
)

雖然調(diào)用的時候挺漂亮的，但是有點繞。。。

https://jsrun.net/bJiKp/edit
測試發(fā)現(xiàn)是變得?？梢宰约狐c進去看看

http和https是兩個不同的協(xié)議。。
http默認就有了
而https是需要去購買證書才行。。

[]表示字符集，表示取該集合里面的任意一個字符，[\A-\￥]里面的-表示范圍，取的是-兩邊字符的Unicode值，可以通過charCodeAt獲取字符的Unicode值，如下：

"A".charCodeAt(0) // 65
"￥"chartCodeAt(0) // 65509

所以字符的取值范圍是Unicode值為65-65509之間的任意字符，用十六進制表示為0041-FFE5。
大部分的中文其實都是在這個范圍之內(nèi)的，百科鏈接

• CJK Compatibility (3300–33FF)

• CJK Compatibility Forms (FE30–FE4F)

• CJK Compatibility Ideographs (F900–FAFF)

所以可以用上面的正則匹配中文，當然這個正則的匹配范圍和中文的匹配范圍并不是完全對應(yīng)的，因為該正則的范圍比常見中文的范圍要大，大小寫字母也是包含其中的。另外，還有一些中文如CJK Compatibility Ideographs Supplement (2F800–2FA1F)則不在該正則范圍之內(nèi)，所以這個就需要你自己去權(quán)衡正則要精確匹配到什么程度。

現(xiàn)在你是“客戶端”，你要在www.baidu.com這臺服務(wù)器上打印$_SERVER['HTTP_REFERER']才會得到你作為客戶端偽造的referer

因為可以使用前端框架一些方案解決前端開發(fā)，但是渲染放在前端，搜索引擎是解析執(zhí)行不了的
你的那種方案，并不可行，這樣load的頁面返回本質(zhì)上還是在前端渲染
搜索引擎只認拿到的，并不關(guān)你會變成怎樣。
那么就簡化成只要拿到處理后的html即可
例如build出前端項目 加一層渲染 然后返回渲染后的文件
例如ssr模塊，犧牲一些東西。

popperjs 依賴bootstrap 就像bootstrap依賴 JQ一樣，shim在加上一個依賴配置

深入淺出ES6（四）：模板字符串

是這個嗎？