原创 Vue基礎語法3 vue基礎語法三

vue基礎語法三 vue-cli腳手架 vue-cli腳手架是vue官方提供的一個快速構建單頁面配置環境 vue-cli是基於node環境利用webpack對文件進行編譯、打包、壓縮等操作。因此使用vue-cli腳手架之前電腦必須安裝有no

原创 Vue基礎語法2 Vue基礎語法2

Vue基礎語法2 修飾符 修飾符是由點開頭的指令後置來表示 事件修飾符 在時間處理程序中用event.prentDefault() 或 event.stopPropagation 是非常常見的需求。儘管我們可以在方法中輕鬆實現這點,但更好的

原创 Vue基礎語法1

新建Vue實例 const myVue = new Vue({ el: '#app', //指定vue實例控制的模板區域 data: {msg: 'Hello Vue'}, //定義數據 methods: {} //

原创 關於異步編程數據傳遞問題

在傳統的觀念裏,我們要解決異步編程的數據傳遞往往是使用回調函數來解決。但是當我們的數據越來越多時,回調函數也會變得越來越多,這樣使得代碼雜亂無章,不利於我們的閱讀和維護。因此在ES6中給我們提供了幾種不用回調函數也能解決異步編程的數據傳遞。

原创 ES6新增

新增數據作用域 在 ES6 之前,JavaScript只有兩種作用域:全局變量與函數內的局部變量。ES6中新增了塊級作用域,使用let和const關鍵詞定義。 特點 在同一作用作用域內,變量不能重複定義 必須先聲明,才能使用(暫時性死區)

原创 常用網頁佈局

一、多列布局 (1) 寬度自適應佈局 兩欄佈局 左側固定右側自適應 右側固定左側自適應 技術原理(左側固定右側自適應) 結構上左右兩個盒子,左側設置爲固定寬度,右側設置爲100% 給左側盒子設置絕對定位 給右側盒子設置一個子盒,並且給

原创 前端職業素養

web發展史 Web(World Wide Web)即全球廣域網,也稱爲萬維網,它是一種基於超文本和HTTP的、全球性的、動態交互的、跨平臺的分佈式圖形信息系統。是建立在Internet上的一種網絡服務,爲瀏覽者在Internet上查找和瀏

原创 BFC屬性

BFC(Block formatting context)直譯爲"塊級格式化上下文"。 BFC它是指一個獨立的塊級渲染區域,只有 Block-level BOX 參與,該區域擁有一套渲染規則來約束塊級盒子的佈局,且與區域外部無關。 如何生成

原创 多列布局方案

兩欄佈局 左側固定右側自適應 右側固定左側自適應 技術原理(左側固定右側自適應) 結構上左右兩個盒子,左側設置爲固定寬度,右側設置爲100% 給左側盒子設置絕對定位 給右側盒子設置一個子盒,並且給盒子設置左外邊距,留出左盒空間 代碼

原创 攝影,發現生活美

不知道從何時開始,我愛上了攝影,一年以來,我手機上的照片佔據了我手機內存的大部分。 起初,可能是因爲生活太無聊了。攝影從選景、構圖、拍攝、後期處理,這期間需要花費大量的時間,能爲我無聊的生活添加一點色彩。後來,我發現攝影已經逐漸的

原创 響應式佈局

響應式佈局就是一套代碼可以同時在多了設備上運行,而不需要爲每一個終端寫一套代碼,可以根據用戶的屏幕尺寸大小進行相應的調整。從而滿足不用設備用戶的體驗需求。 實現手段 meta標籤設置 <meta name="viewport" cont

原创 CSS預處理

CSS預處理器定義了一種新的語言,其基本思想是,用一種專門的編程語言,爲CSS增加了一些編程的特特性,將CSS作爲目標生成文件,然後開發者只要用這種語言進行編碼工作。 使用CSS預處理器語言,可以讓你的CSS看起來更加的整潔、適應性更強、可

原创 CSS3選擇器

屬性選擇器 [attr^=vlaue] 選擇器 指定屬性名,且屬性值必須以value開頭 [[email protected]=vlaue] 選擇器 指定屬性名,且屬性值必須以value結尾 [attr*=vlaue] 選擇器 指定屬性名,且屬性

原创 HTML5新增語義化標籤

結構化標籤 <header>頁眉</header> <footer>頁腳</footer> <main>網頁主體</main> <nav>導航欄</nav> <article>文檔獨立區域</article> <section>文章的一個章

原创 彈性盒佈局

彈性盒子是CSS3的一種新的佈局方式。 引入彈性盒子佈局模型的目的是提供一種更加有效的方式來對一個容器中的子元素進行排列、對齊和分配空間。 設置彈性盒子 .box { display:flex;//塊級元素 display: