原创 Vue-表單操作、自定義指令、計算屬性(computed)、偵聽器(watch)、過濾器、數組變異方法、響應式數據處理
表單操作 表單基本操作 獲取單選框中的值：通過v-model <!-- 1、 兩個單選框需要同時通過v-model 雙向綁定 一個值 2、 每一個單選框必須要有value屬性 且value 值不能一樣
2020-02-20 17:24:38
原创 webpack
1、webpack概述 webpack 提供了友好的模塊化支持，以及代碼壓縮混淆、處理 js兼容問題、性能優化等強大的功能，從而讓程序員把工作的重心放到具體的功能實現上，提高了開發效率和項目的可維護性 目前絕大多數企業中的前端
2020-02-20 17:24:38
原创 Vue 腳手架與element-ui
1、Vue 腳手架的基本用法 Vue 腳手架用於快速生成 Vue 項目基礎架構，其官網地址https://cli.vuejs.org/zh/ 使用步驟 1. 安裝 3.x 版本的 Vue 腳手架： npm install -g @
2020-02-20 17:24:38
原创 Javascript-API-BOM、動畫函數、網頁輪播圖、節流閥、筋斗雲、固定側邊欄返回頂部案例
動畫實現原理 核心原理：通過定時器 setInterval() 不斷移動盒子位置。 實現步驟： 獲得盒子當前位置 讓盒子在當前位置加上1個移動距離 利用定時器不斷重複這個操作 加一個結束定時器的條件 注意此元素需要添加定位，才
2019-10-28 13:58:23
原创 Javascript-API-BOM、定時器、Window對象、This指向、JS執行機制、location對象、
什麼是BOM BOM（Browser Object Model）即瀏覽器對象模型，它提供了獨立於內容而與瀏覽器窗口進行交互的對象，其核心對象是window。 BOM 由一系列相關的對象構成，並且每個對象都提供了很多方法與屬性。
2019-10-25 14:05:22
原创 Javascript-API-BOM、元素偏移量offset、可視區client、滾動scroll系列、模態框、放大鏡案例、
元素偏移量 offset 系列 offset 概述 offset 翻譯過來就是偏移量， 我們使用 offset系列相關屬性可以動態的得到該元素的位置（偏移）、大小等。 獲得元素距離帶有定位父元素的位置 獲得元素自身的大小（
2019-10-25 14:05:12
原创 詳細的JavaScript基礎語法-內置對象
內置對象 Math 數學對象，封裝了跟數學操作相關的屬性和方法。 怎麼用： 1、怎麼獲取對象 直接使用Math 2、有哪些屬性和方法 Math.PI Math.max() / Math.min(
2019-10-25 14:05:12
原创 詳細的JavaScript基礎語法-上-簡單數據類型、運算符、流程控制、循環、數組、
JS簡介 JS與標記語言的區別 js是有邏輯性的、是有指令的、是主動的。 標記語言(html)不需要向計算機發出指令、標記語言的存在是用來被讀取的, 是被動的。 瀏覽器的執行 渲染引擎：用於解析html與css ja引擎：又稱j
2019-10-25 14:05:12
原创 詳細的JavaScript基礎語法-下-對象、
對象的相關概念 什麼是對象？ 在 JavaScript中，對象是一組無序的相關屬性和方法的集合，所有的事物都是對象，例如字符串、數值、數組、函數等。 對象是由屬性和方法組成的。 屬性：事物的特徵，屬性就是內存中的變量（常用名
2019-10-25 14:05:12
原创 JavaScript-循環、排序、翻轉案例解析
打印五行五列的星星 var ss = ''; //外面循環一次、裏面循環全部 for (j = 0; j < 5; j++) { for (i = 1; i <=
2019-10-25 14:05:12
原创 移動端佈局之rem佈局
rem佈局 rem佈局的原理 就是根據不同的屏幕大小來實現等比縮放 方法： 根據不同的屏幕大小來設計html根元素字體大小 rem單位 rem相對於html元素的font-size動態計算的單位 優點可以通過修改html的font
2019-10-25 14:05:12
原创 Javascript-API-DOM-操作元素對象的屬性、文本內容、子元素、樣式
DOM Document Object Model 文檔對象模型：作用就是對象的方式操作HTML和CSS樣式的 DOM中有哪些對象，這些對象有哪些屬性和方法。 DOM編程的步驟： 1、獲取元素對象。 2、操作元素對象的
2019-10-25 14:05:12
原创 Javascript-API-DOM-全選反選、Tab欄切換案例、節點的操作、自定義屬性的操作、
使用對象的方式操作HTML和CSS 步驟： 1、獲取元素對象 使用id、類名、標籤名或css選擇器獲得元素對象 getElementById() getElementsByTagName
2019-10-25 14:05:12
原创 移動端佈局之Flex彈性佈局
flex彈性佈局 操作方便、佈局簡單、移動端應用廣泛 flex佈局原理： 通過給父盒子設置flex屬性、來控制子盒子的位置和排列的方式 任何容器都可以指定爲flex佈局 爲父盒子設置了之後、子元素的float、clear和ve
2019-10-25 14:05:11
原创 詳細的JavaScript基礎語法-中-函數
函數 函數就是封裝了一段可被重複調用執行的代碼塊。通過此代碼塊可以實現大量代碼的重複使用 函數就是程序代碼的封裝； // 聲明函數 function 函數名() { //函數體代碼 } // 調用函
2019-10-25 14:05:11