原创 阿里雲You are not authorized to do this action. You should be authorized by RAM報錯解決方案(親測!!!100%解決)

STS使用Node.js SDK(其他語言SDK也類似)生成臨時賬號密碼報錯的信息如下所示: Error message: You are not authorized to do this action. You should

原创 阿里雲 Specified parameter Version is not valid 報錯解決方案(親測!!!100%解決)

報錯信息如下所示: InvalidVersionError: Specified parameter Version is not valid. 原因: 下面代碼中 apiVersion 字段後面的值寫的有問題。 解決方案:

原创 js中的裝箱和拆箱操作

裝箱操作: 把基本數據類型轉換爲對應的引用類型的操作 拆箱操作: 把引用類型轉換爲基本數據類型的操作 上面兩個概念只是簡潔的實質總結,可能看完後大家心裏會產生疑問,到底怎麼樣叫裝箱操作和拆箱操作呢?下面我們一起帶着這個疑問往下看~

原创 聖盃佈局和雙飛翼佈局

一. 聖盃佈局 首先中間部分寬度肯定設置100%自適應,即width: 100%;左右兩個元素都固定寬度,將三個元素都設置浮動,即float: left; 因爲之前main元素設置了寬度100%,且浮動,所以佔據了第一行整行,下

原创 一張圖看明白一次資源請求過程中存在的瀏覽器緩存原理

強緩存: Expires/Cache-control 搭配 協商緩存: ETag/If-none-match(HTTP1.1) 或者 Last-modified/If-modified-since(HTTP1.0) 實現瀏覽器請

原创 重排與重繪及優化策略

1.重排 渲染層內的元素佈局發生修改,都會導致頁面重新排列,比如窗口尺寸發生變化、刪除或添加DOM元素以及修改了影響元素盒子大小的CSS屬性(如width,height,padding,) 重排由CPU處理的 2.重繪 繪製,即渲

原创 npm遠程package的刪除失敗及解決方案

首先npm包的一些基本操作命令如下: npm init:初始化一個npm包,一般會有選項配置,可根據自己情況來寫,具體可查看官網。 npm login:本地登陸npm。 npm publish <package>:上傳包到遠程npm

原创 nodeJs網絡爬蟲技術(本例子爲爬去國家行政區域地區數據)

這裏將會介紹兩種技術方案,都是基於nodejs相關技術進行展開的,唯一不同的就是選取的技術稍有不同,本質其實一樣 第一種技術方案: 需要用到的技術模塊:superagent、superagent-charset、cheerio、fs

原创 vue後臺管理系統項目標準完整的目錄開發架構

注意:裏面的部分文件夾可根據自己項目需求進行刪減(比如lang,icons,mock,vendor這些文件夾),vendor文件夾用來存放第三方提供的功能插件等。static文件夾下一般放一些靜態資源(比如靜態資源圖片等)。

原创 常用日期時間格式處理工具封裝

可單獨寫入一個js文件封裝,在其他地方引用即可,也可寫在使用的地方作爲函數調用使用,二者皆可行 // 日期時間格式處理工具 //核心代碼 const formatTime = date => { const year = date

原创 vue雙向數據綁定核心原理基本模擬實現

vue雙向數據綁定主要是通過 Object對象的defineProperty屬性,重寫data的set和get函數來實現的,這裏只會實現最基本的內容,主要實現v-model,v-bind 和v-click三個命令,其他命令也可以自行補

原创 在vscode工具中,使用eslint,stylelint,htmlhint對vue項目代碼格式的檢查

1. 對js代碼格式的檢查: 首先全局安裝以下插件: “eslint” “vue-eslint-parser” “babel-eslint” “eslint-config-alloy” “eslint-plugin-html” “e

原创 IE10+瀏覽器下登陸輸入框text類型輸入框和password類型輸入框尾部出現叉號和眼睛默認樣式的問題修復

1. 修復text輸入框叉號樣式問題: #username::-ms-clear{ display: none } //username表示輸入框自身id 2. 修復password輸入框眼睛樣式問題: #password::-m

原创 ES5中的數組方法slice()的底層內部實現及拓展

代碼實現如下: Array.prototype.slice=function(start,end){ //ES5 中的數組方法slice的底層內部實現 var result = new Array(); //新數組

原创 js實現金額數字輸入規範限制(支持負數的輸入,精確到小數點後兩位【限制範圍爲:-99999999.99~99999999.99】)

// 輸入事件 keyinput() { let t = this.adjustForm.adjustCash.charAt(0); if(t !