原创 原生JS實現輪播圖1---勻速動畫

                                JS實現輪播圖 項目實現結果圖: 需求:1 根據圖片動態添加小圓點            2 目標移動到小圓點輪播圖片            3 鼠標離開圖片

原创 原生js實現網易輪播圖

前端基本功-網頁特效5 一、實現效果圖 二、分析佈局 主盒子裏分上下兩個小盒子(1和2)。 包含圖片的盒子佔兩張圖片的寬(3),處於上盒子中,當前圖片在上盒子(1)中,其它圖片在盒子(3)的右側等待播放

原创 前端面試題之---HTML篇

DOCTYPE作用?標準模式與兼容模式各有什麼區別? 1 告知瀏覽器的解析器用什麼文檔標準解析這個文檔。DOCTYPE不存在或格式不正確會導致文檔以兼容模式呈現。 2 標準模式中,排版和JS運作模式都是以該瀏覽器支持的最高標準

原创 封裝多個屬性的運動框架

1、多個屬性封裝運動框架: function curStyle(obj,attr){ if(obj.currentStyle){ return obj.cur

原创 餓了麼項目---2、項目搭建及本項目設計模塊的參考資料

一、 項目結構目錄 其中: - build文件夾———配置了webpack的基本配置、開發環境配置、生產環境配置等 - config—————-配置了路徑端口值等 - node_modules—–依賴的模塊 - src

原创 原聲js 的兼容(屏幕尺寸、事件處理程序、阻止事件冒泡、事件目標等等)

1、事件處理程序 function addEvent(obj, type, fn) { //添加事件兼容 if (obj.addEventListener) { obj.ad

原创 餓了麼項目---7、ref屬性註冊節點信息,並獲取DOM節點(1)

本筆記重點: - 如何通過vue的refs屬性獲取DOM節點 - 如何在vue的示例中獲取到節點元素 - 在created函數中不可使用的問題 一、refs的使用 1.1 官方介紹     被用來給元素或子組件註冊引用信息。

原创 web前端面試題之html+css+js

HTML/CSS部分 1、什麼是盒子模型? 在網頁中,一個元素佔有空間的大小由幾個部分構成,其中包括元素的內容(content),元素的內邊距(padding),元素的邊框(border),元素的外邊距(margin)四個部分

原创 使用javascript 獲取 data- 自定義屬性

HTML5 data-* 的讀寫方式 一 、data-* 有兩種設置方式: 1、可以直接在HTML元素標籤上書寫 <div id="test" data-age="24"> Click Here </div> 其中dat

原创 餓了麼項目---6、使用Props傳遞數據

一、使用Prop的場景與意義 組件實例的作用域是孤立的。這意味着不能 (也不應該) 在子組件的模板內直接引用父組件的數據。要讓子組件使用父組件的數據,我們需要通過子組件的 props 選項。 子組件要顯式地用 props 選項聲明它期待

原创 餓了麼項目---7、深度響應式原理與Vue.$nextTick()的使用(2)

深入響應式原理 Vue 最顯著的特性之一便是不太引人注意的響應式系統(reactivity system)。模型層(model)只是普通 JavaScript 對象,修改它則更新視圖(view)。這會讓狀態管理變得非常簡單且直觀。 v

原创 Promise對象

ECMAScript 6 ,允許對延時和異步操作流進行控制 Promise 對象有以下幾種狀態: - pending (進行中): 初始的狀態,即正在執行,不處於 fulfilled 或 rejected 狀態。 - fulfill

原创 字符串String類型 、數組 Array類型

String類型的方法 方法 描述 charAt, charCodeAt, codePointAt 返回字符串指定位置的字符或者字符編碼。 indexOf, lastIndexOf 分別返回字符串中指定子串的位置或最後位置

原创 餓了麼項目---5、vue-resource的使用(版本:1.3.4)

一 、vue-resource的使用API 在vue-resource的官網上已經解釋的很清楚了,貼上鍊接鏈接: https://github.com/pagekit/vue-resource 1.1 下載vue-resource插件

原创 數組 forEach() 與map()的區別

相同點: 都是循環遍歷數組中的每一項 forEach和map方法裏每次執行匿名函數都支持3個參數,參數分別是item(當前每一項)、index(索引值)、arr(原數組) 匿名函數中的this都是指向window 只能遍歷數組 接