原创 js原生 獲取url參數

function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.locat

原创 angular 如何實現ng-model

最近在用angular5寫項目,剛接觸angular,他對於我還是陌生的朋友,最近寫了一個組件 用到了ng-model的實現,所以這裏簡單記錄下 比如要創建一個組件叫my-input 1首先  在@Component配置中添加encaps

原创 blur事件與click事件衝突怎麼解決

今天遇到一個問題  一個文本框輸入內容的時候會顯示一個列表 失去焦點時列表消失 列表中的數據點擊時 內容顯示到文本框中  但是點擊列表數據的clic

原创 Vue v-model語法糖理解及解析

v-model可以實現數據的雙向綁定,但是到底是如何實現的,爲什麼是v-model而不是別的k-value 或者 m-value或者其他 對於這塊的理解一直懵懵懂懂。 那麼官網是怎麼寫的呢 一個組件上的v-model 默認會利用名爲val

原创 前端post下載實現

```javascript exportService(url,params){ url = this.budService.getBaseUrl()+url; return this.http.post(url,p

原创 placeholder字體顏色怎麼設置修改&placeholder字體顏色怎麼設置修改

placeholder字體顏色怎麼設置修改 input::-webkit-input-placeholder{color:#000} input:-moz-placeholder{color:#000}//fox1.8 input::-

原创 關於angular select 掉過坑

今天使用select遇到兩個問題 1 如果使用<option ng-repeat></option> 用ng-repeat循環數組生成option就會有一個默認的空option    百度了一下 說是使用方法不對  應該使用 ng-opt

原创 web性能提升

js優化 1 訪問全局變量總是比訪問局部變量要慢 所以減少全局變量的創建以及訪問 2 減少eval,with語句的使用, 3原生方法更快,儘量使用原生方法 4switch語句較快,如果有很多的if-else判斷儘量使用switch 5JS

原创 發佈-訂閱模式

發佈-訂閱模式在很多前端流行框架中被使用,比如backbone,vue.所以很有必要花時間和精力來了解一下。 發佈-訂閱模式又叫觀察者模式。它定義對象間的一種一對多的關係。當一個對象的狀態發生改變時,所有依賴它的對象 都將得到通知。在Ja

原创 代理模式

代理模式:爲一個對象提供一個佔位符或者代用品,以便控制對他的訪問。 代理模式非常的有意義,在生活中有很多代理模式的例子。比如明星都有經紀人作爲他的代理,如果想請明星演出,要先跟他經紀人溝通,經紀人把細節報酬都談好後在請明星籤合同。 虛擬代

原创 關於Vue面試會問到的問題

對於MVVM的理解 MVVM是Model-View-ViewModel的縮寫 Model代表數據模型,也可以在Model中定義數據的修改和操作的業務邏輯。 View代表UI組件,它負責將數據模型轉化成UI展現出來。 ViewModel監聽

原创 策略模式

啥時策略模式? 舉個例子,假如你從北京到杭州,可以選擇坐飛機去,還可以坐汽車去,還可以自駕去。 每個方法都可以去。 策略模式就是實現一個任務有多個方法,這些方法都可以相互替換。把這些方法封裝起來就是策略模式。 再舉個例子,年終獎發放,績效

原创 JavaScript的單例模式沒有那麼簡單

想必大家都知道單例模式就是不管調用多少次new命令,始終只能創建一個實例對象。 寫個方法來看看javaScript的單例長什麼樣。 下面這個例子是負責在頁面中創建唯一的div節點。代碼如下 var CreateDiv = (functi

原创 webpack使用知識點

主要是看了阮一峯老師的wepack-demos做一下筆記,原鏈接:https://github.com/ruanyf/webpack-demos 什麼是webpack? webpack是爲瀏覽器構建js模塊腳本的前端工具 webpack需

原创 js對象的繼承有哪些實現方式歸總

實現對象obj繼承prot 1 簡單粗暴 直接指定原型對象的值 const obj={ _proto_:prot, foo:13 } 2 Object.create  創建一個新對象,使用現有的對象來提供新創建的對象的_