原创 理解和操作z-index

理解和操作z-index z-index,這個css屬性我感覺是很多人容易忽略的一個點。而且理解的不夠好(當然也包括我自己啦),但是不理解一些其他影響元素層疊秩序的因素——層疊上下文,定位,透明度。 1.z-index究竟是什麼? =

原创 定位與佈局(示例導航菜單)

定位與佈局(示例導航菜單) 1.流體佈局 行內元素僅僅佔據其中內容需要的空間 塊級元素則撐滿整個父元素,除非指定寬度 這就是當元素不指定position屬性時,文檔流對元素佈局的默認規則 2.定位元素 在文檔流中,元素的posit

原创 SASS的安裝配置(基於webpack4.x)

SASS的安裝配置 在這裏必要的環境我就不說了。 爲了使用sass,我們需要安裝sass的依賴包 //在項目下,運行下列命令行 npm install --save-dev sass-loader //因爲sass-loader依賴於

原创 JAVASCRIPT的閉包

閉包和作用域 先瞅一段代碼 let zipCode = (code,location)=>{ let _code = code; let _location = location ||''; return { code()

原创 WEBPACK4.X基本項目環境搭建

WEBPACK4.X基本項目環境搭建 一、webpack安裝 1.若沒安裝過webpack,那麼首先是全局安裝 npm install webpack -g npm install webpack-cli -g 2.創建一個項目進

原创 前端面試修仙(一)

前端面試修仙(一) 寫在前面,本內容以《前端面試江湖》爲基礎的,以我的能力做了部分修改和加深,談談面試題。同時提示大家千萬不要,買《前端面試江湖》這書,大大小小我能看出來的多達百處,還有些技術過時,還有些題是侮辱智商,這可是2016年

原创 webpack4.x 各項簡單配置

webpack4.x 各項簡單配置 1.webpacks是什麼? 是模塊打包機,分析目錄結構,找到js模塊(包括了瀏覽器不能直接識別的代碼如,typescript、sass),打包成合適的格式,供遊覽器訪問。 優勢:模塊打包,和構建項

原创 JavaScript複習整理(一)

JavaScript複習整理(一) 寫在前面,這個博客最近在進行一次改動就準備找工作了,儲備用完,所以啊,就整理一基礎知識,加深印象,對未來的面試也有好處,參考資料是《javscript權威指南第6版》 JavaScript,es6,

原创 JavaScript複習整理(二)

JavaScript複習整理(二) JavaScript 1.一般常見運算符 in instanceof eval typeof delete 2.語句這部分什麼編程語言都大同小異 3.debugger語句,產生斷點用於調試,

原创 前端本地文件上傳(原生JS)

前端本地文件讀取(原生JS) 通過input type = file來選擇本地文件 <div> <form> <input type="file" id="file-input" name="fileContent

原创 VUEX狀態管理(一)

VUEX狀態管理(一) 廢話:從學vue2開始,一直覺得vuex很重要,但是看了官方文檔之後,一頭霧水,加之其他要學的東西很多,vuex貌似我也沒用也能做出比較不錯的單頁面應用,於是乎,我拋棄了vuex,直到最近才準備好好地正視他. 背

原创 基於JQ帶文字特效的輪播圖

基於JQ帶文字特效的輪播圖 css代碼: *{margin:0;padding: 0;list-style:none;text-decoration:none;} /*============ 輪播圖淡入淡出,配文字效果樣式 =====

原创 VUE2子=>父通信(子組件向父組件傳值)

VUE2子=>父通信 1.在子組件中創建一個按鈕,給按鈕綁定一個點擊事件 <template> <div> <div>我是子組件</div> <div>{{msg}}</div> <button @click=

原创 vue2 路由傳參

vue2 路由傳參 本節是基於我的個人興趣頁面的路由傳參發現的問題和解決的問題 1.vue2的路由傳參 在頁面路由中,比如完成圖片詳情怎麼辦? 首先我們得知道圖片列表中每一張圖片的id,同時當點擊的時候,要讓電腦知道你傳遞的是哪個id

原创 網易前端筆試題-1

網易前端筆試題-1 寫在前,只分析編程題,用JavaScript或C++解題 小Q得到一個神奇的數列: 1, 12, 123,…12345678910,1234567891011…。 並且小Q對於能否被3整除這個性質很感興趣。 小Q