原创 vue中mixin (混入) 的學習

混入 (mixin) 提供了一種非常靈活的方式,來分發 Vue 組件中的可複用功能。一個混入對象可以包含任意組件選項。當組件使用混入對象時,所有混入對象的選項將被“混合”進入該組件本身的選項。  index.vue <template>

原创 CSS3 動畫(圓點閃爍動畫效果的實現)

代碼如下  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-

原创 移動Web開發小結2

不用說我也知道,此類文章太多太多了,常見的譬如: viewport、強制瀏覽器全屏、IOS的Web APP模式、可點擊元素出現陰影(這個我覺得真沒必要去掉,用戶點擊是需要反饋的,而這個背景色剛剛好提供了一種反饋)等等,太多啦,這些相信大家

原创 JS遍歷方法大總結

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

原创 JavaScript 那些寫出來會被同事揍的騷操作

JavaScript 那些寫出來會被同事揍的騷操作 Vue社區 今天 關注 Vue社區,回覆“加羣” 加入我們一起學習,天天進步   布拉德特皮 juejin.im/post/5e044eb5f265da33b50748c8 前言 曾經

原创 Javascript基礎——this指向

Javascript的this指向問題,有些人可能覺得很簡單,有些人卻覺得撲朔迷離,看完本文之後相應會對this的掌握有一個直觀的判斷,而不是"開局全靠猜"。 敲黑板 function函數this指向由調用方式確定,跟定義環境無關。 箭頭

原创 JS 進階需要掌握的 12 個概念

  本文介紹 JS 比較重要的12個概念,但絕對不是說 JS開發人員只需要知道這些就可以了。 1.變量賦值 (值 vs 引用) 理解 JS 如何給變量賦值可以幫助我們減少一些不必要的 bug。相反,如果,不理解這一點,可能很容易地編寫被無

原创 JS字符串常用方法 ES6

字符串的遍歷器接口 ES6爲字符串添加了遍歷器接口(詳見《Iterator》一章),使得字符串可以被for...of循環遍歷。 for (let codePoint of 'foo') { console.log(codePoint

原创 JS Math 對象常用方法 ES5

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script>

原创 JavaScript裏處理數字的一些常用方法

1.toString() 把數值轉換爲字符串。 let num = 123; console.log(typeof(num)); //number console.log(typeof(num.toString())) //string

原创 ES6中的var, let, const

var, let, const 這三個東西, 經常會被問到。 彙總一下,基本上就是: var, let, const 有什麼區別? let, const 有沒有變量提升(hosting) ? 什麼是 TDZ ? 首先, 我們先整體的看下區

原创 前端開發細節總結 未完待續.........

1、搜索時,文本輸入框的內容一般去掉前後空格 let arr = " 2018-11-11 05 " console.log(arr) // 清除左右空格 console.log(arr.trim()) console.log(arr.

原创 input輸入框輸入小寫字母自動轉換成大寫字母

input輸入框輸入小寫字母自動轉換成大寫字母有兩種方法 1.用js onkeyup事件,即時把字母轉換爲大寫字母: html裏input加上 <input type="text" id="txt1" value="" οnkeyup=

原创 vue組件中父子傳值雙向綁定

效果圖     父組件頁面 父組件頁面引用子組件 父組件用 :parentmessage.sync="hphm"  傳遞 hphm 給子組件並接收子組件更新過的 hphm <its-hphmInput class="filter-in

原创 Vue 點擊組件外部隱藏組件自身

在開發組件的時候,點擊組件外部隱藏組件自身的這種情況很長見到,例如:時間選擇框組件,下拉選件等。   示圖:點擊外層元素隱藏自定義車牌選擇框   代碼如圖中所寫: 核心:   1、最外層div中添加一個@click.stop(取消事