原创 JavaScript的擴展——E4X

E4X,是不是好像沒見過,但是如果你看下說明後,你會覺得異常的親切。 你可以把她理解爲:“支持 XML 的 ECMAScript”(ECMAScript For XML),也就是說:E4X = JavaScript for XML

原创 angular自定義共享模塊

在開發項目過程中,我們常常遇到一些功能相似,UI相同的組件;這時候,我們會希望通過寫一個能用公用的組件,來提升我們的開發效率。 以開發一個分頁組件爲例,我們來看看如何使用share component: 開發背景:Angular

原创 定位系統座標系

由於項目的原因,博主最近天天圍繞着地圖轉來轉去~~~ 之前,由於Leaflet其自身的輕便性,博主和很多開發人員一樣,偏愛着這個插件。 然而,隨着對地圖功能需求的提升,以及開發的深入,越到後面,越發現,Leaflet已經不能達到使

原创 angular指令——判斷鼠標是否在dom內

用過angular material中的dialog組件的,都知道,默認情況下,你點擊非彈窗的區域,彈窗會自動關閉。如果不需要自動關閉,可以用disableClose:true來進行限制。 而我們在寫自定義組件的時候,也常常會遇到

原创 alert與console.log區別

alert(): 1.有阻塞作用,不點擊確定,後續代碼無法繼續執行; 2.alert()只能輸出string,如果alert輸出的是對象會自動調用toString()方法; alert( [a,b,c] ); //a,b,c

原创 angular中利用ViewChild傳遞數據

在項目中,有些可以公用的組件,一般我們就抽離出來,然後在需要用到的頁面,再引入進來。那麼,當我們不僅僅需要共用組件的UI顯示,還需要用到組件裏的變量時,我們就可以用viewchild來獲取。具體做法如下: 一、確認page.com

原创 前端數據導出excel表格

1.安裝依賴: npm i file-saver 2.引入模塊: import {saveAs} from 'file-saver'; 3.拼接數據格式: let fileData =['車牌號','所屬公司','所屬車隊',

原创 線性表

1.線性結構的特點? 非空時,存在唯一的一個被稱爲“第一個”的數據元素; 非空時,存在唯一的一個被稱爲“最後一個”的數據元素; 非空時,除第一個外,集合中的每個數據元素均只有一個前驅; 非空時,除最後一個外,集合中的每個數據元素

原创 算法

1.什麼是算法? 對特定問題求解步驟的一種描述。 是指令的有限序列。 2.算法的基本特性? 有窮性(合理的,可接受的) 確定性(每條指令都有確切的含義,讀者理解時不會產生二義性) 可行性(可行的,可以執行有限次來實現) 輸入

原创 TCP/IP基礎筆記

1.什麼是TCP/IP ? Transmission Control Protocol / Internet Protocol; 供已連接因特網的計算機進行通信的通信協議; 定義了電子設備(比如計算機)如何連入因特網,以及數據如

原创 angular封裝組件——時間選擇控件

目標:實現如圖功能(可擴展成年選擇器,年-月選擇器,年月日選擇器) 第一步:先創建shared文件夾,該文件夾可以放一些常用的組件: 第二步:編寫控件(date): 有兩個需要注意的地方: @ViewChild,使用這個的

原创 關於HTTP協議的二三點

1.什麼是HTTP協議? HTTP協議:全稱:超文本傳輸協議,英文是:HyperText Transfer Protocol。 HTTP基於TCP/IP通信協議來傳遞數據。 TCP/IP 是因特網的通信協議。 TCP/IP

原创 判斷input輸入的是否是數字

本來想總結下,數字輸入驗證的,卻沒成想,一腳一個坑。。。沒有能根治的方法。。。 不管如何,還是總結下常用的幾種方法吧~~~ html5中表單input,擁有一些新的輸入屬性,極大方便了我們開發過程中的一些表單驗證。但是由於瀏覽器的

原创 angular中搜索框指令

之前,我們介紹過angular的請求防抖debounce,可以優化搜索過程。鑑於,輸入搜索,在整個項目中,應用會相對頻繁,所以,我們可以抽離出來,寫成一個指令: import { Directive, HostListener,

原创 angular請求的防抖(debounce)

在開發項目過程中,我們會遇到這樣的場景: 當用戶在搜索框中輸入名字時,當用戶輸入完畢後,自動發送搜索請求,實時響應;而不是多按一個按鈕或者回車鍵。 如果按照常規思路,我們會綁定input的keyup事件,每次擊鍵後,執行相對應的請