圖形化編程作品的要素

圖形化編程作品的要素作者的邏輯和想法。

成都創(chuàng)新互聯(lián)成立與2013年，先為敦化等服務(wù)建站，敦化等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為敦化企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

圖形化編程的高效率在于閱讀和理解，而輸入效率是低下的。如果擁有好的IDE，敲代碼的輸入效率遠(yuǎn)高于圖形化編程；

simulink、labview、PLC、樂高這幾種風(fēng)馬牛不相及的編程環(huán)境，之所以能夠成功“圖形化編程”，根本原因不僅在于這些環(huán)境都已經(jīng)完美抽象成一個(gè)個(gè)圖形和接口，只需要用戶直觀的邏輯流。

更在于這些工具編程的復(fù)雜度極低，大部分情況下不超過50根線——在這種情況下，輸入效率遠(yuǎn)遠(yuǎn)不是瓶頸，你本質(zhì)上大部分時(shí)間是在“連線+試錯(cuò)”。

而不是“設(shè)計(jì)復(fù)雜的邏輯和架構(gòu)”——這種才是“圖形化編程”最好用、最高效的場(chǎng)景——哪怕是simulink和PLC，在復(fù)雜的前提下你也得敲代碼；

不是不看好“圖形化編程”，而是“一個(gè)人如果有1小時(shí)的訓(xùn)練時(shí)間，足夠?qū)W會(huì)python和javascript來完成基本工作”，這些編程語(yǔ)言的語(yǔ)法并不是普通人學(xué)習(xí)的門檻，相反“圖形化編程”這種“比python更容易上手。

總結(jié)如下：

一看就會(huì)”的假定才是站不住腳的，因?yàn)椤安⒉皇撬懈拍疃伎梢猿橄蟪蓭讉€(gè)元件連線連接”，很多時(shí)候反而更麻煩更復(fù)雜。

圖形化更優(yōu)還是語(yǔ)言更優(yōu)，個(gè)人認(rèn)為本質(zhì)上只取決于一個(gè)操作中概念分支（信息密度）的多少。

信息密度低信息量少不代表低端，即使簡(jiǎn)單的分支也可以組成復(fù)雜的邏輯和排列，它可以復(fù)雜在邏輯和組合而不是分支與信息的絕對(duì)數(shù)量。因此根據(jù)不同的場(chǎng)合需要合適的信息密度的載體。

前端的書單推薦有哪些

一、《Web前端開發(fā)最佳實(shí)踐》

這本書是前端開發(fā)領(lǐng)域的經(jīng)典之作，是一本扎實(shí)前端基本功，規(guī)范我們前端代碼的實(shí)踐性書籍。本書主要講解了HTML、CSS、Javascript以及移動(dòng)端開發(fā)的最佳實(shí)踐方案，能夠?qū)θ狈α己弥笇?dǎo)的開發(fā)者產(chǎn)生很大的幫助。通過閱讀本書我們可以掌握如何編寫高可讀性、高維護(hù)性、高性能的HTML、CSS以及Javascript。

二、《CSS那些事兒》

內(nèi)容介紹：《CSS那些事兒》是2009年電子工業(yè)出版社出版的圖書，作者是林小志。該書通過對(duì)CSS技巧實(shí)例進(jìn)行講解，淺入深地分析了CSS相關(guān)知識(shí)。

通過頁(yè)面中的文字、圖片、表格、表單等常見元素的處理及各種頁(yè)面布局方式的使用，使讀者能深入了解到如何在頁(yè)面中更好地運(yùn)用CSS布局。尤其是在頁(yè)面布局的部分中，全面分析了多種布局方式，著重分解了兩列等高和三列等高的幾種方式，并相應(yīng)說明了等高布局的優(yōu)缺點(diǎn)。

三、《CSS權(quán)威指南》

內(nèi)容介紹：《CSS權(quán)威指南》通過諸多實(shí)例，詳細(xì)講解了如何做到僅在一處建立樣式表就能創(chuàng)建或修改整個(gè)網(wǎng)站的外觀，以及如何得到html力不能及的更豐富的表現(xiàn)效果。同時(shí)展示了如何遵循css最新規(guī)范（css2和css2.1）將層疊樣式表的方方面面應(yīng)用于實(shí)踐。

四、《JavaScript 標(biāo)準(zhǔn)參考教程》阮一峰

