原创 yarn 安裝node-sass卡住很慢

參考文章 如何使用yarn&如何用yarn配置node-sass 前言 遇到問題:yarn安裝項目依賴,遇到node-sass模塊被卡住,整個時間用了600s+,實在令人頭大。 yarn解決 設置yarn源爲淘寶源 yarn

原创 2-從零開始學react-深入state,組件通訊,生命週期,受控組件

keyword state, setState 組件通訊 生命週期 受控組件 state state 與 props 類似,但是 state 是私有的,並且完全受控於當前組件。 不要直接修改 State,而是應該使用 setSt

原创 從零開始學react-1

keyword React, ReactDOM, React.createElement, ReactDOM.render, JSX, props, state 初識react react是構建用戶界面的javascript庫

原创 手寫簡易版axios

文章目錄axios的調用-index.htmlmyaxios.js實現axios和axios[method]帶攔截器的調用- index.htmlaxios實現攔截器完整代碼鏈接 axios的調用-index.html axio

原创 vuecli4+vant移動端響應式項目踩坑記錄

文章目錄關鍵詞參考鏈接一. 使用vue/cli4二. 使用vant三. 加入響應式佈局1. rem適配插件2. PostCSS配置四. 圖標庫:封裝svg圖標組件1. 建立如下目錄結構:2. components/SvgIcon.

原创 面向對象js基礎之-原型,call,this學習筆記

1.1 prototype Q1.1 爲什麼需要prototype? function Person(name, age) { this.name = name this.age = age this.getAge = fu

原创 js事件循環EventLoop學習筆記

eventLoop用途 js是單線程,js單線程任務分爲同步和異步2大類,如果任務依次執行,執行異步任務時候,同步任務也需要等待,就形成了阻塞。爲了解決異步任務會阻塞單線程的問題,JS定義了事件循環的運行機制。 eventLoop

原创 vue keepAlive實現列表頁面緩存

文章目錄需求基本html結構實現思路(3步完成基本功能)自定義上拉加載(監聽滾動條事件)列表及時刷新且保存滾動條位置處理需要注意的問題 需求 訂單列表,點擊去詳情頁,再返回列表,要保持上次滑動的位置。且詳情頁面可以進行增刪改查操作

原创 css多行文本溢出(考慮兼容)

基礎:css單行文本溢出(4個屬性) .box { width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 不

原创 動態隱藏表單頁面的底部操作欄

業務場景: 表單頁面很多輸入框,底部操作按鈕是提交表單且離開頁面的。 失去焦點時,驗證錯誤,需要給用戶提示且給用戶改成正確的值。點擊該頁面底部操作按鈕也是失去焦點的一種情況。但希望用戶能看到提示且看到輸入框修改過的值。就要避免