原创 用jquery動畫做一個向上翻動的廣告效果

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width

原创 使用animates.css給你的vue路由加上切換動畫

你有沒有因爲Vue自帶的組件默認切換方式 感到難受麼 那你來看菜鳥的這篇文章算是來對了。各位大爺裏面請 因爲本人的動畫效果做的實在特別爛,就不在這裏丟人了 直接用大神寫好的動畫哦 animate.css https://ani

原创 js中dom節點的深度優先遍歷和廣度優先遍歷

深度優先遍歷DFS 假設初始狀態是圖中所有頂點均未被訪問,則從某個頂點v出發,首先訪問該頂點然後依次從它的各個未被訪問的鄰接點出發深度優先搜索遍歷圖,直至圖中所有和v有路徑相通的頂點都被訪問到。若此時尚有其他頂點未被訪問到,則另選

原创 video標籤的play方法報錯:Uncaught (in promise) DOMException play() failed because the user didnt interact

最近有個在頁面上展示視頻的需求,是讓用戶一開始進入頁面的時候就進行播放。 其實忘了 video 標籤有個 autoplay的屬性 暫且忽略這個吧 然後就是使用哪個paly 方法 進行控制播放 <video controls cl

原创 js中,爲什麼自執行函數前面會有一個分號

相信第一次看見下面的這寫法的肯定有點奇怪是把 ;(function(){ console.log(11); })(); 那這個分號有啥子用呢 那就舉一個例子來說吧 沒有什麼比實踐更有 說服力了 function a(){ c

原创 使用jwt-decode 解析你的token

有的時候我們會把 用戶的信息 加密到token 返回給前臺 前臺這塊就需要 使用 解析工具將 加密的token 解析 然後拿到用戶的信息了 這裏使用 vue 來做例子 cnpm i jwt-decode -S 然後就是引入使用

原创 剛入手vue的前端小白 總結下 vuex的使用(請大神多指點)

日常一樣 上面先來一段 火星文 反正看的人不多 但這東西吧 讀者可以選擇不看 但你不能沒有 vuex 是什麼呢? Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式。它採用集中式存儲管理應用的所有組件的狀態,並以相應的

原创 h5頁面,讓進入用戶進入頁面就播放視頻(video標籤)

嘗試過了 muted autoplay 都不行 很難受哈 問題是 ios上沒問題 後來發現是人家安卓的限制 必須進行一次交互纔可以 播放 我就嘗試這個 改寫alert 方式彈出一個東西 隨便彈出一個 1什麼的 但是

原创 前端面試題大全:收集比較經典的前端面試題(持續更新中,暫時只收錄html,css,javascript,vue)有好的面試題的資源的童鞋請私信我,謝謝大家

之前博主剛剛大學畢業出來,找工作的時候,各種碰壁,畢竟沒有工作經驗,很多面試題雖然也背了很多,但是畢竟缺少工作經驗,回答起來感覺總是沒有答到重點上,之後工作了快一年,算是剛剛入行吧,看過的那麼多經典的面試題 一直都想整理下,工作之

原创 html5的video標籤踩得深坑,一個可以讓我跳進去洗澡的深坑

最近公司有個需求,就是讓在h5頁面上進行視頻播放,還可以進行視頻輪播的形式。聽到之後心裏就有點發慌,問下公司大佬,之前公司有沒有類似的項目 讓我來個比葫蘆畫瓢也行。收到的回覆沒有, 那好吧,只好先嚐試下原生的video標籤寫着試試

原创 vue腳手架中使用 Font Awesome

說實話 我是比較喜歡這個圖標庫的,拿來即用,在阿里的 iconfont 也可以 不過經常會不知道選擇哪個 哈哈 使用方式有倆種 最簡單的 莫過於 直接 cdn 方式引入了 在 public下面的 html中 直接 吧 鏈接

原创 h5 頁面的簡易視頻輪播 稍微有那點感覺吧

一直想着 圖片可以輪播 那放個視頻應該也可以吧 但是首先考慮的就是 video標籤的兼容性問題 因爲這個東西還是太新了 有很多瀏覽器支持的不是太好 這裏我就使用了 西瓜視頻播放器 插件 輪播用的是swiper 輪播 配合着

原创 angular中實現父子組件傳慘(angular 文章中簡稱ng)

不知道爲什麼,當我學習ng的時候習慣性得拿他和vue進行比較,雖然我的vue用的一般般, 這裏vue的父子間傳慘 想要複習的童鞋 給一下 之前寫過的 博客地址 看完再回來 看這個ng比對下 https://blog.csdn.ne

原创 我照着官網 寫你也給我報錯: CleanWebpackPlugin is not a constructor

小編 可是辛辛苦苦按照 官網來的 你給我報錯了 const path=require('path'); const HtmlWebpackPlugin=require("html-webpack-plugin"); const C

原创 瀏覽器自帶的彈出框不好看哈,我們去把它改寫了 alert

有時候 我們需要給用戶點彈出提示 但是 直接使用alert好像有點不好看的樣子 既然這樣的話 我們就去調整下 稍微讓它好看點哈 我下面的例子 是以 移動端爲例子的 重寫alert方法 // html 代碼塊 <div cla