內(nèi)容介紹：阮一峰 本書全面介紹 JavaScript 核心語(yǔ)法，從最簡(jiǎn)單的開始講起，循序漸進(jìn)、由淺入深，力求清晰易懂。所有章節(jié)都帶有大量的代碼實(shí)例，便于理解和模仿，可以用到實(shí)際項(xiàng)目中，即學(xué)即用。 本書適合初學(xué)者當(dāng)作JavaScript語(yǔ)言的入門教程，也適合當(dāng)作日常使用的參考手冊(cè)。

五、JavaScript高級(jí)程序設(shè)計(jì)第三版

內(nèi)容介紹：《全書從JavaScript 語(yǔ)言實(shí)現(xiàn)的各個(gè)組成部分——語(yǔ)言核心、DOM、BOM、事件模型講起，深入淺出地探討了面向?qū)ο缶幊?、Ajax 與Comet 服務(wù)器端通信，HTML5 表單、媒體、Canvas（包括WebGL）及Web Workers、地理定位、跨文檔傳遞消息、客戶端存儲(chǔ)（包括IndexedDB）等新API，還介紹了離線應(yīng)用和與維護(hù)、性能、部署相關(guān)的最佳開發(fā)實(shí)踐。

六、鋒利的jquery

內(nèi)容介紹：《鋒利的jQuery(第2版)》循序漸進(jìn)地對(duì)jQuery的各種函數(shù)和方法調(diào)用進(jìn)行了介紹，讀者可以系統(tǒng)地掌握jQuery的選擇器、DOM操作、事件和動(dòng)畫、AJAX應(yīng)用、插件、jQuery Mobile、jQuery各個(gè)版本變化、jQuery性能優(yōu)化和技巧等知識(shí)點(diǎn)，并結(jié)合每個(gè)章節(jié)后面的案例演示進(jìn)行練習(xí)，達(dá)到掌握核心知識(shí)點(diǎn)的目的。

七、HTTP權(quán)威指南

內(nèi)容介紹：《HTTP權(quán)威指南》由古爾利所著，《HTTP權(quán)威指南》詳細(xì)解釋了如何用HTTP來開發(fā)基于Web的應(yīng)用程序，核心的[因特網(wǎng)協(xié)議，如何與架構(gòu)構(gòu)建塊交互，如何正確實(shí)現(xiàn)因特網(wǎng)客戶和服務(wù)器等。

《HTTP權(quán)威指南》的中心內(nèi)容是HTTP，本質(zhì)是理解Web的工作原理，以及如何將這些知識(shí)應(yīng)用到Web編程和管理之中，主要涵蓋HTTP的技術(shù)運(yùn)作方式、產(chǎn)生動(dòng)機(jī)、性能和目標(biāo)以及一些相關(guān)技術(shù)問題。 《HTTP權(quán)威指南》適合所有想了解HTTP和Web底層結(jié)構(gòu)的人閱讀。

八、高性能網(wǎng)站建設(shè)指南

內(nèi)容介紹：《高性能網(wǎng)站建設(shè)指南》結(jié)合Web2.0以來Web開發(fā)領(lǐng)域的最新形勢(shì)和特點(diǎn)，介紹了網(wǎng)站性能問題的現(xiàn)狀、產(chǎn)生的原因，以及改善或解決性能問題的原則、技術(shù)技巧和最佳實(shí)踐。重點(diǎn)關(guān)注網(wǎng)頁(yè)的行為特征，闡釋優(yōu)化Ajax、CSS、JavaScript、Flash和圖片處理等要素的技術(shù)，全面涵蓋瀏覽器端性能問題的方方面面。

有哪些方法可以用 javascript 在屏幕上畫出一個(gè)正方形

簡(jiǎn)單回答一下吧。

Blockly是Google開源出來的一個(gè)圖形化編程框架，它的出現(xiàn)使得拖拖拽拽就能夠把大部分的編程邏輯描述出來，這合適非程序員和小孩。Blockly作為一個(gè)框架只提供了基本的封裝，而大部分的函數(shù)（功能）得根據(jù)具體的情況再進(jìn)行封裝，如你說到的繪制一個(gè)矩形的功能也是需要根據(jù)具體情況來封裝來，再比如我之前用到的Espruino Web IDE就是封裝了很多單片機(jī)硬件操作功能（我也是通過它認(rèn)識(shí)的Blockly，所以提一下）。

回到Blockly畫一個(gè)正方形，這里有一個(gè)Blockly的在線小游戲Blockly Games : Turtle Graphics，不知道奧玩的是否是這個(gè)游戲，這個(gè)游戲的第一關(guān)就是用Blockly代碼畫一個(gè)正方形。

打開游戲界面之后就是下圖了，中間的Turle和Loops是功能模塊選擇，從中選擇一個(gè)循環(huán)設(shè)置為循環(huán)4次、再選擇一個(gè)直行操作和一個(gè)拐彎操作，做出如下圖所示的組合，點(diǎn)擊左邊的Run Programe執(zhí)行游戲：

圖片描述

如果正常的話你可以看到左邊的游戲界面上畫出了一個(gè)正方形，同時(shí)在右邊可以看到你的所有Blockly生成的js代碼（沒錯(cuò)就是四行），

圖片描述

當(dāng)然，除了用循環(huán)的方式來做你也可以老老實(shí)實(shí)的直走、右轉(zhuǎn)90度、直走、右轉(zhuǎn)90度、直走、右轉(zhuǎn)90度、直走來完成第一關(guān)（可能大部分非程序員就是這種邏輯了）。

在剛剛生成的Blockly代碼里面,"直走moveForward"和"右轉(zhuǎn)turnRight"都是這個(gè)游戲?qū)lockly進(jìn)行的封裝。我也只玩了第一關(guān)，說句實(shí)在的，這種方式對(duì)程序員來講還是太low了，突然間覺得比奧厲害很多了有沒有。

