原创 js實現簡單定位的一個方法 element.scrollIntoView()

js實現簡單定位的一個方法   element.scrollIntoView()  可用讓當前元素滾動到瀏覽器窗口的可視區域內(不需要獲取滾動條位置之類的操作,使用非常簡單,但只能實現一些簡單的定位,其中element指的是要跳轉到的元素

原创 學習筆記03--Vue動畫

學習筆記03–Vue動畫 一個動畫過程:四個時間點和兩個時間段 v-enter-active(v-enter-------->v-enter-to)進入過渡 v-leave-active(v-leave-------->v-lea

原创 學習筆記02--vue-resource基礎

學習筆記02–vue-resource基礎 vue-resource的配置步驟:直接在html頁面中,通過script標籤引入‘vue-resource’的腳本文件;(注意引用先後順序:先引用Vue的腳本文件,再引用‘vue-r

原创 學習筆記01--Vue.js基礎

vue.js是一套構建用戶界面的框架,只關注視圖層,有雙向數據綁定,能夠減少不必要的DOM操作,提高渲染效率。 一、vue.js基本結構 例: <!DOCTYPE html> <html lang="en"> <head>   <meta

原创 解決Sublime Text的Package Control問題以及綁定Less

解決Sublime Text的Package Control問題以及綁定Less Package Control問題 直接在官網下載的sublime Text3並安裝安裝,安裝完成後打開sublime,按住shift+ctrl+p

原创 sublime3安裝bootstrap3 Snippets插件

第一步:打開sublime3軟件,快捷鍵shift+ctrl+p打開,出現一個彈出框,輸入“install”,單擊 “Package Control:install Package”,再彈出一個框,輸入bs3,找到並單擊“Bootstra

原创 利用js實現的數據結構知識整理--棧和隊列篇

棧 棧,特點是後進先出(先進後出),棧是用的非常多的一種數據結構。 用前端代碼實現棧的過程: 定義一個stack構造函數,這個構造函數包含下面幾個可以通過實例對象訪問到的方法:push()增加、pop()刪除、peek()獲取棧頂

原创 CSS知識點整理--flex佈局

記錄一下flex佈局的知識點 flex佈局的屬性設置分成兩個部分,一個是針對容器進行設置的,一個是針對容器裏的項目進行設置的。 容器的屬性有如下6個: flex-direction(設置主軸方向) 有4個常用的設置值: row

原创 利用js實現的數據結構知識整理---鏈表篇

最近複習了一些數據結構,正好看到一套結合前端的數據結構學習視頻,學完感覺領悟了不少。打算記錄記錄,內容比較多,每天記錄一些,當作二次複習。主要有一下數據結構: 鏈表 棧和隊列 集合和字典 散列表 樹 圖 鏈表 線性表主要有順序

原创 記錄一些前端面試題

記錄一次前端實習生的面試題: 自我介紹 用戶輸入url之後到頁面展示的過程(提到dns,三次握手,四次會手,爲什麼三次握手?) html頁面渲染過程 說幾種熟悉的數據結構 快速遍歷是如何實現的? 說一下https和http,兩者

原创 學習筆記04--vue組件

1、組件化和模塊化的區別: 模塊化:從代碼邏輯的角度進行劃分,方便代碼分層開發,保證每個功能模塊的職能單一 組件化:從UI界面的角度進行劃分,前端的組件化,方便UI組件的重用 2、創建組件的方式 方式一: (1)使用Vue.ext