原创 Web 實時推送技術

1、輪詢(Polling)   輪詢是由客戶端每隔一段時間向服務器端發起請求,查看服務器端是否產生新的數據。 優點:實現簡單,只需在原有代碼中添加定時器即可完成。 缺點:輪詢時間間隔不好設計,過長過短都不好。過長,導致用戶不能及時

原创 Position 詳解

1、簡介   Position 屬性規定元素的定位類型,其可用屬性爲: absolute:生成絕對定位的元素,相對於 static 定位以外的第一個 父元素進行定位。元素的位置通過 “left”、“top”、“right” 以及

原创 AMD define函數

1、AMD簡介   AMD,全稱 Asynchronous Module Definition,即異步模塊加載機制。AMD 規範非常簡單隻有一個API,即 define 函數: define([module-name?

原创 React 輪播圖

1、框架搭建   在該輪播圖中,將使用到三個組件: ImgSlides // 輪播圖的頂層組件,用於狀態控制 ImgFigure // 圖片組件,用於接收頂層傳來的狀態,並顯示相應的圖片 ControllerUnit // 控

原创 Redux-API

1、createStore()   createStore(reducer, [initialState], enhancer):創建一個 Redux store 來以存放應用中所有的 state。應用中應有僅有一個 store。

原创 ionic 後退確認

  Ionic 導航欄返回確認設置: (1)使用重寫 backButtonClick 函數,該函數在點擊導航欄返回鍵時執行 第一步: 導入 Navbar、 AlertController等對象、以及 ViewChild 指令 i

原创 webpack3-loader和plugin

1、loader   Loader是webpack最重要的功能之一。Loader讓webpack能夠處理不同的文件。loader可以將所有類型的文件轉換爲webpack能夠處理的有效模塊,然後利用webpack的打包能力,對他們進

原创 TypeScript

1、簡介   TypeScript 是 JavaScript 的一個超集,主要提供了類型系統和對 ES6 的支持。   TypeScript 的命令行工具安裝方法入下: npm install -g typescript 安裝

原创 node npm 版本

升級 npm :npm install -g npm node 版本管理: nvm node 版本查看: nvm ls node 版本安裝: nvm install <version> node 版本切換: nvm use

原创 Webpack 3 —— 瞭解

1、簡介   Webpack可以看做是模塊打包機:它做的事情是,分析項目結構,找到JavaScript模塊以及其他的一些瀏覽器不能直接運行的拓展語言(如less、sass、ts等),並將其轉換和打包爲合適的格式供瀏覽器使用。在3.

原创 Ubuntu14.04 安裝 Android環境

命令: cordova platform add android // 安裝 Android 平臺 cordova requirements android // 檢測依賴包環境 Android 環境安裝:   從 And

原创 Angular2

1、簡介   2016年9月15號,Angular2 正式版本發佈。Angular2 不向下兼容 AngularJS。 Angular2 新特性: 移除了 controller + $scope 設計,改用組件式開發(容易上手

原创 Mustache 模板引擎

Mustache 模板引擎 1、Mustache簡介   mustache.js 是一個簡單強大的 JavaScript 模板引擎。使用mustache前需要通過script標籤引入它的js文件,然後按以下步驟操作: (1)定義

原创 webpack3-出入口以及服務配置

1、入口文件配置——entry選項   入口起點指示webpack應該使用那個模塊,來作爲構建其內部依賴圖的開始。進入入口起點後,webpack會找到哪些模塊和庫是入口起點(直接和間接)依賴的。 語法: entr

原创 抽獎動畫

抽獎動畫   之前寫過一篇 按概率抽取 文章,今天來講講當你拿到後端返回的中獎信息將如果以動畫的形式展現給用戶。 1、素材選取   此處用到的圖片素材是出自組裏視覺大大之手,我只是將圖片改了一下。在此感謝視覺大大。 2、頁面搭建