JavaScript高效图形编程,图形化编程设计

图形化编程作品的要素

图形化编程作品的要素作者的逻辑和想法。

图形化编程的高效率在于阅读和理解，而输入效率是低下的。如果拥有好的IDE，敲代码的输入效率远高于图形化编程；

simulink、labview、PLC、乐高这几种风马牛不相及的编程环境，之所以能够成功“图形化编程”，根本原因不仅在于这些环境都已经完美抽象成一个个图形和接口，只需要用户直观的逻辑流。

更在于这些工具编程的复杂度极低，大部分情况下不超过50根线——在这种情况下，输入效率远远不是瓶颈，你本质上大部分时间是在“连线+试错”。

而不是“设计复杂的逻辑和架构”——这种才是“图形化编程”最好用、最高效的场景——哪怕是simulink和PLC，在复杂的前提下你也得敲代码；

不是不看好“图形化编程”，而是“一个人如果有1小时的训练时间，足够学会python和javascript来完成基本工作”，这些编程语言的语法并不是普通人学习的门槛，相反“图形化编程”这种“比python更容易上手。

总结如下：

一看就会”的假定才是站不住脚的，因为“并不是所有概念都可以抽象成几个元件连线连接”，很多时候反而更麻烦更复杂。

图形化更优还是语言更优，个人认为本质上只取决于一个操作中概念分支（信息密度）的多少。

信息密度低信息量少不代表低端，即使简单的分支也可以组成复杂的逻辑和排列，它可以复杂在逻辑和组合而不是分支与信息的绝对数量。因此根据不同的场合需要合适的信息密度的载体。

相关问答

Q1: 前端的书单推荐有哪些

一、《Web前端开发最佳实践》

这本书是前端开发领域的经典之作，是一本扎实前端基本功，规范我们前端代码的实践性书籍。本书主要讲解了HTML、CSS、Javascript以及移动端开发的最佳实践方案，能够对缺乏良好指导的开发者产生很大的帮助。通过阅读本书我们可以掌握如何编写高可读性、高维护性、高性能的HTML、CSS以及Javascript。

二、《CSS那些事儿》

内容介绍：《CSS那些事儿》是2009年电子工业出版社出版的图书，作者是林小志。该书通过对CSS技巧实例进行讲解，浅入深地分析了CSS相关知识。

通过页面中的文字、图片、表格、表单等常见元素的处理及各种页面布局方式的使用，使读者能深入了解到如何在页面中更好地运用CSS布局。尤其是在页面布局的部分中，全面分析了多种布局方式，着重分解了两列等高和三列等高的几种方式，并相应说明了等高布局的优缺点。

三、《CSS权威指南》

内容介绍：《CSS权威指南》通过诸多实例，详细讲解了如何做到仅在一处建立样式表就能创建或修改整个网站的外观，以及如何得到html力不能及的更丰富的表现效果。同时展示了如何遵循css最新规范（css2和css2.1）将层叠样式表的方方面面应用于实践。

四、《JavaScript 标准参考教程》阮一峰

内容介绍：阮一峰 本书全面介绍 JavaScript 核心语法，从最简单的开始讲起，循序渐进、由浅入深，力求清晰易懂。所有章节都带有大量的代码实例，便于理解和模仿，可以用到实际项目中，即学即用。 本书适合初学者当作JavaScript语言的入门教程，也适合当作日常使用的参考手册。

五、JavaScript高级程序设计第三版

内容介绍：《全书从JavaScript 语言实现的各个组成部分——语言核心、DOM、BOM、事件模型讲起，深入浅出地探讨了面向对象编程、Ajax 与Comet 服务器端通信，HTML5 表单、媒体、Canvas（包括WebGL）及Web Workers、地理定位、跨文档传递消息、客户端存储（包括IndexedDB）等新API，还介绍了离线应用和与维护、性能、部署相关的最佳开发实践。

六、锋利的jquery

