資訊專欄INFORMATION COLUMN
摘要：它能夠使得在不刷新瀏覽器的情況下，更改本地的前端代碼組件，瀏覽器自動更新預(yù)覽。直接集成了這項(xiàng)技術(shù)，而且建立了專門的通道進(jìn)行錯誤的實(shí)時反饋。命令行提供了三個主要的命令，。服務(wù)器關(guān)于服務(wù)器，其實(shí)是內(nèi)部起了一個基于的服務(wù)器，外加進(jìn)行消息的通訊。
flint介紹跟著初探了下flintjs，的確會很棒，超級熱更新！
學(xué)習(xí)地址：
http://frontenddev.org/link/ali-11-11-2015-flint.html
https://github.com/amfe/article/issues/25
手淘前端內(nèi)部目前比較流行的工作流，是 MVVM 框架 + 各種第三方庫 + NPM 包管理 + Gulp 流 + Webpack 打包 + 本地服務(wù)器 + Hot Loader 插件或者是 LiveReload 插件，再配合上喜歡的編輯器、瀏覽器
據(jù)官網(wǎng)所說， Flint 是一個前端的編譯器，它連接了編輯器和瀏覽器，多種特性讓開發(fā) Web 應(yīng)用更加高效、快捷，F(xiàn)lint 是一個智能的前端開發(fā)環(huán)境。
不過仍然在開發(fā)中，估計將在2016引領(lǐng)前端新潮流吧！
官網(wǎng)：https://flintjs.com/ （目前需要輸入 love進(jìn)入）
簡單體驗(yàn)通過npm直接安裝
npm i -g flint
flint三個主要命令
flint new name //新建項(xiàng)目 flint [run] // 運(yùn)行項(xiàng)目 flint build // 構(gòu)建項(xiàng)目
嘗試
flint new hello cd hello flint
按 O 瀏覽器便打開了頁面，顯示 Hello world!
目錄結(jié)構(gòu)編譯前
+ .flint/ + internal/ + build/ + node_modules/ + static/ #對應(yīng)項(xiàng)目的靜態(tài)資源文件目錄 - .gitignore - flint.json #對應(yīng) Flint 自身的配置文件 - index.html #對應(yīng)項(xiàng)目的主頁面 - package.json #對應(yīng) node 的標(biāo)準(zhǔn)配置文件 - main.js
編譯后
flint build
新增了build目錄其中存放了編譯之后產(chǎn)生的主頁面（添加了相關(guān)資源文件的引用）， _ 目錄里面存放了運(yùn)行時所需要的 Flint&React&App 源碼，以及樣式文件。
npm包自動安裝保持flint運(yùn)行
flint
在main.js中開始位置加入
import jquery from "jQuery"
保存，看命令行狀態(tài)
看項(xiàng)目目錄，在node_modules 里加入了jquery包
Flint 是 ES6 語法，只要你按照規(guī)范，在 Flint run 時使用 import 引入你想要的遠(yuǎn)程包，它就會自動替你把想要引入的包下載到目錄里面，這樣你無感知的就可以使用了
超級熱更新Flint 另外一個令人興奮的特性，就是它集成了熱更新技術(shù)。它能夠使得在不刷新瀏覽器的情況下，更改本地的前端代碼（組件），瀏覽器自動更新預(yù)覽。 Flint 直接集成了這項(xiàng)技術(shù)，而且建立了專門的通道進(jìn)行錯誤的實(shí)時反饋。
命令行Flint 提供了三個主要的命令， new&run&build。分別是新建項(xiàng)目、運(yùn)行項(xiàng)目和構(gòu)建項(xiàng)目，正好是整個開發(fā)的一套流程。
對于 new 命令來說，支持 -u 參數(shù)，描述是 "start with a scaffold" ，使用這個參數(shù)，可以新建一些腳手架，快速形成項(xiàng)目結(jié)構(gòu)。通過源碼分析，是直接從 Github 上拉取的。
對于 run 命令來說，背后支持的是 Flint 的專門的一個 runner 項(xiàng)目，這是一個開發(fā)的運(yùn)行時，主要進(jìn)行了本地服務(wù)器的搭建、 Gulp 工作流的編譯、包的安裝與卸載、一個傳送消息的 bridge 。
服務(wù)器關(guān)于服務(wù)器，其實(shí) Flint 是內(nèi)部起了一個基于 Express 的服務(wù)器，外加 WebSocket 進(jìn)行消息的通訊。
……
好吧！期待2016
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/78314.html
摘要：接前一篇，阿里初體驗(yàn)一我們繼續(xù)我們的之旅。注意到，目錄里和兩個文件夾，這里也是我們編寫業(yè)務(wù)邏輯的主要地方。用于解析用戶的輸入，處理后返回相應(yīng)的結(jié)果。在使用導(dǎo)出的模塊時，需要把導(dǎo)出的模塊名改為駝峰標(biāo)準(zhǔn)，且首字母變?yōu)樾憽? 接前一篇，阿里egg.js初體驗(yàn)(一) 我們繼續(xù)我們的egg之旅。我們已經(jīng)完成了對于項(xiàng)目結(jié)構(gòu)的搭建，現(xiàn)在我們需要開始業(yè)務(wù)的編寫。注意到，目錄里controller和se...
摘要：，法師拉餐桌吐槽宏等。計算機(jī)科學(xué)里的宏，是一種批量批處理的稱謂。這里的的意識就是執(zhí)行指定寄存器里的內(nèi)容，也就是我們做好的宏。宏初體驗(yàn)就到這里年月日補(bǔ)充用錄制的，非常方便的錄屏工具。 第一次知道宏這東西是在word里面，經(jīng)常莫名其妙彈出一個框說宏xxxxx，完全不明所以。那時候只知道有宏那么個東西，至于他是干嘛的，壓根不知曉。 第一次用宏還是在玩WOW的時候，那時候流行在動作上加上一些個...
摘要：今日項(xiàng)目需要一個小型的搜索的功能的支持，有很多開源的搜索引擎啦，當(dāng)然個人認(rèn)為上手容易，安裝也比較方便。下安裝下業(yè)非常好安裝了主自己試了下亞馬遜上的機(jī)器，很快的后面分享一篇在的教程吧。 showImg(https://segmentfault.com/img/bVys3D); 今日項(xiàng)目需要一個小型的搜索的功能的支持，有很多開源的搜索引擎啦，當(dāng)然Elasticsearch個人認(rèn)為上手容易，...
閱讀 551·2019-08-30 15:55
閱讀 960·2019-08-29 15:35
閱讀 1216·2019-08-29 13:48
閱讀 1926·2019-08-26 13:29
閱讀 2951·2019-08-23 18:26
閱讀 1264·2019-08-23 18:20
閱讀 2847·2019-08-23 16:43
閱讀 2721·2019-08-23 15:58
