鍍金池/ 問答/ HTML問答
澐染 回答

樣式依賴包有問題,之前有遇到版本問題的,建議再npm install一下

凝雅 回答

index == this.selectedIndex
return index

疚幼 回答

不顯示自帶的控件,自己做一套控件UI,通過調(diào)用Video的API實現(xiàn)

菊外人 回答

現(xiàn)在用Adobe XD效率更快,不過需要win10版本

不要直接給邊框指定 .5px 的邊框,也包括等值于 .5px 的 rem。目前來說比較成熟的方案是使用 1px 的邊框,再使用 scale(.5) 來做 .5px 細(xì)線。你可以嘗試用我下面的代碼試一下

.channel-list__item .channel-text {
    position: relative; 
}
.channel-list__item .channel-text::after {
    content: ''; 
    pointer-events: none; 
    position: absolute; 
    top: 0; 
    left: 0; 
    transform-origin: left top; 
    transform: scale(.5); 
}
別傷我 回答

1、提供一個思路:

  • 寫一個 div 擁有 border: 3px solid blue;
  • div 中寫四個 div 分別定位上下左右遮擋中間 border 部分

2、或者用其他人的思路,那樣子需要擁有兩個元素來為其分別設(shè)置 ::before::after

放開她 回答

首先我們要明白CommonsChunk是干什么用的,Common通用、共用的意思,Chunk大塊的意思,那么整個這個插件的作用就是把我們代碼中用到的零散的js文件合并成一個一個的大塊供系統(tǒng)調(diào)用,這樣可以有效地減少http請求次數(shù)。

那么把哪些js合并在一個大塊里,依據(jù)什么原則呢?就由這個minChunks來決定,minminimum的縮寫,意思就是最少大塊數(shù),它需要是比1大的整數(shù),同時還要求小于等于大塊總數(shù),這里如果你設(shè)置為2,那就是說如果有2個以上的大塊都用到了某一個js文件,那么我們就把它抽取出來放到這個公共大塊里,這樣就不會造成重復(fù)浪費。

infinity是無限的意思,這就是說必須有無限多個大塊都用到了這個js文件,我們才把它抽取出來放到這個公共大塊里,很顯然,不可能用任何js文件滿足這個條件被無限多個大塊使用,所以這里生成的其實就是一個空的大塊,它只有一個文件名,而文件長度是0,這就是minChunks: Infinity的作用。

尐懶貓 回答

建議把 headers 也貼出來;

content download 指的是資源 網(wǎng)絡(luò)傳輸?shù)倪^程,從服務(wù)器到客戶端,影響這個時間的有 資源大小、客戶帶寬等因素。可以判斷下資源的體積是否過大,可以通過從根本上降低資源體積(減少量或者拆包),另外也可在服務(wù)端開啟 gzip 來壓縮傳輸文件的體積,以此來降低需要傳輸?shù)馁Y源大小,減少下載時間

拽很帥 回答

我說一下前端微信分享吧,畢竟有些是后端做的。

綁定域名

我這里是后端配的,前端未參與

引入js文件

就是微信分享功能的jssdk

通過config注入權(quán)限

請求后臺給的微信分享功能的地址,獲取相應(yīng)數(shù)據(jù),然后配置到wx.config中

wx.config({
  debug: false,
  appId: 后臺返回數(shù)據(jù),
  timestamp: 后臺返回數(shù)據(jù),
  nonceStr: 后臺返回數(shù)據(jù),
  signature: 后臺返回數(shù)據(jù),
  jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone']
})

成功

在wx.ready()里執(zhí)行相應(yīng)的操作

wx.ready(function(){
})

最后,看看這個微信jssdk

野橘 回答

試試
this.$nextTick(function(){

this.myChart.setOption(newOp);

});

朕略萌 回答

我的項目里 是通過JS判斷設(shè)備,然后進(jìn)行vue-router跳轉(zhuǎn)到PC或移動端的組件去

悶騷型 回答

你的問題有問題,請描述清楚啊,不同服務(wù)肯定跨域了,你現(xiàn)在想要實現(xiàn)什么?

誮惜顏 回答

兩個網(wǎng)段不是在一個局域網(wǎng)嗎.在一個網(wǎng)段內(nèi)就沒問題.
路由設(shè)置成192.168.1.0

脾氣硬 回答