内容介绍：《锋利的jQuery(第2版)》循序渐进地对jQuery的各种函数和方法调用进行了介绍，读者可以系统地掌握jQuery的选择器、DOM操作、事件和动画、AJAX应用、插件、jQuery Mobile、jQuery各个版本变化、jQuery性能优化和技巧等知识点，并结合每个章节后面的案例演示进行练习，达到掌握核心知识点的目的。

七、HTTP权威指南

内容介绍：《HTTP权威指南》由古尔利所著，《HTTP权威指南》详细解释了如何用HTTP来开发基于Web的应用程序，核心的[因特网协议，如何与架构构建块交互，如何正确实现因特网客户和服务器等。

《HTTP权威指南》的中心内容是HTTP，本质是理解Web的工作原理，以及如何将这些知识应用到Web编程和管理之中，主要涵盖HTTP的技术运作方式、产生动机、性能和目标以及一些相关技术问题。 《HTTP权威指南》适合所有想了解HTTP和Web底层结构的人阅读。

八、高性能网站建设指南

内容介绍：《高性能网站建设指南》结合Web2.0以来Web开发领域的最新形势和特点，介绍了网站性能问题的现状、产生的原因，以及改善或解决性能问题的原则、技术技巧和最佳实践。重点关注网页的行为特征，阐释优化Ajax、CSS、JavaScript、Flash和图片处理等要素的技术，全面涵盖浏览器端性能问题的方方面面。

Q2: 有哪些方法可以用 javascript 在屏幕上画出一个正方形

简单回答一下吧。

Blockly是Google开源出来的一个图形化编程框架，它的出现使得拖拖拽拽就能够把大部分的编程逻辑描述出来，这合适非程序员和小孩。Blockly作为一个框架只提供了基本的封装，而大部分的函数（功能）得根据具体的情况再进行封装，如你说到的绘制一个矩形的功能也是需要根据具体情况来封装来，再比如我之前用到的Espruino Web IDE就是封装了很多单片机硬件操作功能（我也是通过它认识的Blockly，所以提一下）。

回到Blockly画一个正方形，这里有一个Blockly的在线小游戏Blockly Games : Turtle Graphics，不知道奥玩的是否是这个游戏，这个游戏的第一关就是用Blockly代码画一个正方形。

打开游戏界面之后就是下图了，中间的Turle和Loops是功能模块选择，从中选择一个循环设置为循环4次、再选择一个直行操作和一个拐弯操作，做出如下图所示的组合，点击左边的Run Programe执行游戏：

图片描述

如果正常的话你可以看到左边的游戏界面上画出了一个正方形，同时在右边可以看到你的所有Blockly生成的js代码（没错就是四行），

图片描述

当然，除了用循环的方式来做你也可以老老实实的直走、右转90度、直走、右转90度、直走、右转90度、直走来完成第一关（可能大部分非程序员就是这种逻辑了）。

在刚刚生成的Blockly代码里面,"直走moveForward"和"右转turnRight"都是这个游戏对Blockly进行的封装。我也只玩了第一关，说句实在的，这种方式对程序员来讲还是太low了，突然间觉得比奥厉害很多了有没有。

转载，仅供参考。

Q3: 求推荐一些关于web前端的一些教程书籍，适合新手的

前端部分书很多，建议跟着 慕课网 这种在线培训的课程，边学边练。

一部分书供参考。

一、Javascript方面的书籍：

1 JavaScript权威指南（第6版）：号称javascript圣经，前端必备；前端程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册；

2 JavaScript高级程序设计(第3版) ：前端必备书，如果你想真正进入前端世界，这是一本不可多得的进阶书，没什么好说的，必须细细品读；

3 JavaScript语言精粹 ：这是一本值得任何正在或准备从事JavaScript开发的人阅读，并且需要反复阅读的js书籍；

4 基于MVC的JavaScript Web富应用开发 ：这不是一本适合初学者看的书籍，更适合具有一定前端开发经验的从业人员看的框架书，如果你想构建一个复杂的前端应用，你会如获至宝；

5 JavaScript DOM编程艺术(第2版)：好书主要是dom操作和兼容方面的知识，值得一看；

6 JavaScript经典实例 ：可以看看，主要是有关javascript一些典型小工具，有些剖析的并不深入，总体来说可以看看；

7 JavaScript设计模式 ：写js不难。如何编写优美、结构化和可维护的代码呢？反复的揣摩这本书吧；

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

9 JavaScript模式 ： 又一本设计模式的好书，如果你想让自身的Javascript技巧提高到一个新层次，成为专业的开发人员和程序员，反复阅读吧；

10 JavaScript高效图形编程： 是一本具有很强实操性的JavaScript图书，主要涉及JavaScript性能优化、高级UI设计、Web游戏开发、面向移动设备的开发、图形编程知识等

11 JavaScript RIA开发实战——最佳实践、性能、表现：主要介绍如何采用最合理的方式为RIA编写可靠的、易于维护的HTML、CSS和JavaScript代码，以及如何使用Ajax技术在后台实现浏览器与Web服务器的动态通信。可以细细读一下；

12 高性能JavaScript ： 又一本好书，涵盖了当今JavaScript开发者需要了解的所有性能问题，毫无疑问，它已加入我的性能最佳实践列表；值得细细品读并实践；

13 悟透JavaScript（美绘本）： 这是一本可以让你轻松加愉快的阅读的一本好书，读完你可能会领悟：哦原还可以这样；

14 Ajax权威指南 : 详细的展示了ajax技术的发展以及应用，对于了解ajax技术很不错的一本详尽书籍；

15 Node.js开发指南 : Node.js是一种新兴的开源技术，它将JavaScript从Web浏览器移植到常规的服务器端，使用Chrome的V8虚拟机来解释和执行JavaScript代码，能用于构建高性能、高可扩展的服务器和客户端应用，以实现真正“实时的Web应用”；

16 Node Web开发 : 雅虎架构师精准解读最炙手可热的Web开发技术；

17 jQuery Mobile权威指南：是系统学习jQuery Mobile的权威参考书；

18 数据可视化实战：使用D3设计交互式图表 ：web矢量图类库d3.js的工具书；

19 jQuery权威指南 : 学习jquery的入门书籍；

20 精彩绝伦的jQuery ： 名字起的不错，能忽悠不少人，入门级书籍；

21 锋利的jQuery ： 不错的一本jquery应用书籍；

二、Html和Css方面书书籍：

1 HTML 5与CSS 3权威指南 ：html5和css3入级好书；详尽讲解了HTML5与CSS 3的所有功能和特性；

2 HTML5移动Web开发指南：介绍了一下移动端的web开发技术，以及一些移动端框架：QueryMobile、Sencha Touch，以及PhoneGap；

3 响应式Web设计：HTML5和CSS3实战 ：有关响应式设计的知识并不是很多，大量篇幅写了html5和css3，这本书比较一般；

4 HTML5程序设计(第2版) ： 很全面的介绍了一下html5技术，前端人员都应该看一看；

5 编写高质量代码:Web前端开发修炼之道 ： 不可多得的一本前端开发规范书，前端开发人员的必读书；

6 精通CSS：高级Web标准解决方案 ：css兼容性解决方案汇总，好书；

7 CSS禅意花园 ：主要的Web设计原则以及它们运用的CSS布局技巧；

8 CSS权威指南 ： css经典工具书；

9 高性能网站建设进阶指南：Web开发者性能优化最佳实践 ： 好书啊！网站性能优化，浏览器加载渲染详细解析；

10 网站重构——应用Web标准进行设计 : 前端开发人员必读书，一本可以帮助网页设计师快速了解和掌握web标准设计的书；

11 变幻之美 DIV+CSS网页布局揭秘 ： 详细的介绍了从效果图到web布局实现的整个过程；

12 HTML5 Canvas基础教程 : canvas入门书籍；