<dfn id="hx5t3"><strike id="hx5t3"><em id="hx5t3"></em></strike></dfn>

    <thead id="hx5t3"></thead><nobr id="hx5t3"><font id="hx5t3"><rp id="hx5t3"></rp></font></nobr>

    <listing id="hx5t3"></listing>

    <var id="hx5t3"></var>
    <big id="hx5t3"></big>

      
      

      <output id="hx5t3"><ruby id="hx5t3"></ruby></output>
      <menuitem id="hx5t3"><dfn id="hx5t3"></dfn></menuitem>

      <big id="hx5t3"></big>

        Stephanie

        Stephanie 查看完整檔案

        鄭州編輯  |  填寫畢業院校  |  填寫所在公司/組織 www.nowebsite.com 編輯
        編輯

        發上等愿,結中等緣,享下等福;
        擇高處立,尋平處住,向寬處行。

        個人動態

        Stephanie 回答了問題 · 2020-10-29

        vue-cli4創建的項目中,靜態圖片無法顯示

        一種解決方法,雖然有點冗余,希望大家提供更好的方法; 修改App.vue內容如下

        <template>
        
        <div id="app">
        
          <!-- 這里圖片可以正常顯示,證明圖片路徑沒有問題 -->
          <img data-original=@/assets/img/tabbar/tabbar_me@2x.png alt="">
          
          <TabBar>
              <!-- imgUrl綁定到屬性 -->
              <TabBarItem :imgUrl=igx title="我的"></TabBarItem>
          </TabBar>
          
        </div>
        </template>
        
        <script>
        
        import TabBar  from './components/tabbar/TabBar'
        import TabBarItem from './components/tabbar/TabBarItem'
        
        export default {
          data(){
            return {
                 //這里是關鍵: 把圖片用模塊引入. 
                 igx:require('@/assets/img/tabbar/tabbar_me@2x.png')
            }
               
          },
          components:{
            TabBar,
            TabBarItem
          }
        }
        </script>
        <style>
        @import './assets/css/base.css';
        </style>
        

        關注 1 回答 1

        Stephanie 關注了問題 · 2020-10-29

        vue-cli4創建的項目中,靜態圖片無法顯示

        前言

        對你來說,問題不難;所以請堅持看完
        眾人拾材火焰高,大膽給出你的想法,錯了沒關系,主要是要用 "路"
        給出解決方法也行,能有理有據更好。`

        問題描述

        TabBarItem 是自定組件;TabBarItem中有一個img標簽用于顯示圖片,imgUrl是傳遞給img.src作為Url使用,但這中寫法并不顯示圖片;通過瀏覽器檢查發現img.data-original='@/assets/img/tabbar/tabbar_me@2x.png' 
        
        <TabBarItem imgUrl=@/assets/img/tabbar/tabbar_me@2x.png  title="我的"></TabBarItem>

        環境說明

        IDE

        IDE:VSCode Version:1.50.1

        package.json

        {
          "name": "vue-cli",
          "version": "0.1.0",
          "private": true,
          "scripts": {
            "serve": "vue-cli-service serve",
            "build": "vue-cli-service build",
            "lint": "vue-cli-service lint"
          },
          "dependencies": {
            "core-js": "^3.6.5",
            "vue": "^3.0.0",
            "vue-router": "^4.0.0-0"
          },
          "devDependencies": {
            "@vue/cli-plugin-babel": "~4.5.0",
            "@vue/cli-plugin-eslint": "~4.5.0",
            "@vue/cli-plugin-router": "~4.5.0",
            "@vue/cli-service": "~4.5.0",
            "@vue/compiler-sfc": "^3.0.0",
            "@vue/eslint-config-prettier": "^6.0.0",
            "babel-eslint": "^10.1.0",
            "eslint": "^6.7.2",
            "eslint-plugin-prettier": "^3.1.3",
            "eslint-plugin-vue": "^7.0.0-0",
            "prettier": "^1.19.1"
          }
        }
        

        目錄結構

        ---src
            ---assets
                 ---css
                 ---img
                     ---tabbar
                          tab_bar_me@2x.png
                
            ---components
                 ---tabbar
                       TabBar.vue
                       TabBarItem.vue
         
            APP.vue
            main.js
        

        main.js

        import { createApp } from "vue";
        import App from "./App.vue";
        
        createApp(App).mount("#app");

        APP.vue

        <template>
        <div id="app">
          <!-- 這里圖片可以正常顯示,證明圖片路徑沒有問題 -->
          <img data-original=@/assets/img/tabbar/tabbar_me@2x.png alt="">
          <TabBar>
            <!-- 同樣寫法,自定義組件內無法顯示 -->
            <TabBarItem imgUrl=@/assets/img/tabbar/tabbar_me@2x.png title="我的"></TabBarItem>
          </TabBar>
        </div>
        </template>
        
        <script>
        
        import TabBar  from './components/tabbar/TabBar'
        import TabBarItem from './components/tabbar/TabBarItem'
        
        export default {
          components:{
            TabBar,
            TabBarItem
          }
        }
        </script>
        
        <style>
        @import './assets/css/base.css';
        </style>
        

        TabBar.vue

        <template>
            <div class="tab-bar">
                    <slot></slot>
            </div>
        </template>
        
        <script>
            export default {
                
            }
        </script>
        
        <style scoped>
        .tab-bar {
          display:flex;
          background-color: #f6f6f6;
        
          position: fixed;
          left: 0;
          right: 0;
          bottom: 0;
        
          box-shadow: 0px -1px 1px rgba(100,100,100,.2);
        }
        
        </style>

        TabBarItem.vue

        <template>
             <div class="tab-bar-item">
                   <img :data-original=imgUrl alt="">
                   <div>{{title}}</div>
             </div>
        
        </template>
        
        <script>
            export default {
                props:['title','imgUrl'],
            }
        </script>
        
        <style scoped>
        .tab-bar-item {
          flex: 1;
          height: 49px;
          text-align: center;
        }
        .tab-bar-item img{
          height:25px;
        }
        
        .tab-bar-item div {
           margin-top: 0px;
        }
        </style>

        期望

        眾人拾材火焰高,大膽給出你的想法,錯了沒關系,主要是要用 ""
        給出解決方法也行,能有理有據更好。

        reference

        vue-cli HTML和靜態資源處理

        關注 1 回答 1

        Stephanie 提出了問題 · 2020-10-29

        vue-cli4創建的項目中,靜態圖片無法顯示

        前言

        對你來說,問題不難;所以請堅持看完
        眾人拾材火焰高,大膽給出你的想法,錯了沒關系,主要是要用 "路"
        給出解決方法也行,能有理有據更好。`

        問題描述

        TabBarItem 是自定組件;TabBarItem中有一個img標簽用于顯示圖片,imgUrl是傳遞給img.src作為Url使用,但這中寫法并不顯示圖片;通過瀏覽器檢查發現img.data-original='@/assets/img/tabbar/tabbar_me@2x.png' 
        
        <TabBarItem imgUrl=@/assets/img/tabbar/tabbar_me@2x.png  title="我的"></TabBarItem>

        環境說明

        IDE

        IDE:VSCode Version:1.50.1

        package.json

        {
          "name": "vue-cli",
          "version": "0.1.0",
          "private": true,
          "scripts": {
            "serve": "vue-cli-service serve",
            "build": "vue-cli-service build",
            "lint": "vue-cli-service lint"
          },
          "dependencies": {
            "core-js": "^3.6.5",
            "vue": "^3.0.0",
            "vue-router": "^4.0.0-0"
          },
          "devDependencies": {
            "@vue/cli-plugin-babel": "~4.5.0",
            "@vue/cli-plugin-eslint": "~4.5.0",
            "@vue/cli-plugin-router": "~4.5.0",
            "@vue/cli-service": "~4.5.0",
            "@vue/compiler-sfc": "^3.0.0",
            "@vue/eslint-config-prettier": "^6.0.0",
            "babel-eslint": "^10.1.0",
            "eslint": "^6.7.2",
            "eslint-plugin-prettier": "^3.1.3",
            "eslint-plugin-vue": "^7.0.0-0",
            "prettier": "^1.19.1"
          }
        }
        

        目錄結構

        ---src
            ---assets
                 ---css
                 ---img
                     ---tabbar
                          tab_bar_me@2x.png
                
            ---components
                 ---tabbar
                       TabBar.vue
                       TabBarItem.vue
         
            APP.vue
            main.js
        

        main.js

        import { createApp } from "vue";
        import App from "./App.vue";
        
        createApp(App).mount("#app");

        APP.vue

        <template>
        <div id="app">
          <!-- 這里圖片可以正常顯示,證明圖片路徑沒有問題 -->
          <img data-original=@/assets/img/tabbar/tabbar_me@2x.png alt="">
          <TabBar>
            <!-- 同樣寫法,自定義組件內無法顯示 -->
            <TabBarItem imgUrl=@/assets/img/tabbar/tabbar_me@2x.png title="我的"></TabBarItem>
          </TabBar>
        </div>
        </template>
        
        <script>
        
        import TabBar  from './components/tabbar/TabBar'
        import TabBarItem from './components/tabbar/TabBarItem'
        
        export default {
          components:{
            TabBar,
            TabBarItem
          }
        }
        </script>
        
        <style>
        @import './assets/css/base.css';
        </style>
        

        TabBar.vue

        <template>
            <div class="tab-bar">
                    <slot></slot>
            </div>
        </template>
        
        <script>
            export default {
                
            }
        </script>
        
        <style scoped>
        .tab-bar {
          display:flex;
          background-color: #f6f6f6;
        
          position: fixed;
          left: 0;
          right: 0;
          bottom: 0;
        
          box-shadow: 0px -1px 1px rgba(100,100,100,.2);
        }
        
        </style>

        TabBarItem.vue

        <template>
             <div class="tab-bar-item">
                   <img :data-original=imgUrl alt="">
                   <div>{{title}}</div>
             </div>
        
        </template>
        
        <script>
            export default {
                props:['title','imgUrl'],
            }
        </script>
        
        <style scoped>
        .tab-bar-item {
          flex: 1;
          height: 49px;
          text-align: center;
        }
        .tab-bar-item img{
          height:25px;
        }
        
        .tab-bar-item div {
           margin-top: 0px;
        }
        </style>

        期望

        眾人拾材火焰高,大膽給出你的想法,錯了沒關系,主要是要用 ""
        給出解決方法也行,能有理有據更好。

        reference

        vue-cli HTML和靜態資源處理

        關注 1 回答 1

        Stephanie 提出了問題 · 2020-10-16

        Cannot read property 'parseComponent' of undefined

        錯誤內容

        ERROR in ./src/vue/App.vue
        Module Error (from ./node_modules/vue-loader/lib/index.js):
        
        Vue packages version mismatch:
        
        - vue@3.0.0 (/Users/stephanie/Desktop/webpack/node_modules/vue/index.js)
        - vue-template-compiler@2.6.12 (/Users/stephanie/Desktop/webpack/node_modules/vue-template-compiler/package.json)
        
        This may cause things to work incorrectly. Make sure to use the same version for both.
        If you are using vue-loader@>=10.0, simply update vue-template-compiler.
        If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.
         @ ./src/main.js 7:0-32 10:7-10
        
        ERROR in ./src/vue/App.vue
        Module build failed (from ./node_modules/vue-loader/lib/index.js):
        TypeError: Cannot read property 'parseComponent' of undefined
            at parse (/Users/stephanie/Desktop/webpack/node_modules/@vue/component-compiler-utils/dist/parse.js:15:23)
            at Object.module.exports (/Users/stephanie/Desktop/webpack/node_modules/vue-loader/lib/index.js:67:22)
         @ ./src/main.js 7:0-32 10:7-10
        
        webpack 5.1.0 compiled with 2 errors in 4436 ms
        
        

        package.json

            "vue-loader": "^15.9.3",
            "vue-template-compiler": "^2.6.12",
            "webpack": "^5.1.0",
            "vue"":"^3.0.0"

        webpack.config.js

         const VueLoaderPlugin = require('vue-loader/lib/plugin')
         module:{
                   rules:
                       { 
                      
                           test: /\.vue$/,
                           loader: 'vue-loader'
                        },
                },
          
          
         plugins: [
                    new VueLoaderPlugin()
          ],

        嘗試過的方法

        npm update vue-template-compiler ; 把vue-template-compiler升級最新版本,目前最新版本:2.6.12

        補充

        通過 vue-cli 創建的基于vue3.0 項目是沒有問題. ??


        同樣問題鏈接

        Cannot read Property ‘parseComponent’ of undefined

        `

        關注 1 回答 0

        Stephanie 發布了文章 · 2020-08-17

        win10、Windows、MacOS 下載Scratch

        獲取 Scratch 更多更全更優質的學習視頻,請關注抖音號: muziketang

        使用Scratch的方法

        1. 使用在線版本進行scratch的學習;由于不可抗拒原因,到目前(2020年8月15) Scratch官網無法打開,可以點擊這個官網地址試一下:https://scratch.mit.edu/
        2. 下載離線版本進行學習,也就是下載應用程序到本地電腦進行學習,下面介紹如何進行下載

        使用win10 Microsoft Store 進行下載

        前提條件: 你所使用的windows版本必須是 win10 以上版本, 否則無法下載運行; 下載之前請進行檢查

        下載步驟: 點擊win10系統桌面左下角的開始菜單 --> 在彈出框中找到 Microsoft Store 并點擊進去 --> 在新的界面搜索框中 輸入“scratch desktop” 然后點擊搜索 --> 在搜索界面界面找到 scratch desktop 點擊下面的免費安裝即可;

        使用App Store 在 MacOS 上進行下載

        直接打開appSore,搜索scratch desktop 然后進行安裝即可;
        目前官方版本(3.12.0)在MacOS上存在的問題: 舞臺區無法展示任何內容; 也就是這個版本是無法使用的,當你進行下載的時候要檢查一下;之前的穩定版本是:3.6.0

        在群空間進行下載然后安裝

        群號:948950057; 加群后在群空間下載對應版本即可

        Scratch 學習視頻

        抖音號上面有更多更全更優質的學習視頻,可以關注一下,

        • 抖音號: muziketang
        • 群號:948950057

        reference:

        查看原文

        贊 0 收藏 0 評論 0

        Stephanie 贊了回答 · 2019-09-17

        Go questions

           eg:  m := map[string]int{"a":1,"b":2}
                fmt.Printf("%p",&m["a"]) //這里為什么不能對map元素取地址?

        這個問題回答下:

        因為當新添加數據到map,或者刪除map中的數據,會導致map重新分配空間。這個指針就會泄露拉。

        關注 3 回答 1

        Stephanie 提出了問題 · 2019-08-09

        Go questions

        如果你有更好的答案,請貼出來

        希望你也能把平時遇到的問題反饋在下面,我會歸檔到這里來,以此進步

        感興趣的小伙伴點“關注”哦

        • 為什么不可以對字典map的元素取地址?
            eg:  m := map[string]int{"a":1,"b":2}
                 fmt.Printf("%p",&m["a"]) //這里為什么不能對map元素取地址?
        • 下面這幾組方法調用中傳遞的指針還是值拷貝,返回的是值拷貝還是指針?
            slice
            func q1(){
                s := []string{"1","2"}
                fmt.Printf("%p",s)
                q3 := q2(s)
                fmt.Printf("%p",q3)
            }
            func q2(s1 []string)[]string{
                fmt.Printf("%p",s1)
                return s1
            }
            
            array
            func q1(){
                a := [...]string{"1","2"}
                fmt.Printf("%p",a)
                q3 := q2(a)
                fmt.Printf("%p",q3)
            }
            func q2(a [2]string)[2]string{
                fmt.Printf("%p",a)
                return a
            }
            
            
        • 能不能解釋一下slice,map不可以使用 == 操作,而array卻可以?

        整理不易,如果這個問題對你用,請點擊 左上方 向上箭頭,謝謝! o(╥﹏╥)o

        期待答案

        • 給出自己的答案,思路,參考內容
        • 自己的使用經驗
        • 給出自己認為有價值的問題

        Dangerous

        • 向 nil map中設置值會導致錯誤,設置之前必須初始化.

          var m map[string]int
          m["a"] = 3 //panic: assignment to entry in nil map
          
        • 向 nil map中設置值會導致錯誤

          var m map[string]int
          m["a"] = 3 //panic: assignment to entry in nil map
          

        reference:

        暫無

        關注 3 回答 1

        Stephanie 提出了問題 · 2019-08-07

        Godoc 無法在瀏覽器中"像瀏覽官方包一樣" 瀏覽自定義包

        目的 & 重新步驟 & 錯誤內容

        通過godoc命令來在瀏覽器中瀏覽自己編寫的包,瀏覽效果和官方提供的包一樣;通過查找資料得出以下操作步驟
        1 cd /Users/xxx/Desktop/redis-go/src/hosts 切換到自定義包
        2 godoc -goroot=. 開啟godoc服務
        2019/08/06 16:22:34 updateMetadata: open doc: no such file or directory

        3 瀏覽器中輸入 http://localhost:6060/pkg/hosts/ 顯示的是:cannot find package "." in: /src/hosts
        4 瀏覽器中輸入 http://localhost:6060 顯示的內容是: 自定包的目錄

        環境說明

        IDE:VSCode Version:1.36.1
        
        GOARCH="amd64"
        GOBIN=""
        GOCACHE="/Users/xxx/Library/Caches/go-build"
        GOEXE=""
        GOFLAGS=""
        GOHOSTARCH="amd64"
        GOHOSTOS="darwin"
        GOOS="darwin"
        `GOPATH="/Users/xxx/go:/Users/xxx/Desktop/GTR"`
        GOPROXY=""
        GORACE=""
        `GOROOT="/usr/local/Cellar/go/1.12.3/libexec"`
        GOTMPDIR=""
        GOTOOLDIR="/usr/local/Cellar/go/1.12.3/libexec/pkg/tool/darwin_amd64"
        GCCGO="gccgo"
        CC="clang"
        CXX="clang++"
        CGO_ENABLED="1"
        `GOMOD="/Users/xxx/Desktop/redis-go/src/go.mod"`
        CGO_CFLAGS="-g -O2"
        CGO_CPPFLAGS=""
        CGO_CXXFLAGS="-g -O2"
        CGO_FFLAGS="-g -O2"
        CGO_LDFLAGS="-g -O2"
        PKG_CONFIG="pkg-config"
        GOGCCFLAGS="-fPIC -m64 -pthread -fno-caret-diagnostics -Qunused-arguments -fmessage-length=0 -fdebug-prefix-map=/var/folders/rj/pf1q28gj4t38brccjq037ksc0000gn/T/go-build859309463=/tmp/go-build -gno-record-gcc-switches -fno-common"
        

        代碼組織

        ---src
           ---hosts
              --- host.go
              --- doc.go
           ---main
              --- main.go
           --- go.mod
           --- go.sum
          
        1. src目錄,go.mod,go.sum 在同一級
        2. hosts是自定義包

        期待答案

        • 給出思路與參考內容
        • 自己的使用經驗

        各個文件代碼

        • host.go
        package hosts
        
        import (
            "fmt"
        )
        
        //SayHello printf Hell0
        func SayHello(){
            fmt.Println("Hello!")
        }
        

        doc.go

        /*
        Package hosts implements custom printf method.
        */
        package hosts // import "stephanie.io/hosts"

        如發現問題描述語句不通順,用詞不當,問題不清楚等問題,你可以直接修改,或者在下面評論區說明,盡力使這個問題幫助更多的小伙伴 ゝ

        關于godoc使用的內容

        Your own code can present good documentation just by having comments as described above. Any Go packages installed inside $GOROOT/src/pkg and any GOPATH work spaces will already be accessible via godoc's command-line and HTTP interfaces, and you can specify additional paths for indexing via the -path flag or just by running "godoc ." in the source directory. See thegodoc documentationfor more details.

        reference:

        https://blog.golang.org/godoc-documenting-go-code

        關注 1 回答 0

        Stephanie 贊了回答 · 2019-07-30

        解決Cannot load xxx: cannot find module providing package xxx

        思路:通過錯誤信息查詢源碼,針對到源碼所在對應的結構體,通過godoc注釋文檔和語義化信息可以知道大概是導入包出錯.

        檢查報錯文件所對應的的導入包項,是由于go module導入包需要加入module前綴,
        因此正確的做法應該是:

        main.go

        import (
            "stephanie.io/hosts" 
        )

        點擊查看解決過程Gif演示

        關注 2 回答 2

        Stephanie 回答了問題 · 2019-07-30

        解決Cannot load xxx: cannot find module providing package xxx

        在使用go module的時候,包的導入路徑是:moduleName + pathToPackage,在 main.go 中改為

        package main
        import (
            "stephanie.io/hosts" //把hosts 改為 stephanie.io/hosts
        )
        參考內容

        The go.mod file only appears in the root of the module. Packages in subdirectories have import paths consisting of the module path plus the path to the subdirectory. For example, if we created a subdirectory world, we would not need to (nor want to) run go mod init there. The package would automatically be recognized as part of the example.com/hello module, with import path example.com/hello/world.

        reference blog.golang.org/using-go-modules

        A module declares its identity in its go.mod via the module directive, which provides the module path. The import paths for all packages in a module share the module path as a common prefix. The module path and the relative path from the go.mod to a package's directory together determine a package's import path.

        reference github.com/golang/go/wiki/Modules

        Other Reference:
        mfridman.com/golang/go-modules-part1

        整理不易,如果這個問題對你用,請點擊 左上方 向上箭頭,謝謝!

        關注 2 回答 2

        認證與成就

        • 獲得 13 次點贊
        • 獲得 44 枚徽章 獲得 0 枚金徽章, 獲得 9 枚銀徽章, 獲得 35 枚銅徽章

        擅長技能
        編輯

        開源項目 & 著作
        編輯

        (??? )
        暫時沒有

        注冊于 2016-12-10
        個人主頁被 3.5k 人瀏覽

        一本到在线是免费观看_亚洲2020天天堂在线观看_国产欧美亚洲精品第一页_最好看的2018中文字幕