原创 angularJS過濾器 {{name}}

angularJS       首先我們要對angularJS有一定簡單的瞭解的過濾器 angularJS過濾器(大標題小標題)         |:管道符號,用來分割數據和過濾器 currency:貨幣金額的操作       代碼示例

原创 獲取下個月的今天的時間戳

const now = new Date() // 當前日期 const y = now.getFullYear() // 當前年 const m = now.getMonth()+1

原创 當輸入一個url的解析過程

url解析 DNS解析 資源請求(後端服務器解析) 瀏覽器解析

原创 vue動畫 過渡效果以及 animate.css、velocity.js的基本使用

移入 移出 最基本動畫 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="

原创 vue+webpack 代碼規範

eslint eslint 最常見的方法 ,具體使用方法可參考官網。 editorconfig 針對於使用vs-code編輯器的小夥伴,在擴贊中安裝 在根文件下創建名爲.editorconfig 的文件進行相關配置如: 安裝

原创 vue v-model 修飾符

v-model.lazy         輸入完成後按enter 纔會進行數據綁定 v-model.number       當輸入數字時,字符串類型將自動轉換爲number v-model.trim 前後去空格

原创 angularJS 標籤指令

angularJS中除了ng開頭的屬性指令,還有標籤指令、自定義指令等。 標籤指令 :對原有的標籤進行了重新的構建,並有了新的功能 <a>:阻止默認行爲,阻止刷新頁面 <select> -ng-options(需要與ng-model結

原创 angularJS ng-repeat

angularJS ng-repeat指令 作用:遍歷集合-通過in的方式遍歷每一項 如: ng-app:初始化angularjs庫的指令 ng-controller:調用控制器把數據、視圖鏈接在一起 ng-click:點擊操作事

原创 數據顯示優化處理以及插件簡介

數據顯示優化處理以及插件簡介 (上一章節使用ng-value提高了表單的用戶體驗,那麼我們在HTML中寫入內容是是否可以提高用戶體驗呢?情況類似ng-value與value,接下來我們將進行詳細的分析) 代碼示例: <script

原创 angularJS DOM操作相關指令

DOM操作相關指令 ng-show:針對元素的展現、隱藏,是通過CSS的display來實現的。參數true是展現,false是隱藏。隱藏時不保留該位置。 代碼示例: <div ng-show="true">bbbbbbbbb</

原创 angular 自定義屬性封裝 拖拽示例

自定義屬性 拖拽指令封裝示例 代碼示例: <style> #div1{ width:100px; height:100px; background:red; position:absolute;} </style> <script src

原创 angularJS 事件指令

事件指令 原生JS中的click不支持表達式操作以及數據的獲取,但可在指令中直接寫表達式、數據名等進行動態操作 ng-click/dbclick(單擊/雙擊) ng-mousedown/up(鼠標按下/鼠標擡起) ng-mouseent

原创 angularJS 自定義指令

angularJS 自定義屬性 類似於過濾器filter,內置了許多方法同時可以自定義方法。 通過angular.model來創建模塊對象: -angular.model: controller:控制器 run:初始化 filter:

原创 angularJS過濾器 <div > <p>{{name}}</p><!--識別空格和換行--> </div>

angularJS       首先我們要對angularJS有一定簡單的瞭解的過濾器 angularJS過濾器(大標題小標題)         |:管道符號,用來分割數據和過濾器 currency:貨幣金額的操作       代碼示例

原创 angularJS 樣式相關指令

樣式相關指令: ng-class:寫成一個對象的形式,裏面內容爲class的名字,還需要使用true來激活。 代碼示例: <style type="text/css"> .red {background: