鍍金池/ 問答/ HTML問答
舊言 回答

沒有，只有mixin
點(diǎn)踩的朋友，你根本就不明白mixin和function的區(qū)別，還要誤導(dǎo)別人，趕快轉(zhuǎn)行吧

不討囍 回答

這和vue這種mvvm框架沒什么本質(zhì)關(guān)聯(lián)，就是在瀏覽器提供的原生拖拽事件上，增加一些視圖層邏輯，這部分邏輯應(yīng)該是你想知道的東西吧？

首先簡(jiǎn)單講你看到的元素其實(shí)是什么：

  • 虛框其實(shí)就是一個(gè)占位元素，一般叫做placeholder，它可能就是一個(gè)div，然后加一個(gè)虛框的樣式，僅此而已
  • 你拖拽的那個(gè)是一個(gè)鏡像元素，一般叫做mirror，它可能也是一個(gè)div或者別的什么的，然后加一個(gè)拖拽效果的樣式

首先先將這兩個(gè)元素放到頁面上，同時(shí)把它們隱藏。

之后就要利用瀏覽器的拖拽事件（drag, dragStart, dragOver之類的，這個(gè)詳細(xì)的去MDN上查）來抽象拖拽過程，以從右往左舉例：

  • 在右側(cè)拖拽事件開始時(shí)，隱藏你要拖的那個(gè)元素，同時(shí)顯示mirror
  • 之后拖拽的過程，會(huì)響應(yīng)鼠標(biāo)移動(dòng)的事件，動(dòng)態(tài)的移動(dòng)mirror的位置
  • 之后懸浮到左邊的容器元素上了，會(huì)響應(yīng)dragOver事件，這時(shí)候顯示左框中的placeholder
  • 之后拖拽完成時(shí)，會(huì)觸發(fā)drop相關(guān)的事件，隱藏mirror和placeholder，同時(shí)將真正的右側(cè)元素移動(dòng)到左邊

我這個(gè)描述是偏向dom層的，你用vue來做，可以把移動(dòng)元素的邏輯抽象到數(shù)據(jù)層來完成。

不過話說回來，這種拖拽其實(shí)是比較常用的交互，因此存在大量現(xiàn)成的工具庫，我給你推薦一個(gè)draggable。有興趣可以看看這些庫的源碼，基本和上面我所描述的差不多，唯一的區(qū)別在于，實(shí)現(xiàn)拖拽過程的事件可能不是利用drag/drop這類的，而是利用mouseup/mouseover/mousedown等鼠標(biāo)事件模擬的，但是大同小異。

同時(shí)關(guān)于拖拽的整個(gè)過程是一個(gè)event-driven的業(yè)務(wù)場(chǎng)景，因此使用一些響應(yīng)式的輔助手段會(huì)更好，比如rxjs，同時(shí)處理多個(gè)異步事件，我會(huì)經(jīng)常把自己寫懵逼。

撥弦 回答

一個(gè)div，給他一個(gè)足夠大的border或者box-shadow，或者 outline均可

.box{
    width:100px;
    height:100px;
    outline:1000px solid #000
}

這樣就形成的中間是鏤空的，其他地方都是黑色的

巴扎嘿 回答

應(yīng)該是require做了緩存，對(duì)同一個(gè)模塊重復(fù)加載會(huì)被忽略。

你可以判斷調(diào)用次數(shù)，第一次以回調(diào)函數(shù)的方式執(zhí)行，后面就直接執(zhí)行指定函數(shù)了

綰青絲 回答

事件機(jī)制了解一下

比如：onfire.js

孤酒 回答

如果是用了mvvm框架，像vue,這樣改變數(shù)據(jù)，視圖就可以同步更新，很簡(jiǎn)單。如果用jquery把dom獲取出來，刪掉第一條數(shù)據(jù)，在append了。

心夠野 回答

$(document).scroll(function(event){

$(this).scrollTop()

});

真難過 回答

