本身總結

Ie10不兼容瀏覽器

http://blog.csdn.net/n____n/article/details/56666596

淘寶鏡像

npm install -g cnpm --registry=https://registry.npm.taobao.org

===============================================================

前端經典博客

http://92node.com/

http://92node.com/plugin/59168ca87ef8cc1cefd71203

--------------------------------------------------------------

按需引入element-ui

https://segmentfault.com/q/1010000010053759

=-=============================================================

fiddler重定向

http://www.jianshu.com/p/204544614daf

-----------------------------------------------------------------------------

jquery引入的方法、

https://segmentfault.com/a/1190000007020623

在jquery引入後沒有問題 import $ from 'expose-loader?$!jquery';

可是當引入layer的時候就會報錯說jquery未定義

解決辦法：在webpack的build下的weback。base。config

（1）const webpack = require('webpack')

（2）在module.exports添加

 plugins: [

    new webpack.ProvidePlugin({

      $: "jquery",

      jQuery: "jquery"

    })

  ],

 

 

---------------------------------------------------------

layer

http://layer.layui.com/

 

-----------------------------------------------------------------------

http://mint-ui.github.io/docs/

-------------------------------------------------------------

http://element.eleme.io/#/en-US/component/collapse

------------------------------------------------------------

適應avalon的樣式組件

http://hotelued.qunar.com/oniui/index.html#!/apis

---------------------------------------------------------------

vue的拖拽插件

https://github.com/SortableJS/Vue.Draggable

 

-----------------------------------------------------------------------

素材

生命週期

http://www.zhimengzhe.com/Javascriptjiaocheng/236707.html

-------------------------------------------------------------------------

vue的拖拽插件

https://github.com/SortableJS/Vue.Draggable

-----------------------------------------------------------------

video.js

http://videojs.com/getting-started/#download-cdn

-----------------------------------------------------------------

劃撥圖片swiper

http://www.swiper.com.cn/api/start/2014/1218/140.html

----------------------------------------------------------------------

視頻編碼

http://jingyan.baidu.com/article/48b558e335d0ac7f39c09a66.html

---------------------------------------------------------------------

webpack引入jQuery、

http://blog.csdn.net/yiifaa/article/details/51916560

------------------------------------------------------------------

分頁

https://github.com/sant123/vuejs-uib-pagination

首先下載在webpack中看到註冊版本

在index。html中引入vuejs-uib-pagination。js

在main。js中引入vuejs-uib-pagination。css和import vuejs-uib-pagination和vue.use（vuejs-uib-pagination）

在main中

import './css/pagination.css';

import Vue from 'vue';

import * as pagination from "vuejs-uib-pagination";

Vue.use(pagination);

 

 

最後在頁面進行引用

import pagination from "vuejs-uib-pagination";

-----------------------------------------------

百度api

APP ID: 20170825000076950

密鑰: aZXvNv1ZVzocPEQxMl9V

====================================================

http://vadikom.com/demos/poshytip/#examples

=========================================================

tootip的使用方法

有layer層

    getToolTipInLayer() {

        $('[data-toggle="tooltip"][data-tooltip="if"]').tooltip({

          container: "body", html: true,title: function () {

            return $(this).siblings('.tooltip').html();

          },

          placement: "auto right"

        }).on('shown.bs.tooltip', function (event) {

      

          $(this).parents("body").find('div.tooltip').css({zIndex: layer.zIndex});

        });

        

      },

必需要在dom刷新完後執行，通常放在ajax請求數據以後。

  <span data-toggle="tooltip" data-tooltip="if" > {{passItem.catalogueName}}</span>

           

             <span  class="tooltip" style="display:none">{{passItem.englishName}}</span>

-----------------------------------------------------------------------------------------

沒有layer

 

      getToolTip() {

        $('[data-toggle="tooltip"][data-tooltip="normal"]').tooltip({

          container: "body",

          html: true,

          placement: "auto top"

        });

        $('[data-toggle="tooltip"][data-tooltip="if"]').tooltip({

          container: "body", html: true, title: function () {

            return $(this).find('[data-tooltip="view"]').html();

          },

          placement: "auto top"

        });

      },

 

=================================================================

vue-file-loader

文件上傳

https://codepen.io/anon/pen/pWyrYx

中文file api

https://developer.mozilla.org/zh-CN/docs/Web/API/File

Ie不兼容vuex