前端與移動開發——來自黑馬的洗禮
時間真快,轉眼就要畢業了。想要寫下這段時間的感慨,總是寫了又刪,刪了又寫,不知從何說起。感動與辛酸,歷歷在目,卻又無法名狀。不知不覺,淚水已經落下,是苦難,也是快樂。
總是想起來黑馬的第一天, 這也是我第一次來大城市,天真的我還在想象中與上大學的小城進行比較。當坐車行駛在環城路上時,才感覺到自己的渺小。想當年,一個人去上大學的時候,看著別人都有父母陪伴,有的是開著車來送,也不曾感到畏懼,卻在剛剛接觸的時候就感到了莫名的無助。
是的,生活也不會像你恐懼的那麼糟。當見到黑馬的老師的時候,一切都在慢慢改變著。很快,我們找到了住的地方,還有原來大學的同學。後來,見到了我們的班主任,年齡和我們差不多大,一個漂亮的大姐姐,她對我們是那麼的親切,如同親人一般,給我們留下一次又一次的感動。還有我們的老師,每一個都是才華橫溢,卻又幽默風趣,讓本該枯燥的課堂變得充滿生機。
求學的路總是枯燥而又單調的,值得慶祝的是我遇到這麼一群人,他們教會我如何面對苦難,如何堅定前行。後面的路更艱難,然而我們卻信心滿滿,因為有黑馬陪著我們。
此時,我忽然想起一句話:你以為你有無數條路可以選,但在你的四周都是看不見的牆,其實你只有一條路
相關推薦
前端與移動開發——來自黑馬的洗禮
時間真快,轉眼就要畢業了。想要寫下這段時間的感慨,總是寫了又刪,刪了又寫,不知從何說起。感動與辛酸,歷歷在目,卻又無法名狀。不知不覺,淚水已經落下,是苦難,也是快樂。 總是想起來黑馬的第一天, 這也是我第一次來大城市,天真的我還在想象中與上大學的小城進行比較。當坐車行駛在
前端與移動開發之vue-day1(1)
課程介紹前5天: 都在學習Vue基本的語法和概念;打包工具 Webpack , Gulp後5天: 以專案驅動教學;什麼是Vue.jsVue.js 是目前最火的一個前端框架,React是最流行的一個前端框架(React除了開發網站,還可以開發手機App, Vue語法也是可以用於進行手機App開發的,需要藉助於W
前端與移動開發之vue-day1(2)
Vue指令之v-on的縮寫和事件修飾符事件修飾符:.stop 阻止冒泡.prevent 阻止預設事件.capture 新增事件偵聽器時使用事件捕獲模式.self 只當事件在該元素本身(比如不是子元素)觸發時觸發回撥.once 事件只觸發一次 Vue指令之v-model和雙向資料繫結簡易計算器案例HTML 程
前端與移動開發之vue-day2(1)
課程介紹前5天: 都在學習Vue基本的語法和概念;打包工具 Webpack , Gulp後5天: 以專案驅動教學;什麼是Vue.jsVue.js 是目前最火的一個前端框架,React是最流行的一個前端框架(React除了開發網站,還可以開發手機App, Vue語法也是可以用於進行手機App開發的,需要藉助於W
前端與移動開發之vue-day2(2)
全域性過濾器 // 定義一個全域性過濾器 Vue.filter('dataFormat', function (input, pattern = '') { var dt = new Date(input); // 獲取年月日 var y = dt.getFullYear(); v
前端與移動開發之vue-day3(1)
定義Vue元件什麼是元件: 元件的出現,就是為了拆分Vue例項的程式碼量的,能夠讓我們以不同的元件,來劃分不同的功能模組,將來我們需要什麼樣的功能,就可以去呼叫對應的元件即可;元件化和模組化的不同:模組化: 是從程式碼邏輯的角度進行劃分的;方便程式碼分層開發,保證每個功能模組的職能單一;元件化: 是從UI介面
前端與移動開發之vue-day4(1)
父元件向子元件傳值元件例項定義方式,注意:一定要使用props屬性來定義父元件傳遞過來的資料 <script> // 建立 Vue 例項,得到 ViewModel var vm = new Vue({ el: '#app', data: {
前端與移動開發之vue-day5(1)
在網頁中會引用哪些常見的靜態資源?JS .js .jsx .coffee .ts(TypeScript 類 C# 語言) CSS .css .less .sass .scss Images .jpg .png .gif .bmp .svg 字型檔案(Fonts) .svg .ttf .eot .
前端與移動開發之vue-day5(2)
實現webpack的實時打包構建 由於每次重新修改程式碼之後,都需要手動執行webpack打包的命令,比較麻煩,所以使用webpack-dev-server來實現程式碼實時打包編譯,當修改程式碼之後,會自動進行打包構建。 執行cnpm i webpack-dev-server --save-dev安
前端與移動開發之vue-day4(5)
computed計算屬性的使用 預設只有getter的計算屬性: <div id="app"> <input type="text" v-model="firstName"> + <input type="text" v-model="lastNam
前端與移動開發之vue-day4(4)
watch屬性的使用 考慮一個問題:想要實現 名 和 姓 兩個文字框的內容改變,則全名的文字框中的值也跟著改變;(用以前的知識如何實現???) 監聽data中屬性的改變: <div id="app"> <input type="text" v-model="firstN
前端與移動開發之vue-day4(2)
什麼是路由 後端路由:對於普通的網站,所有的超連結都是URL地址,所有的URL地址都對應伺服器上對應的資源; 前端路由:對於單頁面應用程式來說,主要通過URL中的hash(#號)來實現不同頁面之間的切換,同時,hash有一個特點:HTTP請求中不會包含hash相關的內容;所以,單頁面程式中的頁面跳轉
前端與移動開發之vue-day3(4)
設定路由高亮設定路由切換動效在路由規則中定義引數在規則中定義引數: { path: '/register/:id', component: register } 1. 通過 this.$route.params來獲取路由中的引數: var register = Vue.ex
前端與移動開發之vue-day3(3)
父元件向子元件傳值 元件例項定義方式,注意:一定要使用props屬性來定義父元件傳遞過來的資料 <script> // 建立 Vue 例項,得到 ViewModel var vm = new Vue({ el: '#app', data: {
前端與移動開發之vue-day3(2)
【重點】為什麼元件中的data屬性必須定義為一個方法並返回一個物件 通過計數器案例演示 使用components屬性定義區域性子元件 元件例項定義方式: <script> // 建立 Vue 例項,得到 ViewModel var vm = new Vue({
前端與移動開發之vue-day2(5)
使用過渡類名HTML結構: <div id="app"> <input type="button" value="動起來" @click="myAnimate"> <!-- 使用 transition 將需要過渡的元素包裹起來 -->
前端與移動開發之vue-day2(4)
帶大家通過 Node.js ,來手動實現一個JSONP的請求例子; const http = require('http'); // 匯入解析 URL 地址的核心模組 const urlModule = require('url'); const server = http.cre
前端與移動開發之vue-day2(3)
Vue 1.x 中 自定義元素指令【已廢棄,瞭解即可】 Vue.elementDirective('red-color', { bind: function () { this.el.style.color = 'red'; } }); 使用方式: <red
前端與移動開發之vue-day1(3)
迭代陣列 <ul> <li v-for="(item, i) in list">索引:{{i}} --- 姓名:{{item.name}} --- 年齡:{{item.age}}</li> </ul> 迭代物件中的屬性 <
前端與移動開發之vue-day1(5)
自定義指令 自定義全域性和區域性的 自定義指令: // 自定義全域性指令 v-focus,為繫結的元素自動獲取焦點: Vue.directive('focus', { inserted: function (el) { // inserted 表示被繫結元素插入父節點時呼叫