原创 面試之ES6你都知道哪些呢(詳細實例展示)

1、export和import 1)、導入的時候有沒有大括號的區別是什麼 當用export default people導出時,就用 import people 導入(不帶大括號) 一個文件裏,有且只能有一個export def

原创 ES6環境的搭建步驟

步驟一:在自己電腦裏面選擇一個盤新建一個文件夾,例如es6use文件夾 步驟二:在es6use文件夾下建立一個src文件夾、一個dist文件夾、一個index.html文件(其中src文件夾用來存放自己用es6語法寫的js文件

原创 js實現小球隨機運動

效果圖: HTML <div class='box'> <div class='ball'></div> </div> style: .box{ width:300px; height:400px;

原创 強大的電腦快捷鍵

1、讓電腦鎖屏:windows + L (lock鎖住) 2、步驟記錄器:先按windows + R;再輸入psr.exe;然後點擊開始記錄,它會記錄下你做的所有操作,然後生成一個圖文並茂的詳細文檔,單擊停止記錄以後,會將詳細文檔

原创 下拉菜單滑動效果(animation實踐)

思路:通過給父元素設定固定的寬度和高度以及設置overflow:hidden屬性將超出的ul li列表隱藏掉。視覺上看到的上下滑動的其實是父元素的高度,而不是ul li列表,列表並沒有動過。但視覺上感覺到的就是ul li列表在上

原创 JS數組的遍歷方法彙總及區別

總的遍歷方法: 1、經典遍歷方法:for語句、forEach語句、for-in語句、for-of語句 2、其它循環方法:map(映射)方法、filter(過濾)方法、every方法、some方法、reduce方法(reduceRi

原创 Vue組件之詳細理解並使用props和$emit()

一、props的使用 父組件的數據需要通過 props 把數據傳給子組件,子組件需要顯式地用 props 選項聲明 “prop”。 個人理解是:props是在子組件裏面寫的,其值爲一個數組,即props:[keyName]。其

原创 Vue-cli瞭解、安裝與簡單上手

一、瞭解vue-cli: 在真實的vue項目中是要藉助webpack打包工具的,以便於維護。但是每做一個項目都要安裝webpack的話是很麻煩的,於是vue就提供了腳手架工具Vue-cli,通過這個腳手架就可以快速的搭建一個vu

原创 面試之BFC佈局||聖盃佈局||雙飛翼佈局

一、BFC佈局 BFC,即Block Formatting Contexts(塊級格式化上下文),具有BFC特性的元素可以看做是隔離了的獨立容器,容器裏面的元素不會再佈局上影響到外面的元素,並且BFC具有普通容器所沒有的一些特性。

原创 解決前端跨域的方法有哪些

1、首先一個域名的組成: 當協議、子域名、主域名、端口號中任意一個不相同時,都算作不同域 JavaScript出於安全方面的考慮,不允許跨域調用其它頁面的對象。跨域就可以理解爲因爲JavaScript同源策略的限制,a.com下

原创 vue組件之祖孫傳後代provide和inject

首先祖先給子孫後代傳遞也是可以用props傳遞,一層層傳遞,爺爺給孫子還好,但是嵌了五六層還這麼寫,就顯得非常麻煩了。 所以就用到了provide(提供)和inject(注入)。這兩個是配套使用的,以允許祖先向所有祖先後代注入一個

原创 JS阻止事件冒泡和默認行爲

1、首先對事件冒泡和默認行爲以及要用到的事件對象event有個認識 對事件冒泡的理解是當觸發一個子元素的事件時,同時它的父元素的事件也會依次被觸發。即事件從最低層元素依次向最外層元素觸發 默認事件(行爲)指的是有些元素自身會有一