1、所有函數(shù)都是Function的實例(不考慮箭頭函數(shù)),所以所有函數(shù)的[[prototype]]原型都指向Function.prototype。
2、每一個prototype對象都有1個constructor屬性指向構(gòu)造它的函數(shù)。
3、函數(shù)實例本身并沒有constructor屬性,便沿著原型鏈去尋找,直到發(fā)現(xiàn)Function.prototype內(nèi)有constructor屬性。
4、根據(jù)2,F(xiàn)unction.prototype.constructor指向Function。
5、可能奇怪的點在于Function本身也是Function的實例,F(xiàn)unction的[[prototype]]原型指向Function.prototype,設(shè)計者可能是為了保持函數(shù)特性一致而設(shè)計的,畢竟凡事必得有始有終嘛(跑。

神曲 回答

你把<a href="" name="a1">123</a>這句話中的href=""去掉就可以了,a標(biāo)簽中有了href="",點擊a標(biāo)簽的時候會強制刷新頁面,導(dǎo)致你自定義的click點擊因頁面刷新無效。

不討囍 回答

1、使用vuex
2、使用eventbus
3、通過它們的父組件來傳遞

墨小白 回答

何不用個好點的編輯器,這樣看問題很費勁。
既然懷疑數(shù)據(jù)有問題,為什么不排版后再定位問題呢。
另外代碼問題,為什么不用代碼塊呢,圖片展示代碼不是很方便。

看樣子是eslint報錯,你的代碼中使用了未作聲明的變量,關(guān)于這點的解釋見ESLint no-undef規(guī)則。

朕略萌 回答
  1. express koa 的router不單單可以返回一段html 可以返回一段json 那么就可以實現(xiàn)前后分離式的開發(fā)
    他們可以做傳統(tǒng)的mvc模式也可以做express(接口) static (靜態(tài)文件服務(wù)) vue/react 這種前后分離模式
  2. 你說的放進(jìn)express 確實是沒什么意義的 也沒人會這么去做
    最多最多 能造個輪子開啟ssr
  3. express koa 只是基礎(chǔ)框架 不是企業(yè)級的框架 企業(yè)級的比如阿里egg 和社區(qū) thinkjs 都是基于koa的二次
    開發(fā)的框架 這連個就跟spring有很大重合了 mongodb企業(yè)級應(yīng)用的可能比較少 更適合個人開發(fā)或者對數(shù)據(jù)庫
    要求沒那么嚴(yán)格項目 比如一個內(nèi)部的工具庫
  4. 這個node做 中間件 說的大概是 比如一個頁面需要10個請求來渲染 那么node就可以做一個中間層 這10個請
    求由服務(wù)端node 代理發(fā)送 分別去請求 java 然后把這10個數(shù)據(jù) 合并 篩選 優(yōu)化 并向前端提供一個請求 這樣
    對前端比較友好

你可能不大理解前后分離的架構(gòu)及應(yīng)用部署 服務(wù)器是服務(wù)器 靜態(tài)文件服務(wù)器是靜態(tài)服務(wù)器
正常來說 需要以上三端 其中服務(wù)器和靜態(tài)服務(wù)器 可能會有一部分重合 比如 express 有個中間件叫static就可以提供靜態(tài)服務(wù)

情已空 回答

定制文件輸入框(input,type,file)樣式

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>三十客-定制文件輸入框(input,type,file)樣式</title>
    <style>
        .file-wrapper {
            position: relative;
            width: 225px;
        }
        .file-label {
            display: block;
            padding: 14px 20px;
            background: #39D2B4;
            color: #fff;
            font-size: 1em;
            text-align: center;
            transition: all .4s;
            cursor: pointer;
        }
        .input-file {
            position: absolute;
            top: 0; left: 0;
            width: 225px;
            opacity: 0;
            padding: 14px 0;
            cursor: pointer;
        }
        .input-file:hover + .file-label,
        .input-file:focus + .file-label {
            background: #34495E;
            color: #39D2B4;
        }
        form {
            padding: 1rem 0 0 1rem;
        }
    </style>
</head>
<body>
<h2>點擊按鈕查看演示效果</h2>    
<form action="#">
    <div class="file-wrapper">
        <input class="input-file" id="my-file" type="file">
        <label tabindex="0" for="my-file" class="file-label">選擇一個文件...</label>
    </div>
</form>
</body>
</html>