原创 JavaScript 簡單的彈幕功能的實現

在視頻網站看視頻的時候,經常能看到彈幕,某個時間段彈幕數超級多,某個時間段幾乎沒有,我們可以實時新增彈幕並且能實時出現在彈幕羣中。 再次進入該視頻後,會發現之前添加的彈幕還是在之前添加的時間點出現,當然還是可以再次添加彈幕。 那這

原创 this.$router 和 this.$route 、 query 和params

在參與使用到vue router 的vue項目的開發時,常常能見到this.$router 和 this.$route 的使用。他們兩個看起來如此相似,有何不同呢?   this.$router $router 是VueRouter的實例

原创 字符串中出現次數最多的字符是哪個?最多出現了幾次?各個字符分別出現幾次?

  // 字符串中的每個字符出現了幾次? 哪個字母出現次數最多?最多出現了多少次? var str="riuesfhasfisurwfbcdshdnwrfgerjedshsnwe3343545";

原创 n秒後的頁面跳轉

經常上網,在一些場景下需要再一段時間(假設爲5s)後進行頁面跳轉,同時,頁面中顯示提示信息“n秒後頁面跳轉”,並且n是動態的。下面是該功能的具體實現。 實現思路 多久之後將跳轉,轉化爲對應秒數。 秒數爲零,頁面跳轉,否則秒數減一。每

原创 Vue項目中的權限問題一般是如何解決的

在實際開發中,尤其是一個管理系統中,經常會有不同的角色登錄後可訪問的頁面,也進行的動作有所差異的問題,這個我們如何解決呢? 不同的角色登錄,權限不同。大概有下面這麼幾種情況 1、訪問該路徑時直接跳轉到指定提示無權限頁面或者彈窗提示

原创 給頁面中的js和css 添加版本號

思路什麼的就是在向服務器發起請求下載這些靜態文件前已經把版本號加上去了 1、給css文件添加版本號 var now=new Date().getTime(); linkHrefs=['../css/checkbox.css','../c

原创 JavaScript 進度條加載

使用JavaScript實現一個進度條從0加載到100的過程。 使用progress H5中新增了標籤progress ,表示一個進度條,value:當前值,min:最小值,max:最大值 代碼 HTML代碼如下: <progr

原创 React 中props 和state 的不同

props props是上層組件中傳過來的,在組件內容可以通過props.xxx直接取值。是不可以被修改的 state state:狀態,是在組件內部聲明的,可以認爲是組件的。state可以被修改。

原创 React 無狀態組件和有狀態組件

在React項目中,組件一般分爲無狀態組件和有狀態組件 無狀態組件 純展示組件,負責展示props中的數據,沒有自身的state,更不涉及到state的修改。 無狀態組件一般使用函數式定義的方法實現 function Hello

原创 react 開發 中遇到的一些問題

1、安裝react-router-dom 後項目無法啓動 使用create-react-app 命令創建一個react項目後,使用npm start 命令啓動成功。     接着 我使用如下命令安裝react-router-dom np

原创 使用JavaScript 實現簡單的樹形菜單

已有數據如下,想要生成一個樹形菜單。 var path = [ { path: "a/a", component: "page

原创 JavaScript 當前元素是其父元素的第幾個子元素

現有如下代碼,想要知道標籤 h2 是div的第幾個子元素。要求用JavaScript實現。 <div> <p>歐陽修歐陽修歐陽修歐陽修</p> <h3>司馬光司馬光司馬光司馬光司馬光司馬光</h3> <p>

原创 vue 路由之間傳遞props

有這樣一種情況,在頁面A中點擊按鈕跳轉到頁面B,想要在頁面中獲取頁面A傳遞過來的參數id 和 name ,如何實現? 有一種方法。在配置router 時 使用參數props 具體代碼如下 頁面A 中 <button @click=

原创 給頁面中的js css文件等添加版本號

版本號什麼的公司項目都是運維統一添加的,但是今天偶然發現有個網站的首頁中的js和css等靜態文件竟然沒有添加~~  思路什麼的就是在向服務器發起請求下載這些靜態文件前已經把版本號加上去了 1、給css文件添加版本號 var now=ne

原创 vue項目中的$listeners

在Vue項目中,經常使用$emit(),從子組件向父組件中發送消息,或者調用父組件中的方法。   但是,如果組件的嵌套層數比較多,使用$emit()就不是特別的方便的。   情況實例:組件A中使用了組件B,組件B中又使用了組件C。這時,想