摘要: 在制定设计规范时,尝试采用了 Airbnb 开发的 react-sketchapp 工具。这款创新性的跨界工具提出了一种全新的处理方式,并在特定场景下展现出了独特的应用价值。 一、React - SketchApp是什么 React - SketchApp 是一个开源库,为设计系统量身定制。它通过将 阅读全文
posted @ 2019-03-09 17:48 jingwhale 阅读(1430) 评论(0) 推荐(1) 编辑
摘要: 编程是编写程序的中文简称,就是让计算机代为解决某个问题,对某个计算体系规定一定的运算方式,使计算体系按照该计算方式运行,并最终得到相应结果的过程。 为了使计算机能够理解人的意图,人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机,使得计算机能够根据人的指令一步一步去工作,完 阅读全文
posted @ 2018-10-26 11:47 jingwhale 阅读(21525) 评论(0) 推荐(0) 编辑
摘要: 智能硬件是一个科技概念,指通过将硬件和软件相结合对传统设备进行智能化改造。而智能硬件移动应用则是软件,通过应用连接智能硬件,操作简单,开发简便,各式应用层出不穷。我们这里的智能硬件设计是狭义的设计范畴,属于动手与益智开发。在少儿编程阶段,智能硬件设计大致分两种,一是结合积木,二是拓展到机器人。这里鼓 阅读全文
posted @ 2018-10-22 21:46 jingwhale 阅读(2458) 评论(0) 推荐(0) 编辑
摘要: 图形化编程,现在最流行的是Scratch 。Scratch 是由美国麻省理工学院设计开发的,一款面向青少年的简易编程工具。即使不会英语和键盘操作,用户也可以真接使用中文图形化进行编程,使用鼠标拖动模块到程序编辑栏实现相应功能,轻松的创建动画,游戏。图形化编程,建议利用网上系统的学习资源,以家庭教育为 阅读全文
posted @ 2018-10-21 21:42 jingwhale 阅读(3978) 评论(0) 推荐(0) 编辑
摘要: 编程是一件很有趣的事情,主要能培养这些能力:一、构思能力编程是一种“先写剧本,后看结果”的活动,这要求孩子先在脑子里进行构思并模拟出结果,然后再实际验证结果是不是符合预期。这是一个“异步”的过程,对于这种“都得事先想好”的方式,孩子一开始是不适应的,因为这违背他们的直觉。二、逻辑能力编程需要考虑到各 阅读全文
posted @ 2018-09-20 14:47 jingwhale 阅读(25035) 评论(0) 推荐(1) 编辑
摘要: 前后分离的总结 我们遇到了什么问题? 1.前端无法调试后端未完成的 API:如果后端同学还没有完成 API 开发,那么前端同学就不能对这个 API 进行开发。之前我们都是在代码里直接通过给变量赋假数据,又或者是在后端 Controller 里直接 return JSON 的方式来进行调试的。这样的方 阅读全文
posted @ 2016-11-11 14:52 jingwhale 阅读(5144) 评论(10) 推荐(2) 编辑
摘要: 模板的工作原理可以简单地分成两个步骤:模板解析(翻译)和数据渲染。这两个步骤可分别部署在前端或后端来执行。如果放在后端执行,则是像Smarty,FreeMarker这样的后端模板引擎,而如果放在前端来执行,则是我们要探讨的前端模板。 FreeMarker是一个模板引擎,一个基于模板生成文本输出的通用 阅读全文
posted @ 2016-08-26 21:32 jingwhale 阅读(19052) 评论(4) 推荐(4) 编辑
摘要: 一.设备像素比(device pixel ratio ) 视觉稿 在前端开发之前,我们会有一个psd文件,称之为视觉稿。对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范往往会遵循以下两点: 首先,选取一款手机的屏幕宽高作为基准(以前是iphone4的320×480,现在更多的是iphone6 阅读全文
posted @ 2016-08-05 15:34 jingwhale 阅读(9088) 评论(2) 推荐(3) 编辑
摘要: AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。Angular实现了双向绑定机制。所谓的双向绑定,无非是从界面的操作能实时反映到数据,数据的变更能实时展现到界面。下面的原理想法实际上很基础,可以被认为是3步走计划: 我们需要一个UI元素和属性相互绑定的方法 我们需要监视属性和UI元素的变化 我们需要让所有绑定的对象和元素都能感知到变化 还是有很多方法能够实现上面的想法,有一个简单有效的方法就是使用PubSub模式。 这个思路很简单:我们使用数据特性来为HTML代码进行绑定,所有被绑定在一起的JavaScript对象和DOM元素都会订阅一个PubSub对象。只要JavaScript对象或者一个HTML输入元素监听到数据的变化时,就会触发绑定到PubSub对象上的事件,从而其他绑定的对象和元素都会做出相应的变化。 阅读全文
posted @ 2016-01-09 22:16 jingwhale 阅读(46798) 评论(0) 推荐(3) 编辑
摘要: 移动客户端的开发类型(站在前端立场上来说),主要是三种: Native App(原生APP),也就是完全使用移动设备系统语言写的客户端,iPhone iPad就是纯Object-C,安卓就是纯JAVA, 是性能最棒的开发方式,但灵活性不好。 Web App, 就是在移动浏览器里打开的,纯HTML+CSS+JS,说白了就是个网页,只不过非常的富应用,比如手机浏览器访问的GMAIL。就是在浏览器里打开的页面。IOS支持可以在桌面创建访问的快捷方式,但是说到底还是打开Safari跑。而且对设备硬件的接口什么的挺薄弱。 Hybrid App.[HTML5 in mobile devices] 。实际上是使用原生写了一个容器,然后使用HTML+CSS+JS来实现用户界面和交互。Web App的短处便可以克服(因为自己写的容器可以辅助暴露偏底层的接口,比如本地存储或者麦克风控制之类),同时比起纯原生的java或者object-c开发灵活性要高(更新可以更快更迅速,也不依赖于市场,因为说白了,就是自己下载更新网页资源。)实际上这种方式已经不限于移动端。豌豆荚其实是个pc端的hybrid app 阅读全文
posted @ 2016-01-02 21:00 jingwhale 阅读(5097) 评论(0) 推荐(0) 编辑