原创 webpack打包文件過大的優化,提取第三方庫(vue,ali-oss)到cdn,externals配置

問題產生原因: vue或用其他第三方庫webpack打包導致某單文件js過大。 優化形式: webpack的externals配置,從輸出的 bundle 中排除依賴。 可將第三方庫放到html用cdn加載。類似<script src="

原创 es的 import 兼容性寫法,用 require 去寫兼容

  問題背景:在寫vue項目時,遇見import的包在IE 11 不兼容的 情況。需要判斷 IE11,否則IE裏面的頁面直接白屏且報錯。 問題重現: 基於vue-quill-editor的富文本組件引入quill-image-drop-m

原创 nvm install 報錯及解決( Node.js vX 64bit isn't available right now. Could not download node.js v)

背景:安裝nvm的報錯信息 nvm install 13.0.0 Node.js v13.0.0 64bit isn't available right now. Could not download node.js v13.0.0 6

原创 element-ui的表單重置方法resetFields()的坑,及簡單解決。

  其實之前就知道這個坑,網上其他人也說過。 然後我勉強處理了一下。 然後又製造了新的坑。 這裏記錄一下。 坑的產生 resetForm(formName) { this.$refs[formName].resetFields(); }

原创 記第一次阿里雲安裝ftp(一定要配置對應的安全組規則)

服務器:阿里雲esc 系統:centeros7 正常百度教程,其他各種教程這裏不說了,只記錄我踩的坑 ps:之前也在linux裝過一些東西,其實最主要就是開啓阿里雲安全組端口。 yum -y install vsftpd vi /et

原创 微信js分享的圖標蘋果ios正常,安卓Android不顯示 的問題及解--http和https

簡單記一下。 問題: 之前遇見了一個問題,微信js分享成功了。但是分享出去的內容發小圖片,ios圖標顯示正常,安卓顯示不出。 之後發現是因爲,誤把微信的分享的 imgUrl,https改爲http 了。 解決: 把 分享方法的圖標的鏈接

原创 element-ui從2.7升級到2.8,tooltip無效的的問題及解決

問題 最近將項目的element-ui從2.7升級到2.8,涉及到用tooltip的都無效了,而且也沒有報錯。去看更新日誌,和github的issue和releases都沒有找到問題。網上的也沒有找到能解決的方案。 解決 糾結了好幾天,猜

原创 element-ui的confirm和alert彈窗在Safari瀏覽器看不見的bug及其簡單解決

問題描述: 近期遇見一個問題,element-ui的$confirm彈窗後執行確認後$alert彈窗。 在Chrome正常,但是在Safari則會出現閃現一下alert彈窗,然後只剩下灰色的蒙板,且點擊關不掉的問題。 問題代碼: <!D

原创 記第一次阿里雲安裝ftp

服務器:阿里雲esc 系統:centeros7 正常百度教程,其他各種教程這裏不說了,只記錄我踩的坑 ps:之前也在linux裝過一些東西,其實最主要就是開啓阿里雲安全組端口。 yum -y install vsftpd vi /et

原创 vue2 vue路由的 params傳遞的參數居然區分類型。但是!!!有坑,刷新就都是字符串了....

最近寫了個項目, 驚奇發現(可能大驚小怪),在params傳遞的‘0’和0居然能區分類型,難道不是瀏覽器地址欄截取的字符串!! 代碼大概如下(僅供參考): router/index.js ....... { path: '/

原创 ie 報錯:'SyntaxError: strict 模式下不允許一個屬性有多個定義 ' ,基於vue element-ui的坑的解決

版權聲明:本文爲博主原創文章,未經博主允許不得轉載。 https://blog.csdn.net/nidunlove/article/details/81940655 環境:基於vue-cli的element-

原创 Handsontable 只渲染一列或未渲染(render)的問題解決

最近用的 表格插件 Handsontable 遇到的render()無效的問題,若後來人遇到的這種問題,可參考。問題:初始化或load(data),一開始起作用(渲染沒有問題),再次打開或切換隻顯示一列,點擊那列或重新觸發render()

原创 ionic ios 鍵盤 佈局 滾動

ionic 鍵盤彈起出現雙滾動條 在ios下遮擋,無法調整的原因。 <ion-content [delegate-handle=""] [padding=""] [scroll=""] [overflow-

原创 純CSS實現左側伸縮固定和頭部固定佈局 之 css佈局定位再學習

前言:最近寫的項目需要,左側和頂部固定導航,且左邊和伸縮,用js很容易實現。但是我就嘗試只用css看能不能實現。結果實現了,在此,感謝項目組的隊友給我的思路。代碼可能直接運行不全,此處只寫思路。左側導航爲js寫的點擊切換class,左側寬

原创 css3 移動端頁面全屏旋轉,橫屏顯示。

css3旋轉模擬手機橫屏。 當手機不能自動旋轉時,或有特殊需求。用css3 transform,實現橫屏展示。 注意: 相關樣式注意橫屏的顯示。touch的手勢方向沒有變,依舊是原來方向,若有相關插件,注意方向。此處用的jq,可以寫成j