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

vue使用的是虛擬dom，你給div賦值的時候，真實dom是生效的，到沒有作用到vue的虛擬dom上，然后虛擬dom重繪dom的時候自然就沒了

你可以使用this.$nextTick()，原理自己百度下

{
你的條件？<Button /> : null
}

給.l-b 的元素加overflow: hidden;

首先，解決問題

遇到類似問題，官方文檔往往是最好的解答。試下把你的代碼改成下面這樣，唯一的不同，就是把form的實例化挪動動 upload 里。

  // 上傳圖片
  upload: (req, res, next) => {

    const form = new formidable.IncomingForm() // 注意，把form 的實例化操作挪進來

    //上傳文件的保存路徑
    form.uploadDir = path.dirname('./upload/upload/')
    //保存擴展名
    form.keepExtensions = true
    //上傳文件的最大大小
    form.maxFieldsSize = 20 * 1024 * 1024
    form.parse(req, (err, fields, files) => {
      
      // 項目未打包時使用
      const imagepath = 'http://localhost:8088/' + path.normalize(files.file.path)
      // 項目打包到server之后使用
      // const imagepath = path.normalize(files.file.path)
      res.status(200).send(imagepath)
      // return next()
    })
    
  },

官方文檔在 這里，仔細看兩眼就會發(fā)現(xiàn)你的代碼跟它的差別。

其次，探究問題根源

如果好奇問題出在哪里，可以看下 formidable 的源碼，incoming_form.js。

因為你所有的parse操作都是在同一個form實例上進行，因此，this.on('end') 會被調用多次。

1. 第一次上傳：注冊'end'回調，假設回調為 cb1。文件上傳成功，cb1調用
2. 第二次上傳：新增'end'回調，假設回調為 cb2。由于 this.on() 注冊是累加的，當前end事件的回調有兩個，cb1、cb2。文件上傳成功，cb1首先被調用，然后就悲劇了

IncomingForm.prototype.parse = function(req, cb) {

  // 忽略一堆無關緊要的代碼....

  // 注冊各種回調，同樣忽略掉無關緊要的代碼
  if (cb) {
      this.on('end', function() {
        cb(null, fields, files);
      });
  }

作用域：

大括號內的都是局部變量，外部不可見
沒有var關鍵字聲明的，作用域提升為全局變量，a、c就是這種情況

多問一句，reference是啥

求不要沉下去~~~

為啥要用sdk呢？寫個簡單的curl請求不好么？

事件發(fā)生時是會發(fā)生以上的步驟/

而事件委托是 委托給他的父級來觸發(fā)來達到的效果/
！！如果好多個動態(tài)元素都用同一個父元素來做事件代理，那么后面的事件會覆蓋掉前面父元素代理的事件。

https://cn.vuejs.org/v2/guide...

看看這個鏈接。

如果要動態(tài)修改HTML內容，你可能需要自定義組件來實現(xiàn)

我也遇到樓主的問題了，百度到這里來的。
情況是只在safari瀏覽器中出現(xiàn)這個問題。
搜了下插件的代碼，發(fā)現(xiàn)了問題所在。

unyson/framework/extensions/shortcodes/shortcodes/section/static.php 21行左右

global $is_safari;

if ($is_safari) { 
        wp_enqueue_script('youtube-iframe-api', 'https://www.youtube.com/iframe_api'); 
    }

注釋掉就好了。

1. 你使用的‘react’文件 最后使用 module.exports = React;
2. 所以需要使用 import React from 'react';
3. 要是你想使用 react 的話 ，可以使用 as 對導出的React 重命名。
4. 詳細可參考es6 module

如果你擔心的ajax 請求過多， 可以考慮放棄RESTful上 GraphQL

get拿到了只讀數(shù)據(jù)

這個只針對Node.js的項目使用babel來編譯的情況，如果是寫前端項目（用webpack打包）的話，就可以無視這個問題了。

因為babel編譯es6到es5的過程中，babel-plugin-transform-runtime這個插件會自動polyfill es5不支持的特性，這些polyfill包就是在babel-runtime這個包里，所以babel-runtime需要安裝在dependency而不是devDependency。

dependency和devDependency應該能明白吧。假如一個用戶npm install 了你發(fā)布在npm上的一個包，他只會安裝這個包的dependency依賴，devDependency是不會安裝的，那么此時假如babel-runtime是安裝在devDependency的話，有些polyfill就會找不到了。

至于這兩個包有什么區(qū)別，字面意思就能看出來，一個是轉化的包（插件），一個是充滿polyfill的包。

react是函數(shù)式編程思想的一次發(fā)力，何止渲染，仔細一看，基本全是函數(shù)式的，也就是聲明式的。

通過分析換了一種方法解決

利用BootstrapTable這個onClickRow事件函數(shù) 然后在單獨調用google map的api

產生點擊循環(huán)列表在map中展現(xiàn)圖片信息

修復bug $element[0].addEventListener('click',fm);

  function BootstrapTable() {
        $.ajax({
            "type": "get",
            "url": imgJson,
            "async": false,
            "success": function (data) {
                window.res = data.data;
                //console.log(data.data);
                $('#table').bootstrapTable({
                    data: data.data,
                    pagination: true,
                    searchAlign: "right",
                    buttonsAlign: "left",
                    showRefresh: true,
                    searchOnEnterKey: false,
                    singleSelect: true,
                    maintainSelected: false,
                    search: true,
                    pageSize: 10,
                    sortable: false,
                    paginationLoop: true,
                    toolbar: '#toolbar',        // 工具欄ID
                    toolbarAlign: 'right',        // 工具欄對齊方式
                     onClickRow: function (item, $element) {
                        var arr = {};
                        arr.Latitude = parseFloat(item.Latitude);
                        arr.Longitude = parseFloat(item.Longitude);
                        var latLng = new google.maps.LatLng(arr.Latitude, arr.Longitude);
                        var fm = mapLine.markerClickFunction(item, latLng);
                        $element[0].addEventListener('click',fm);
                    },
              
                    columns: [
                        {
                            field: 'id',
                            align: 'center',
                            title: 'id'
                        },
                        {
                            field: 'photo_title',
                            align: 'center',
                            title: 'photo_title'
                        },
                        {
                            field: 'photo_time',
                            align: 'center',
                            title: 'photo_time'
                        }
                    ]

                });
            }
        });
    };

需要的數(shù)據(jù)類型是ListViewDataSource，而不是array

你應該是把antd全部打包進去了，試試按需加載和打包，官方文檔

vue-preview的使用步驟：

    1）下載
    2）配置：找到配置文件加入：
        {
            test: /vue-preview.src.*?js$/,
            loader: 'babel-loader'
        },
        在處理url（）請求的配置中加入：svg的配置
        {
            test: /\.(jpg|png|gif|ttf|svg)$/,
            loader: "url-loader?limit=40000"
        }
    3）在main.js加載：
        //引入veu-preview
        import VuePreview from 'vue-preview'
        //使用vue-preview
        Vue.use(VuePreview)
    4）在tamplate中引入html代碼：
        <img class="preview-img" v-for="(item, index) in list" :src="item.src" height="100" @click="$preview.open(index, list)">   
    5）得到list數(shù)據(jù)
        格式：
             list: [{
                src: 'https://placekitten.com/600/400',
                w: 600,
                h: 400
                }, {
                src: 'https://placekitten.com/1200/900',
                w: 1200,
                h: 900
                }]

對圖像進行二值化，然后遍歷并比較左右兩部分的有效像素數(shù)量