原创 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 創建一個新對象,使用現有的對象來提供新創建的對象的_