原创 【前端學習】Vue數據丟失
vue中數據模型中的屬性數據都設置了特性，當屬性數據改變的時候，頁面會自動更新。如果我們修改了模型中的數據，視圖沒有更新，我們就說這部分修改的數據丟失了，這是Vue框架的bug。 原因：丟失的數據是因爲沒有設置特性 在vue中常見
2020-06-26 01:39:02
原创 【前端學習】AJAX的初始化
文章目錄·兼容性·XHR對象·open方法·send方法 ·兼容性 現代的高級瀏覽器，使用的AJAX對象是XMLHttpRequest的實例。 早期微軟的IE系列瀏覽器，使用的對象是ActiveXObject(“Microsoft
2020-06-26 01:39:02
原创 【前端學習】JavaScript移動端事件與對象
文章目錄·touch的三個事件·touchstart·touchmove·touchend·事件對象 ·touch的三個事件 移動端新增"touch"事件，表示觸摸事件。 ·touchstart dom.addEventListe
2020-06-26 01:39:02
原创 【前端學習】CSS3彈性佈局總結
今天用到彈性佈局的時候，不小心忽略了彈性佈局分爲容器屬性和項目屬性 就比如我想讓三個class=box的div在一行顯示，我寫了如下代碼 .box{ width: 100px; height: 100px; border:
2020-06-26 01:39:02
1
原创 【前端學習】正則表達式總結
常用正則表達式合集: 驗證數字：^[0-9]*$ 驗證n位的數字：^\d{n}$ 驗證至少n位數字：^\d{n,}$ 驗證m-n位的數字：^\d{m,n}$ 驗證零和非零開頭的數字：^(0|[1-9][0-9]*)$ 驗證有兩位小
2020-06-26 01:39:02
原创 【前端學習】Vue組件生命週期
·組件生命週期 組件的生命週期是爲了說明組件的創建，存在，銷燬的過程的。因此組件分成了三大週期 創建期 beforeCreate 組件即將創建，此時組件什麼數據都沒有 created 組件創建完成，此時組件中已經有綁定的數
2020-06-26 01:39:01
原创 【前端學習】Vue組件間通信問題
組件是一個完整獨立的，因此組件之間數據不會共享，想讓組件之間共享數據，我們要使用組件間通信的技術，組件間通信有兩個方向 父組件向子組件通信 子組件向父組件通信 文章目錄·父組件向子組件通信·自定義事件·子組件向父組件通信 ·父組件
2020-06-26 01:39:01
原创 【前端學習】解決表單中自動填充密碼問題
表單中當input是password類型時，打開瀏覽器會自動填充瀏覽器存儲的密碼，在input中加入autocomplete="new-password"即可解決。 <input type="password" name="pas
2020-06-26 01:39:01
原创 【前端學習】皆大歡喜 普天同慶 我的webpack終於能編譯es6了！
webpack編譯es6需要用到babel，這個真的太坑了，各種版本不兼容問題，於是我打算刪除node_modules模塊，全部重新安裝 其他要用到的加載機模塊就不說了，在這裏主要說一下babel npm i babel-core
2020-06-26 01:39:01
1
原创 【前端學習】解決textarea中回車計入字符問題
在textarea中鍵入回車（作爲發送文本框按回車發送）之後，自動將回車計入textarea的輸入中，再次發送並不提示內容爲空，可以加上 e.returnValue = false; 整段代碼如下 document.onkeyd
2020-06-26 01:39:01
原创 【前端學習】Nodejs express模塊版本報錯問題
今天想要在cmd中開啓服務器時一直報下面的錯誤 internal/modules/cjs/loader.js:985 Cannot find module ‘./router’ 開始以爲是缺少模塊，後來發現是使用的express模
2020-06-26 01:39:01
原创 【前端學習】當瀏覽器窗口大小發生變化的時候重新載入界面
之前用canvas畫布做了一個星星連線的效果，如下圖，藍色箭頭爲鼠標位置 但當拉伸瀏覽器窗口，也就是瀏覽器窗口發生改變的時候就會發生錯位的情況，如下 是因爲鼠標星星的座標爲鼠標位置距離當前body可視區域的x，y座標，而can
2020-06-26 01:39:01
原创 【前端學習】Vue-cli腳手架創建項目步驟
我們在vue中開發項目，要使用vue組件，所以要編譯vue組件，要使用es6語法，所以要編譯es6，要使用css預編譯語言，所以要編譯…所以很多事情在開發前都要準備好，vue爲了簡化我們的準備過程，提供了vue-cli腳手架，可以
2020-06-26 01:39:01
原创 【前端學習】解決webpack vue-loader版本問題
用webpack編譯.vue文件時報錯 webpack vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlu
2020-06-26 01:39:01
1
原创 【前端學習】同源策略及限制
同源策略 所謂同源策略，指的是瀏覽器對不同源的腳本或者文本的訪問方式進行的限制。比如源a的js不能讀取或設置引入的源b的元素屬性。那麼先定義下什麼是同源，所謂同源，就是指兩個頁面具有相同的協議，主機（也常說域名），端口，三個要素缺
2020-06-26 01:38:51