原创 ES6學習筆記-function,default, rest

function es6中function的寫法變得無比簡潔 function(i){return i +1 ;} //es5 (i) => i + 1;//es6 如果比較複雜,就加個{}把代碼包起來 function(x,

原创 CSS佈局-左固定右自適應的幾種方法

需求 實現一個左右佈局,左邊固定寬度200px,右邊自適應寬度。 通用佈局 HTML <div> <div class="fixed">固定寬度200px</div> <div class="auto">自適應寬度</div>

原创 ES6學習筆記-擴展的對象功能、解構

以下內容整理自 阮一峯 的《ECMAScript 6 入門》 第三章、一些其他網絡資源及帥氣博主的自我理解。 擴展的對象功能 在ES5中,我們對於對象都是以鍵值對的形式書寫,是有可能出現鍵值對重名的情況 function peop

原创 ES6學習筆記-class, extends, super

在es5中原型,構造函數,繼承幾個知識點很是繁瑣,但在es6中更好的解決了這個問題。 它引入了class這個概念,它讓原型函數的寫法更加清晰,更面向對象的編程。 class Animal { constructor(){

原创 Angular學習筆記-配置靜態路由

1.聲明一個路由組件(app-routing.module.ts) 1.1 在新生成的項目聲明 ng g <project name> --routing 1.2 內部項目聲明 ng generate module app-ro

原创 建站,通過iis部署網站(無後臺數據庫,純前端)

最近搞了一個網站,沒有後臺和數據庫,前端是angular寫死的網頁,純做了一個展示的網站,前端不難,主要是這個創建網站的整個流程以前沒有接觸過,然後一步一步摸過來,其實不是很困難,但也着實費了一些功夫,所以記錄下來。 1.前置工作

原创 微信小程序-項目初始化

小程序是一個mvvm模型的框架,在js中有一個page,爲一個頁面的構造器,渲染頁面的時候先裝載json文件,配置當前的頂部導航,接着裝載wxml文件,配置頁面的DOM,在裝載wxss,這個是樣式文件,最後讀取js文件,並根據頁面

原创 微信小程序-Flex佈局

學習小程序有段時間了,想着把這段時間的成果總結幾個點,let‘s begin。 小程序的理念就是開箱即用,嫖完就跑,其小程序的框架封裝得也很好,感覺上手比學習Angular要輕鬆不少。 那既然是做前端的,亙古不變的話題就是頁面佈局。

原创 3月工作總結

1.git的使用 在之前公司一直在用github desktop進行代碼管理,所以對於命令行進行代碼管理不是很熟悉,下面是進行上傳代碼的一般步驟。 1.1 代碼的上傳 我們在做一個項目時,想要上傳代碼,首先要做的是進行編譯,這樣能夠保

原创 ES6學習筆記-Spread Operator 展開運算符

ES6中 還有一個特別好玩的特性就是Spread Operator也就是三個點**…**(這裏不是省略號) 下面介紹一下他能幹啥。 組裝對象或者數組 //數組 const color = [ 'red' , 'yellow' ] co

原创 Angular學習筆記-響應式表單

響應式表單共兩步 1.使用ts編寫數據模型 2.使用指令將數據模型與HTML連接 編寫數據模型,FormModule的3個類型 類名 解釋 FromControl 基本單位,保存當前值,元素校驗狀態以及元素是否被修改

原创 Angular學習筆記-表單校驗器

自定義校驗器 基本語法: xxx(params:AbstractControl):{[key:string]}:any{ return null; 傳入參數類型是AbstractControl,是FormGroup、FormCont

原创 ES6學習筆記-字符串、函數

es6對字符串新增了很多方便的功能,下面我們可以逐一來看一下。 1.字符串格式化 將表達式嵌入字符串中進行拼接。用${}來界定。 //ES5 var name = 'will' console.log('hello' + name)

原创 Angular學習筆記-模板式表單

Angular提供了兩種表單處理方式 模板式表單 響應式表單 兩種表單處理方式的不同點: 模板式表單:其數據模型是通過組件模板中的相關指令來定義的。因爲受限於HTML的語法,只適用於簡單的表單場景。 響應式表單:使用ts創建底層模