轉(zhuǎn)載，僅供參考。

求推薦一些關(guān)于web前端的一些教程書籍，適合新手的

前端部分書很多，建議跟著 慕課網(wǎng) 這種在線培訓(xùn)的課程，邊學(xué)邊練。

一部分書供參考。

一、Javascript方面的書籍：

1 JavaScript權(quán)威指南（第6版）：號(hào)稱javascript圣經(jīng)，前端必備；前端程序員學(xué)習(xí)核心JavaScript語(yǔ)言和由Web瀏覽器定義的JavaScript API的指南和綜合參考手冊(cè)；

2 JavaScript高級(jí)程序設(shè)計(jì)(第3版) ：前端必備書，如果你想真正進(jìn)入前端世界，這是一本不可多得的進(jìn)階書，沒什么好說的，必須細(xì)細(xì)品讀；

3 JavaScript語(yǔ)言精粹 ：這是一本值得任何正在或準(zhǔn)備從事JavaScript開發(fā)的人閱讀，并且需要反復(fù)閱讀的js書籍；

4 基于MVC的JavaScript Web富應(yīng)用開發(fā) ：這不是一本適合初學(xué)者看的書籍，更適合具有一定前端開發(fā)經(jīng)驗(yàn)的從業(yè)人員看的框架書，如果你想構(gòu)建一個(gè)復(fù)雜的前端應(yīng)用，你會(huì)如獲至寶；

5 JavaScript DOM編程藝術(shù)(第2版)：好書主要是dom操作和兼容方面的知識(shí)，值得一看；

6 JavaScript經(jīng)典實(shí)例 ：可以看看，主要是有關(guān)javascript一些典型小工具，有些剖析的并不深入，總體來說可以看看；

7 JavaScript設(shè)計(jì)模式 ：寫js不難。如何編寫優(yōu)美、結(jié)構(gòu)化和可維護(hù)的代碼呢？反復(fù)的揣摩這本書吧；

8 JavaScript編程精解 ： 了解一下可以；

9 JavaScript模式 ： 又一本設(shè)計(jì)模式的好書，如果你想讓自身的Javascript技巧提高到一個(gè)新層次，成為專業(yè)的開發(fā)人員和程序員，反復(fù)閱讀吧；

10 JavaScript高效圖形編程： 是一本具有很強(qiáng)實(shí)操性的JavaScript圖書，主要涉及JavaScript性能優(yōu)化、高級(jí)UI設(shè)計(jì)、Web游戲開發(fā)、面向移動(dòng)設(shè)備的開發(fā)、圖形編程知識(shí)等

11 JavaScript RIA開發(fā)實(shí)戰(zhàn)——最佳實(shí)踐、性能、表現(xiàn)：主要介紹如何采用最合理的方式為RIA編寫可靠的、易于維護(hù)的HTML、CSS和JavaScript代碼，以及如何使用Ajax技術(shù)在后臺(tái)實(shí)現(xiàn)瀏覽器與Web服務(wù)器的動(dòng)態(tài)通信?？梢约?xì)細(xì)讀一下；

12 高性能JavaScript ： 又一本好書，涵蓋了當(dāng)今JavaScript開發(fā)者需要了解的所有性能問題，毫無疑問，它已加入我的性能最佳實(shí)踐列表；值得細(xì)細(xì)品讀并實(shí)踐；