為什么會(huì)兩次呢?
我們從來都沒有遇到過。
參數(shù)有問題吧。

薔薇花 回答

aspx文件是前臺(tái)界面

默認(rèn)不能調(diào)試的

除非你前臺(tái)用一些類似 '<% %>' 綁定了后臺(tái)數(shù)據(jù)的

調(diào)試時(shí)會(huì)跳到前臺(tái)的這些位置

厭遇 回答

你現(xiàn)在的情況和我之前比較類似, 兩三個(gè)文件承載所有的功能, 我的處理方式是這樣的:
1)前期使用requirejs做模塊化, 花一些時(shí)間, 把原來項(xiàng)目按模塊拆開(這一步是最難的, 因?yàn)橐贿呑鲰?xiàng)目, 一邊還要做短期看不到成效的事情, 所以需要你主推)

2)上一期搞完之后, 在一些不太重要頁面加你需要的框架,比如vue, 然后一部分一部分上, 別一起上, 風(fēng)險(xiǎn)太大.

總體來說是把事情做好, 然后把風(fēng)險(xiǎn)控到最低!

敢試 回答

我自己解決了，原來是 需要運(yùn)行npm run production 才會(huì)執(zhí)行壓縮~

來守候 回答

CSS 可以直接引入

`requier('bootstrap/dist/css/bootstrap.css')`

jQuery 可以通過 webpack.ProvidePlugin 插件

new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery'
})

https://webpack.js.org/plugins/provide-plugin/#usage-jquery

或者可以在 layout.art 中使用 CDN 資源

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>{{block 'title'}}My Site{{/block}}</title>
    <link  rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
    {{block 'head'}}
    <link rel="stylesheet" href="main.css">
    {{/block}}
</head>
<body>
    {{block 'content'}}{{/block}}
</body>
</html>

常用的開源免費(fèi) CDN bootcdn

http://www.bootcdn.cn/

安若晴 回答

服務(wù)器上登錄mysql

mysql -u root -p

執(zhí)行以下命令

mysql>grant all privileges on *.* to 'root'@'%' with grant option //賦予任何主機(jī)訪問數(shù)據(jù)的權(quán)限，覺得%不安全的話，可以替換成你的本機(jī)IP
mysql>FLUSH PRIVILEGES //刷新權(quán)限
薔薇花 回答

&& 這個(gè)符號(hào)，前面語句為 false 時(shí)候 后面的就不會(huì)執(zhí)行。
當(dāng) callback 為 null undefined 之類的時(shí)候，callback.call()就不會(huì)執(zhí)行了，當(dāng) callback 有值的時(shí)候才執(zhí)行后面的語句。

我甘愿 回答

字節(jié)解決了，但是還是不知道什么原理，先說下解決方式吧：
就是在url的#前面加個(gè)index.jsp,原先默認(rèn)就是調(diào)用index.jsp這個(gè)路口的，不知道為什么iframe沒有進(jìn)去，
代碼：

$scope.divUrl = $sce.trustAsResourceUrl(basePath+"index.jsp#/index/preview/3ad65a354eb74571bace89ce04d0a868/false/0/0");
撿肥皂 回答

如果在一個(gè) https 頁面里動(dòng)態(tài)的引入 http 資源，比如引入一個(gè) js 文件，會(huì)被直接 block 掉的。不過如果您的網(wǎng)站同時(shí)準(zhǔn)備了 https 資源和 http 資源，那么可以使用相對(duì)協(xié)議實(shí)現(xiàn)當(dāng)網(wǎng)站引入的都是 http 資源，網(wǎng)站域名更換為 https 后的無縫切換。

具體使用方法為：

<img src="http://img.alicdn.com/tps/TB1GzMJLXXXXXXoXXXXXXXXXXXX-183-129.png">

以下是淘寶做法：

clipboard.png

傻丟丟 回答

text-align: justify; 不過需要hack一下,增加一個(gè)偽元素占滿

首頁 上一頁 25 26 27 28 29 30 31 32 33 下一頁 尾頁