原创 給mac下的WebStorm配置autoprefixer

autoprefixer是什麼 autoprefixer 安裝autoprefixer 如果沒有npm,先安排 然後: npm install autoprefixer -g 下一步安裝postcss-cli npm insta

原创 VUE編程式的導航

除了通過router-link創建a標籤來實現路由導航之外,還可以使用編程的方式 router.push(path) 在 Vue 實例內部,你可以通過 $router 訪問路由實例。因此你可以調用 this.$router.pu

原创 用iview標籤切換vue路由組件

iview中有效果不錯的標籤組件,於是就有了把iview中的標籤,作爲vue路由鏈接的做法 最開始,打算把router-link的tag指定爲iview的Tag.結果發現這是不可行的,於是改變思路,最終實現代碼如下: <Tabs

原创 使用MUI遇到的坑: nable to preventDefault inside passive event listener

在使用mui的scroll組件的時候,需要導入mui的js文件,執行以下代碼初始化組件: //導入mui的js文件 import mui from '../../lib/mui/js/mui.min.js' //初始化滑動控件 m

原创 回調地獄、promise

當異步操作依賴於上一個異步操作的時候,需要進行異步操作的嵌套,否則無法保證回調的順序執行。但是採用回調嵌套,會形成回調地獄。 爲了解決回調地獄的問題,在ES6中新增了promise API //新建一個承諾容器 var pi =

原创 模仿豆瓣首頁練習-筆記

行塊盒上方莫名的空白 豆瓣首頁的頂部由logo、搜索框、以及一些列導航圖標組成。要達到的是下面這種效果: 於是想到用幾個行塊盒來做,然後定高,排好就行了,沒想到在放置搜索框的時候出了問題、實際效果如下: 先忽略整體的上下留白,這一

原创 JavaScirpt的replace()方法默認只會替換一個

String.prototype.replace(str,str) 該方法會用第一個參數來匹配字符串子串,並且替換成第二個參數.但是默認只會替換第一個 如果要替換全部,可以在第一個參數傳入一個有全局匹配規則的正則表達式實例,

原创 foreach 和 map 的區別

相同 兩個都是遍歷數組然後對數組元素進行回調操作的方法. 匿名函數中的this都是指向windows 執行速度都沒有for循環快 不同 foreach沒有返回值,不可以鏈式調用,不能改變數組,但是理論上可以通過回調函數改變數組

原创 JS防抖和節流

在頁面中,如果高頻率地觸發某些事件,特別是回調函數中有一些耗時的操作的時候,就會多次調用回調函數,容易造成頁面假死.要解決這類問題,就要用到防抖和節流. 防抖 防抖的原理很簡單,可以理解爲延遲執行回調函數,然後在這個延遲的期間,如

原创 Mac使用dd命令速度奇慢的解決方式

前幾天給樹莓派安裝ubuntu系統,按照raspberry pi官網的教程,沒想到翻了車。 按照教程,用diskutil list命令列出全部磁盤 sd卡路徑是/dev/disk2 教程裏面關鍵命令是下面這行: sudo sh -

原创 JavaScript的new關鍵字,到底做了什麼

看到js高程第六章的時候,有一段示例代碼是這樣子的: function Person(name, age, job){ var o = new Object(); o.name = name; o.age = age; o

原创 筆記——KeepAlived

簡介 Keepalived是Linux下一個輕量級別的高可用解決方案。高可用:廣義來講,是指整個系統的高可用行;狹義的來講就是主機的冗餘和接管。 它與HeartBeat實現類似的功能,都可以實現服務或者網絡的高可用,但是又有差別,He

原创 Spring mvc 的靜態資源映射

訪問資源報404的話,原因是靜態資源被spring mvc的dispatcher servlet攔截。 解決辦法:加入靜態資源映射的配置:(以圖片資源爲例) <mvc:resources mapping="/images/**" l

原创 雜記——可能是最通俗易懂的快速冪

看到一道很簡單的求整數次冪的題目,但是看到討論區有用快速冪做的,我居然不知道這是什麼?於是學之,記之(其實這玩意在大一的計算機導論裏面提到過) 什麼是快速冪 快速冪是一種簡化運算底數的n次冪的算法,理論上其時間複雜度爲 O(log₂N

原创 LeetCode 453 Minimum Moves to Equal Array Elements

題目: Given a non-empty integer array of size n, find the minimum number of moves required to make all array elements