&

分類:

呆萌傻回答

你的截圖代碼還沒執(zhí)行到給{cityId,userId,username} 賦值

關于移動端頁面中上下、左右滑動與點擊事件沖突問題

何蘇葉回答

這三個事件本來都是獨立的觸發(fā)條件不會互相影響難道既能向下又能向右？那就是斜著滑斜著滑要有一個角度判定是斜著向下還是斜著向右
你的事件是怎么寫的自己寫的還是用的框架

webpack運行后頁面顯示服務器根目錄的問題，急求幫助！

小眼睛回答

webpack4+沒有看過但是你這個問題我覺得應該是出在項目入口或者項目出口問題你好好找一下

首頁需要調(diào)用多個API獲取數(shù)據(jù)，渲染視圖，如何做優(yōu)化？

陌上花回答

ssr 或 graphgl

vue組件怎么使用 vue-class-component

純妹回答

import Vue from 'vue'
import Component from 'vue-class-component'

// @Component 修飾符注明了此類為一個 Vue 組件
@Component({
  // 所有的組件選項都可以放在這里 <==========================寫到這里
  template: '<button @click="onClick">Click!</button>'
})
export default class MyComponent extends Vue {
  // 初始數(shù)據(jù)可以直接聲明為實例的屬性
  message: string = 'Hello!'

  // 組件方法也可以直接聲明為實例的方法
  onClick (): void {
    window.alert(this.message)
  }
}

怎么改變iview table組件字體的顏色

熊出沒回答

在 tableColumns：[

{ title: '年齡',  key: 'age', align: "center", width: 100,
                    render: (h, params) => {
                        if (params.row.age > 18) {
                            return h('span', {
                                style: { color: 'red' },
                            },params.row.age);
                        } else {
                            return  h('span', params.row.age);
                          }
                    }
                },

]

input綁定的document.onkeydown事件怎么銷毀？

愿如初回答

document.onkeydown = undefined

nuxt圖片問題

別瞎鬧回答

你的url是'~/assets/img/home.png'，這個路徑在你的服務器下是訪問不了的。

你可以把這個圖片放到cdn上，或者你服務器可以直接訪問的路徑下面，就可以了

如何改js讓滑塊能像這個網(wǎng)站的效果一樣

糖豆豆回答

調(diào)整了下你的代碼，利用了下CSS3，講真的，先好好學習布局，對你寫JS事半功倍，JQ雖然是基礎的不能再基礎了，但是HTML CSS是所有頁面的基礎啊

 <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <script src="http://static.leiting.com/lib/jquery-1.9.0.min.js"></script>
        <script>
                $(function () {
                    var nav = $("#nav"),
                        link = nav.children();
                    // linkon = link.filter(':not(.more)'),
                    // linkoff = link.filter('.more');

                    link.hover(function () {
                               $(this).addClass("wrap_menu1_2").siblings().removeClass('wrap_menu1_2');
                    })
                    // $("nav").mouseleave(function () {
                    //     $("linkon").addClass("wrap_menu1_2")
                    // }));
                });
        </script>
        <style>
            ul li{
            list-style:none;
            }
            #nav {
                position: absolute;
                top: 0;
                right: 171px;
                z-index: 4;
                height: 60px;
                background-color: #fff;
                overflow: hidden;
            }
    
            #nav li {
                position: relative;
                float: left;
                height: 70px;
                overflow: hidden;
                width: 70px;
            }
    
            #nav li a {
                position: relative;
                z-index: 2;
                display: block;
                width: 100%;
                height: 100%;
                font-weight: bold;
                font-size: 13px;
                line-height: 100%;
                text-align: center;
                color: #666;
            }
            #nav li:after{ content: ''; position:absolute; left: 0; top: 100%; right: 0; height: 70px; background: red;
        transition:.3s all;
        }
            #nav .wrap_menu1_2:after{ top: 0}
        </style>
    </head>
    
    <body>
        <div class="nav-box">
            <ul id="nav">
                <li class="wrap_menu1 wrap_menu1_2">
                    <a href="#">home</a>
                </li>
                <li class="wrap_menu1 more">
                    <a href="#">link1</a>
                </li>
                <li class="wrap_menu1 more">
                    <a href="#">link2</a>
                </li>
                <li class="wrap_menu1 more">
                    <a href="#">link3</a>
                </li>
                <li class="wrap_menu1 more">
                    <a href="#">link4</a>
                </li>
            </ul>
        </div>
    </body>
    
    </html>

