原创 jq----dom.trigger(eventType,data)執行dom綁定事件的處理程序和行爲

trigger(type,[data])-----簡言之:觸發事件的處理函數和行爲,也就是執行定義事件的執行函數 type:一個事件對象或者要觸發的事件類型 data:傳遞給事件處理函數的附加參數 當相應的事件發生時,任何通過.on()或

原创 vue瀏覽器編譯時 節點上出現data-v-xxx和父組件改變子組件的內部樣式

一、data-v-xxx vue頁面被瀏覽器解析後,在標籤中出現’data-v-xxxxx’標記,如下:  原因: 在vue文件的css中樣式加了scoped <style scoped> .FooterGuide{

原创 input file文件上傳(enctype)

一、瀏覽器post表單提交 通常的input組件表單提交時,按照form屬性提交的其中enctype=”application/x-www-form-urlencoded”是默認值 <form action="RequestSer

原创 input選擇輸入歷史後樣式改變

一、修改選擇背景色    **chrome表單自動填充後,input文本框的背景會變成偏黃色的,這是由於chrome會默認給自動填充的input表單加上input:-webkit-autofill私有屬性,然後對其賦予以下樣式: 方

原创 Vue style 深度作用選擇器 >>> 與 /deep/(sass/less)

官網介紹:https://vue-loader-v14.vuejs.org/zh-cn/features/scoped-css.html 你很可能會遇到的問題 vue組件編譯後,會將 template 中的每個元素加入 [data-v-x

原创 vue組件通信---非父子組件(bus)/任意組件間的通信(pubsub)

方式一:bus中央總線 利用總線方式可以平級組件進行通信 無論是父向子傳值還是子向父傳值,都需要一箇中間介質。對於平級組件來說其實也一樣,他們也需要一箇中間介質來作爲一箇中央事件總線。 第一步:我們先來創建中央事件總線,在src/asse

原创 TypeScript基本語法---10類

相關概念 類(Class):定義了一件事物的抽象特點,包含它的屬性和方法 對象(Object):類的實例,通過 new 生成 面向對象(OOP)的三大特性:封裝、繼承、多態 封裝(Encapsulation):將對數據的操作細節隱藏起來,

原创 TypeScript---01簡介

一、TypeScript介紹 TypeScript 由微軟開發的自由和開源的編程語言。 TypeScript 是 JavaScript 的一個超集,支持 ECMAScript 6 標準。 TypeScript使用現有的JavaScript

原创 vue組件通信---子傳父(自定義事件$emit(eventName,data))

一、概括 在通信中,無論是子組件向父組件傳值還是父組件向子組件傳值,他們都有一個共同點就是有中間介質,子向父的介質是自定義事件,父向子的介質是props中的屬性。抓準這兩點對於父子通信就好理解了。 綁定事件監聽 // 方式一: 通過 v

原创 TypeScript基本語法---06數組

數組解構 我們也可以把數組元素賦值給變量,如下所示: var arr: any[] = [12,'muzidigbig']; var [x,y] = arr; // 將數組的兩個元素賦值給變量 x 和 y console.log(`$

原创 Unexpected token o in JSON at position 1 報錯原因

寫在前面的話 這個問題在之前做項目時碰到過一次,當時按照網上的做法,去掉JSON.parse()這一層轉換後就沒有這個報錯了,數據也能正常使用,就沒多想,也沒深究是什麼原因。 可是這次又碰到了,所以這次必須要弄明白原因。  JSON更多

原创 TypeScript基本語法---09接口

接口 Interfaces 接口是一系列抽象方法的聲明,是一些方法特徵的集合,這些方法都應該是抽象的,需要由具體的類去實現,然後第三方就可以通過這組抽象方法調用,讓具體的類執行具體的方法。 接口(Interfaces)是一個很重要的概念,

原创 TypeScript基本語法---08聯合類型(類型別名 type、字符串字面量類型)

聯合類型(Union Types)可以通過管道(|)將變量設置多種類型,賦值時可以根據設置的類型來賦值。表示取值可以爲多種類型中的一種,使用 | 分隔每個類型。 注意:只能賦值指定的類型,如果賦值其它類型就會報錯。 創建聯合類型的語法格式

原创 vue組件通信---父子互傳(props,$emit())

一、大綱 在通信中,無論是子組件向父組件傳值還是父組件向子組件傳值,他們都有一個共同點就是有中間介質,子向父的介質是自定義事件,父向子的介質是props中的屬性。抓準這兩點對於父子通信就好理解了。 第一步:父傳子(props) 第二步:子

原创 TypeScript基本語法---03細講any任意值

任意值 Any 用來表示允許賦值爲任意類型。 什麼是任意值類型 如果是一個普通類型,在賦值過程中改變類型是不被允許的: let num: number = 1; num = '1'; // error TS2322: Type '