原创 ajax 一步詳解

1.什麼是ajax? Asynchronous Javascript and XML 意思,就是Javascript執行異步網絡請求;AJAX 是一種在無需重新加載整個網頁的情況下,能夠更新部分網頁的技術。 2. 如何寫一個ajax請求?

原创 淺談Angular2.0下的用戶輸入

  我們知道用戶輸入會觸發DOM事件,我們一般通過事件綁定來監聽它們,將更新到得數據導入進我們的組件和model。 直接看例子:   用事件綁定實現點擊事件處理器。 <button (click)="onclick()">Click M

原创 angular-cli工具

  angular-cli是一個命令行界面工具,可以用於創建項目,添加文件,以及執行一大堆開發任務,比如測試,打包和發佈; 常用的命令行爲: 安裝angular CLI: npm install –g @angular/cli 創建

原创 聊一聊容器如何自適應高度和居於居中。

1.首先說一說,當你的div高度不確定的情況下,你要怎麼操作才能自適應高度 法一:通過padding-top/bottom來填充容器。 .screen{ width:60%; border: 1px so

原创 趴一趴如何用最簡單的方式從html form表單中獲取到數據

最近網速一直不太好 ~~~不開心 本文采用的是最簡單的方式,僅供自己試驗,畢竟存在一些不安全因素。 看了其他好的的方式發現都太麻煩,所以自己總結下。 是這樣的:input.html頁面中有一段代碼。 代碼中包含一個form表單, acti

原创 聊一聊Webstorm下的angular2.0數據顯示問題

   最近一直在花一些時間寫博文,也一直在糾結到底有沒有必要,既然還沒有總結出一個所以然來,那就繼續寫着吧。這次主要介紹Angular 2.0裏面的數據顯示問題。也就是集中在component和html這一塊。發現WebStorm還算是一

原创 ECMAScript6.0學習之第五篇字符串的擴展

本文是在看完阮一峯老師的著作只會所總結的~~~~ 給阮老師致敬,同時也可以去阮老師的的書裏看  http://es6.ruanyifeng.com/#docs/let 另外若要看如何使用搭配es6環境,請翻閱我以前的博客~~~ ES6擴

原创 data類型的Url格式--url(data:image/gif;base64,xxxx)

<img class="first-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="

原创 Angular2+ 管道學習第二篇

自定義管道: ng g p express 新建一個管道 import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'express' }) export

原创 ECMAScript6.0學習之第二篇const命令

本文是在看完阮一峯老師的著作只會所總結的 給阮老師致敬,同時也可以去阮老師的的書裏看 http://es6.ruanyifeng.com/#docs/let 另外若要看如何使用搭配es6環境,請翻閱我以前的博客 const命令:就是我們常

原创 CSS3的:nth選擇器

:first-child選擇某個元素的第一個子元素; :last-child選擇某個元素的最後一個子元素; :nth-child()選擇某個元素的一個或多個特定的子元素; :nth-last-child()選擇某個元素的一個或多個特定的子

原创 ECMAScript6.0學習之第三篇頂層對象

本文是在看完阮一峯老師的著作只會所總結的~~~~ 給阮老師致敬,同時也可以去阮老師的的書裏看  http://es6.ruanyifeng.com/#docs/let 另外若要看如何使用搭配es6環境,請翻閱我以前的博客~~~ 頂層

原创 Angular2+ 管道學習第一篇

一.什麼是管道? 管道是一個轉換器,能將需要顯示的值轉換爲用戶能接受的友好模式顯示;相當於angular1.x的filter(過濾器); 二. 怎麼使用一個管道? 1. 一個簡單的日期管道; 假設你已經用ng new xx好了一個項目;

原创 webSQL簡單學習

1.什麼是Web SQL? webSQL 又稱爲“本地數據庫”,隨着HTML5規範加入的在瀏覽器端運行的輕量級數據庫; 2.如何使用? 本地數據庫通過Javascript腳本來進行對數據庫的操作; 創建一個數據庫: var db = o

原创 簡單的來談一談angular2.0的表單

這一次真的只是簡單聊一聊。 開門見山吧~~~~ 首先先創建一個Hero模板類。 裏面含有如下內容:export class Hero{ constructor( public id:number, publ