原创 git推送多個倉庫的config文件配置

[core] repositoryformatversion = 0 filemode = false bare = false logallrefupdates = true symlinks = false ignore

原创 babel 7.4版本更新後,如何引入babel-polyfill

安裝babel插件 npm install babel-loader @babel/core -D // babel與webpack通信的loader npm install @babel/preset-env -D // ES6

原创 webpack配置jquery(html中script引入jquery文件或者cdn)

在webpack.config.js中加入 externals: { jquery: 'window.$' } 然後在使用時候如下引入, import $ from 'jquery'  

原创 記一次webpack配置postcss-loader下的autoprefixer無效的情況

按官方文檔配置如下,發現並不能起作用。 Webpack In webpack you can use postcss-loader with autoprefixer and other PostCSS plugins. module.

原创 mongod啓動異常

解決辦法: 找到mongo之前運行的PID號,關掉它,重新輸入啓動命令 sudo netstat -anp|more     sudo kill 2515       ---------------------  作者:dashen180

原创 vue子組件mounted中無法獲取到dom

原因:子組件代碼中用了v-if,所以爲變量爲false時的部分dom還未渲染當然獲取不到,將v-if改爲v-show,則可以獲取的到dom, 因爲v-show會渲染dom,只是控制display的顯隱,

原创 前端vue使用WebViewJavascriptBridge和原生交互問題記錄(記錄第二次調用失敗問題:代碼中已解決)

// util/bridge.js function setupWebViewJavascriptBridge (name, data, callback) { // 這裏若是bridge存在則直接調用native方法並且retu

原创 css動畫height爲auto無法觸發transition

使用max-height屬性來進行代替(有一定缺陷) 原理:通過一個過大的maxHeight來漸變 這裏是vue的style寫法 :style="{height: groupExpandFlag ? 'auto': '60px', ma

原创 vscode配置eslint

先在命令行中安裝eslint npm install eslint --save-dev 再在vscode中安裝ESlint插件,我覺得是用來配合eslint檢查出的錯來對vscode中的代碼做出提示 再配置setting.jso

原创 webpack性能優化要素

1.跟上技術的迭代(Node,Npm, Yarn) 2.在儘可能少的模塊上應用loader 3.Plugin儘可能的精簡併確保可靠 4.resolve參數合理配置 5.通過DllPlugin 提高打包速度 6.控制包文件大小 7.thre

原创 webpack.devServer配置proxy實現開發時跨域請求

proxy: { 'react/api': { target: 'https://www.abc.com', secure: false, // http請求https,這裏需設置成false,

原创 webpack配置打包出自己的庫

1,自己打包的庫無別的庫引入時候 webpack.config.js const path = require('path') module.exports = { mode: 'production', devtoo

原创 webpack loader的執行順序(autoprefixer沒起作用的原因)

webpack loader的執行順序爲 從上到下 從右到左 但是代碼中 use: ['style-loader', 'css-loader', 'sass-loader', {

原创 babel 7.4版本更新後,babel-polyfill廢棄,使用新的useBuiltIns配置

// webpack.config.js的babel相關內容 { test: /\.js$/, exclude: /no

原创 記一次ios系統不讓音頻自動播放

ios不讓音頻自動播放,需引導用戶點擊後。play()音頻後。才能播放暫停