原创 Vue Loader總結(9)

1.什麼是vue loader Vue Loader 是一個 webpack 的 loader,它可以將.vue文件轉換爲webpack能夠處理的有效模塊: <template> <div class="example">{{

原创 element中table操作按鈕展示與摺疊的實現

先來看實現效果。 1.遇到問題 因爲隨着功能的增多,table操作欄中的功能按鈕增多,操作列長度就增長,導致不是很美觀。所以產品要求超過三個按鈕就將多餘的按鈕隱藏在一個按鈕中。點擊這個按鈕實現展開和摺疊其餘按鈕的效果。 這個需求

原创 react-navigation4.x導航理解和問題總結

1. createAppContainer的作用? 它負責管理您的應用程序狀態,並將頂級navigator鏈接到應用程序環境。 調用createAppContainer後,返回值是個組件,並擁有navigation props。可

原创 vue實現瀏覽器跳轉真實URL隱藏的方法

背景 公司第一季度需求中有一段關於瀏覽器URL地址隱藏的需求如下: 需將系統的URL地址需要進行加密處理。 a)IP地址後面的信息需要控制爲不能按照意思猜到或者改變頁面內容,不能把一些參數的名稱和值都在URL地址欄中暴露出來,需

原创 Javascript Array | MDN總結(2)

文章目錄1.Array.from()2.Array.isArray()3.Array.of()4.Array.prototype.concat()5.Array.prototype.copyWithin()6.Array.prot

原创 CSDN右側添加內容目錄

有兩種方法可以生成目錄: 1.在文章右側生成目錄 效果: 實現: 2.在文章內容中生成目錄 效果: 實現: 在需要的地方加@[toc],如果需要修改目錄標題可以使用@[toc](目錄標題) 在需要的地方加@[toc],如果

原创 使用Github Actions功能實現Vuepress項目push後自動部署到Github Page

前序 前一段時間使用vuepress生成了自己的博客網站,發佈到Github.io的流程是:寫好博客後,打包項目,然後執行bash文件(http://caibaojian.com/vuepress/guide/deploy.htm

原创 Chrome升級到80版本遇到的問題-系統登錄不了的解決方法

背景 隨着疫情的減弱,2020年3月份公司開始復工,復工的第n天我打開Chrome瀏覽器發現可以升級到80版本了,於是升級,看着關於Chrome前面那個對勾真的開心。 完了後開始一天的日常任務,打開vscode,啓動項目,然後登

原创 css3樣式效果

1.漸進顏色變化 <style> /* 漸進色 */ #linear{ height:50px; width:200px; background-image: linear

原创 Lodash中數組和對象合併方法assign、merge、defaults、defaultsDeep比較

例子 _.assign(object, [sources]) 分配來源對象的可枚舉屬性到目標對象上。 來源對象的應用規則是從左到右,隨後的下一個對象的屬性會覆蓋上一個對象的屬性。 _.merge(object, [sources

原创 Vue CLI配置項總結(8)

1.vue.config.js api const webpack = require("webpack"); module.exports = { //baseUrl,從 Vue CLI 3.3 起已棄用,請使用public

原创 git常用操作及問題總結

1. vscode git拉取報錯 在簽出前,請清理存儲庫工作樹 原因:出現這個問題的原因是因爲本地修改的文件和遠程的某些文件存在衝突。 解決方法: 先提交commit本地文件到本地倉庫。 然後拉取遠程代碼。拉取後會提示你某些文

原创 js表達式和運算符總結

1.條件(三元)運算符 condition ? exprIfTrue : exprIfFalse 除了 false,可能的假值表達式還有:null 、NaN 、 0 、空字符串( “” )、和 undefined 。如果 con

原创 Css Flex(彈性佈局)與Grid(網格佈局)屬性整理

Flex(彈性佈局) 屬性目錄 容器(Flex Container) 屬性 display /*flex | inline-flex*/ /*項目的排列方向*/ flex-direction /* row | row-reve

原创 js實現一個Promises/A+ 規範的Promise

1.代碼實現 // promise 三個狀態 const PENDING = 'pending'; const FULFILLED = 'fulfilled'; const REJECTED ='rejected'; class