原创 111
<template> <div> <Button type="primary" shape="circle" icon="search" /> <Button type="primary" ico
2018-10-09 22:53:14
1
原创 button樣式篇一（ant Design React）
這篇來介紹button中elementUi、iview、ant中樣式結構 ant Design react ant-react中button分兩個文件less: mixins.less：根據button功能樣式不同封裝成函數。 ind
2018-09-04 16:04:35
原创 typeScript面對對象篇二
接口 接觸過面向對象的後端語言的應該對接口很熟悉，只接觸過前端的對接口會有點陌生，在維基百科中對OOP中接口的定義是這樣的： 在面向對象的語言中，術語interface經常被用來定義一個不包含數據和邏輯代碼但用函數簽名定義了行爲的抽象
2018-08-31 21:25:37
原创 vue UI庫iview源碼解析（2）
上篇問題 在上篇《iview源碼解析（1）》中的index.js 入口文件的源碼中有一段代碼有點疑惑： /** * 在瀏覽器環境下默認加載組件 */ // auto install if (typeof window !== 'unde
2018-08-30 15:44:11
原创 typeScript函數篇
typeScript的函數是在es6的函數特性的基礎上加了一些後端的概念：泛型、參數類型聲明、返回值類型聲明、重載、裝飾器等。其他的一些特性：箭頭函數、生成器、async-await、promise等都是es6的加的特性。 函數類型 J
2018-08-30 15:44:05
原创 CSS3學習系列之動畫
Transitions功能使用方法 在css3中，transitions功能通過將元素的某個屬性從一個屬性值在指定的時間內平滑過渡到另一個屬性值來實現動畫功能，可通過transitions屬性來使用transitions功能。 tran
2018-08-30 15:44:01
原创 CSS3學習系列之佈局樣式（二）
使用盒佈局 在CSS3中，通過box屬性來使用盒佈局，例子如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>使用floa
2018-08-30 15:43:55
原创 iview源碼解析（1）
概述 公司技術棧開始用vue主導開發，但因爲公司前端會vue的不多所以在項目中用到vue的技術不是很深，之前出去面試被接連打擊，而且本來打算開始爲公司vue的項目構建自己的組件庫所以去下載了iview 的源碼 打算研究一番，學習大神的組件封
2018-08-30 15:43:53
原创 CSS3學習系列之佈局樣式（一）
多欄佈局 使用float屬性或position屬性的缺點： 使用float屬性或position屬性進行頁面中的簡單佈局的例子。 <!DOCTYPE html> <html lang="en"> <head> <meta ch
2018-08-30 15:34:19
原创 typeScript面對對象篇一
面向對象是typescript的核心部分，這裏先介紹下面向對象的七大原則： 單一原則：一個類子負責一個職責。 里氏替換原則：子類可以在任何地方替換它的父類。 依賴倒置原則：代碼要依賴於抽象的類，而不要依賴於具體的類；要針對接口或抽象類
2018-08-30 15:34:15
原创 elementUi、iview、ant Design源碼button結構篇
在看elementUI的button組件的時候，一起和iview、ant Design的button組件比 較功能、樣式、代碼結構，看他們的一些不同點，不同的寫法哪種會好些，button的對外開放的功能那些會 用到哪些會相對比較好。 我們
2018-08-30 15:34:00