13 悟透JavaScript（美繪本）： 這是一本可以讓你輕松加愉快的閱讀的一本好書，讀完你可能會(huì)領(lǐng)悟：哦原還可以這樣；

14 Ajax權(quán)威指南 : 詳細(xì)的展示了ajax技術(shù)的發(fā)展以及應(yīng)用，對(duì)于了解ajax技術(shù)很不錯(cuò)的一本詳盡書籍；

15 Node.js開發(fā)指南 : Node.js是一種新興的開源技術(shù)，它將JavaScript從Web瀏覽器移植到常規(guī)的服務(wù)器端，使用Chrome的V8虛擬機(jī)來解釋和執(zhí)行JavaScript代碼，能用于構(gòu)建高性能、高可擴(kuò)展的服務(wù)器和客戶端應(yīng)用，以實(shí)現(xiàn)真正“實(shí)時(shí)的Web應(yīng)用”；

16 Node Web開發(fā) : 雅虎架構(gòu)師精準(zhǔn)解讀最炙手可熱的Web開發(fā)技術(shù)；

17 jQuery Mobile權(quán)威指南：是系統(tǒng)學(xué)習(xí)jQuery Mobile的權(quán)威參考書；

18 數(shù)據(jù)可視化實(shí)戰(zhàn)：使用D3設(shè)計(jì)交互式圖表 ：web矢量圖類庫(kù)d3.js的工具書；

19 jQuery權(quán)威指南 : 學(xué)習(xí)jquery的入門書籍；

20 精彩絕倫的jQuery ： 名字起的不錯(cuò)，能忽悠不少人，入門級(jí)書籍；

21 鋒利的jQuery ： 不錯(cuò)的一本jquery應(yīng)用書籍；

二、Html和Css方面書書籍：

1 HTML 5與CSS 3權(quán)威指南 ：html5和css3入級(jí)好書；詳盡講解了HTML5與CSS 3的所有功能和特性；

2 HTML5移動(dòng)Web開發(fā)指南：介紹了一下移動(dòng)端的web開發(fā)技術(shù)，以及一些移動(dòng)端框架：QueryMobile、Sencha Touch，以及PhoneGap；

3 響應(yīng)式Web設(shè)計(jì)：HTML5和CSS3實(shí)戰(zhàn) ：有關(guān)響應(yīng)式設(shè)計(jì)的知識(shí)并不是很多，大量篇幅寫了html5和css3，這本書比較一般；

4 HTML5程序設(shè)計(jì)(第2版) ： 很全面的介紹了一下html5技術(shù)，前端人員都應(yīng)該看一看；

5 編寫高質(zhì)量代碼:Web前端開發(fā)修煉之道 ： 不可多得的一本前端開發(fā)規(guī)范書，前端開發(fā)人員的必讀書；

6 精通CSS：高級(jí)Web標(biāo)準(zhǔn)解決方案 ：css兼容性解決方案匯總，好書；

7 CSS禪意花園 ：主要的Web設(shè)計(jì)原則以及它們運(yùn)用的CSS布局技巧；

8 CSS權(quán)威指南 ： css經(jīng)典工具書；

9 高性能網(wǎng)站建設(shè)進(jìn)階指南：Web開發(fā)者性能優(yōu)化最佳實(shí)踐 ： 好書?。【W(wǎng)站性能優(yōu)化，瀏覽器加載渲染詳細(xì)解析；

10 網(wǎng)站重構(gòu)——應(yīng)用Web標(biāo)準(zhǔn)進(jìn)行設(shè)計(jì) : 前端開發(fā)人員必讀書，一本可以幫助網(wǎng)頁(yè)設(shè)計(jì)師快速了解和掌握web標(biāo)準(zhǔn)設(shè)計(jì)的書；

11 變幻之美 DIV+CSS網(wǎng)頁(yè)布局揭秘 ： 詳細(xì)的介紹了從效果圖到web布局實(shí)現(xiàn)的整個(gè)過程；

12 HTML5 Canvas基礎(chǔ)教程 : canvas入門書籍；

網(wǎng)頁(yè)題目：JavaScript高效圖形編程,圖形化編程設(shè)計(jì)
分享網(wǎng)址：http://jinyejixie.com/article14/dssogge.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、網(wǎng)頁(yè)設(shè)計(jì)公司、微信公眾號(hào)、商城網(wǎng)站、云服務(wù)器、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)