typescript node怎么聲明全局變量？

嘟尛嘴回答

首先，TypeScript不鼓勵寫全局變量，鼓勵用模塊系統(tǒng)。因此TS沒有，也不會有方便的寫global的方式。
其次，TypeScript的模塊系統(tǒng)已經(jīng)換成ES標準的import/export了，不應該繼續(xù)用require。

然后回答你的問題吧，定義全局變量的方式是

在sql.ts里面寫

import { sql } from './tools/mysql'

type SQL = typeof sql
declare global {
    namespace NodeJS {
        interface Global {
            sql: SQL
        }
    }
}
global.sql = sql

新建一個sql.d.ts，放到任何一個TS會讀取的位置（項目里/include/lib），里面寫

import { sql } from 'path-to-project/tools/mysql'

type SQL = typeof sql
declare global {
    namespace NodeJS {
        interface Global {
            sql: SQL
        }
    }
}

項目內(nèi)的所有文件都能自動找到這個聲明。（不鼓勵這種寫法，但是評論里居然真的有人問該怎么用……那就補全一點吧）

但是我推薦的做法是，在每個需要用到sql的地方都

import { sql } from './tools/mysql'

這樣也不用擔心會不會有其他人把sql覆蓋掉。

如果這種util太多，應該單獨抽出來

// util.ts
export { sql } from './tools/mysql'

// app.ts
import util from './util.ts'

react 圖片加載完前如何獲取正確的高度？

兔囡囡回答

{
width：725，
height：350,
src:"192.168.31.154:1234/logo.png",
name:"通用logo"
}
醬紫能滿足你需求了不

vue-router 視圖更新時遇見不可描述的錯誤

深記你回答

已解決，vue transition 有個過渡模式可以解決這個問題

<transition name="fade" mode="out-in">
  <!-- ... the buttons ... -->
</transition>

文檔

關于vue選項卡切換組件，使用同一個接口問題，求大家給點建議

小曖昧回答

把選項卡配置成數(shù)組，然后里面設置一些配置，動態(tài)組件傳入對應的配置。

[
    {
         tabName:'選項卡一',
         options:{
             apiFunc:apiFunc1
             //...
         }
    },
    {
         tabName:'選項卡二',
         options:{
             apiFunc:apiFunc2
             //...
         } 
    }
]

<component :is="currentTab.tabName" :config="currentTab.options" />

vue-router 大型項目如何管理自己路由文件？

不討囍回答

你子路由沒必要寫全路徑呀，子路由若是以父路由為前綴，直接省略哪部分就好了

vue，一刷新頁面怎么變這樣了？這是什么情況？

舊城人回答

你看看接口的數(shù)據(jù)是不是有問題。

前端如何根據(jù)網(wǎng)絡狀態(tài)對圖像做自適應壓縮？

六扇門回答

發(fā)一個請求，計算響應時間

vue-cli如何修改配置創(chuàng)建多頁面

青黛色回答

為啥兩端不分開要放一起？

定義的是對象為什么可以用數(shù)組

吢涼回答

json[]是Object屬性訪問的形式，數(shù)組也是Object。

let json = { 'a': 1 };
console.log(json['a']);
let array = [];
console.log(array['length'])

jquery sortable

黑與白回答

這我就不用了。

vuerouter $route watch無效了？

逗婦惱回答

你注釋打開的那幾個路由跟user組件也沒關系啊，雖然你名字起的是Userxxx。
全是獨立的路由，每次跳轉(zhuǎn)都被銷毀，watch來不及執(zhí)行。

補充，不是說/user/a就一定是/user的子路由，在定義router的時候必須有明確的children關系才是。況且你的代碼里連路徑的層級關系都沒有。

再補充。不會，你可以在router-view外加個keep-alive，然后這種情況下路由組件不會被銷毀，你能看到watch:"$route"是能執(zhí)行的。然后簡單看了下源代碼：

Vue.prototype.$destroy = function () {
    // teardown watchers
    if (vm._watcher) {
      vm._watcher.teardown();
    }
    while (i--) {
      vm._watchers[i].teardown();
    }
}

Vue的$destory里有一步是.teardown()，此方法會將watcher的this.active = falseactive屬性置為false，當watcher執(zhí)行時發(fā)現(xiàn)active為false會直接跳過。
在watcher的隊列里，watch對應的watcher是在destory對應的watcher之后的，所以destory后，當前銷毀組件的所有watcher就會被全部跳過不再執(zhí)行。至于為什么是這個順序，沒看。