原创 angularjs $watch
(1)$watch簡介 在digest執行時，如果watch觀察的的value與上一次執行時不一樣時，就會被觸發。 AngularJS內部的watch實現了頁面隨model的及時更新。 $watch方法在用的時候主要是手動
2020-06-16 17:03:44
4
原创 前端構建工具gulpjs的使用介紹及技巧
gulpjs是一個前端構建工具，與gruntjs相比，gulpjs無需寫一大堆繁雜的配置參數，API也非常簡單，學習起來很容易，而且gulpjs使用的是nodejs中stream來讀取和操作數據，其速度更快。如果你還沒有使用過前端構建工
2020-02-22 02:00:48
原创 JavaScript 詳說事件機制之冒泡、捕獲、傳播、委託
DOM事件流（event flow ）存在三個階段：事件捕獲階段、處於目標階段、事件冒泡階段。 事件捕獲（event capturing）：通俗的理解就是，當鼠標點擊或者觸發dom事件時，瀏覽器會從根節點開始由外到內進行事件傳播，即
2020-02-22 02:00:48
原创 自己寫的數字最大最小值numvalue-check指令
產品要求：輸入框輸入數據之後，失去焦點後就進行最大最小值校驗，以及錯誤提示。但是angular自帶指令max,min，在封裝後，要點擊
2020-02-22 02:00:48
原创 Angular 4 新特性給響應式編程帶來的好處
爲什麼要做響應式編程？ 我給出的答案很簡單：響應式編程可以讓你把程序邏輯想的很清楚。爲什麼這麼說呢？讓我們先來看一個小例子，比如我們有這樣一個需求，在生日的控件之前添加一個年齡的選擇，用以輔助生日的輸入。雖然很變態，其實直接輸入趕腳比這
2020-02-22 02:00:48
原创 Jquey插件封裝成指令
http://www.jq22.com http://www.17sucai.com/preview/41162/2015-12-18/hplus1/hplus1/index.html# 找到想要使用的插件，下載下來，看其Index.h
2020-02-22 02:00:48
原创 flex佈局
一、Flex 佈局是什麼？ Flex 是 Flexible Box 的縮寫，意爲"彈性佈局"，用來爲盒狀模型提供最大的靈活性。 任何一個容器都可以指定爲 Flex 佈局。 .box{ display: flex; } 行內
2020-02-22 02:00:48
原创 使用原生JS的AJAX讀取json全過程
首先ajax（async JavaScript and xml）是用於前端與後端文件比如xml或者json之間的交互。他是一種異步加載技術，意味着你點擊某個加載事件是再也不用刷新整個頁面，而是發送局部請求，局部迴應。由於AJAX不是完
2020-02-22 02:00:48
原创 angularjs 組內自定義require指令在時間輸入框中引用時出現的問題及排查
問題一：【入駐日期】字段爲【必填】，但前面沒有出*。 加的required指令可以要求爲必填，（指令使用要求：只有提交按鈕是form-submit纔可以在都通過驗證的情況下提交。而且input輸入框有form-control類，指令纔
2020-02-22 02:00:48
原创 Angular 4.x 修仙之路
轉自：https://segmentfault.com/a/1190000008754631 Angular 4.x 快速入門 Angular 4 基礎教程 涉及 Angular CLI 使用、創建組件、事件、自定義服務、
2020-02-22 02:00:48
原创 定義asyncExportFile服務，通過異步下載導出文件
要解決的問題：導出文件超時。 解決思路：異步下載方式進行導出。先生成下載任務，然後輪詢文件名，生成文件名的時候，再執行下載。 由於系統中需要執行導出的操作較多，因此將導出方法封裝成了一個服務asyncExportFile，分別注入到各個需
2020-02-22 02:00:48
原创 gulp-uglify《JS壓縮》
本節實現JS壓縮，在實現壓縮前，先配置JS任務，設置源目錄和輸出目錄。 1.找到gulp->config.js，對JS進行源目錄(src->img)和輸出目錄(build->img)的配置: 2.gulp->tasks裏新
2020-02-22 02:00:48
原创 angularjs input 表單校驗指令整理
目錄 input[text]input[checkbox]input[radio]input[date]input[datetime-local]input[month]input[time]input[week]input
2020-02-22 02:00:48
原创 Angular4 中常用的指令
NgIf <div *ngIf="false"></div> <!-- never displayed --> <div *ngIf="a > b"></div> <!-- displayed if a is more than b -
2020-02-22 02:00:48
原创 項目中gulp shark-automation編譯，jenkins測試服開發服上線
gulp編譯過程： 1.clean, 刪掉scss生成css和ftl生成html時，產生的臨時文件夾 2.build-java，幫後端mvn compile(自己寫的java，依賴的java庫)。註明：招財是後端拉前端代碼，沒有這一步。
2020-02-22 02:00:48