原创 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(取消事