摘要：
在制定设计规范时，尝试采用了 Airbnb 开发的 react-sketchapp 工具。这款创新性的跨界工具提出了一种全新的处理方式，并在特定场景下展现出了独特的应用价值。 一、React - SketchApp是什么 React - SketchApp 是一个开源库，为设计系统量身定制。它通过将 阅读全文
摘要：
编程是编写程序的中文简称，就是让计算机代为解决某个问题，对某个计算体系规定一定的运算方式，使计算体系按照该计算方式运行，并最终得到相应结果的过程。 为了使计算机能够理解人的意图，人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机，使得计算机能够根据人的指令一步一步去工作，完 阅读全文
摘要：
编程是一件很有趣的事情，主要能培养这些能力：一、构思能力编程是一种“先写剧本，后看结果”的活动，这要求孩子先在脑子里进行构思并模拟出结果，然后再实际验证结果是不是符合预期。这是一个“异步”的过程，对于这种“都得事先想好”的方式，孩子一开始是不适应的，因为这违背他们的直觉。二、逻辑能力编程需要考虑到各 阅读全文
摘要：
前后分离的总结 我们遇到了什么问题？ 1.前端无法调试后端未完成的 API：如果后端同学还没有完成 API 开发，那么前端同学就不能对这个 API 进行开发。之前我们都是在代码里直接通过给变量赋假数据，又或者是在后端 Controller 里直接 return JSON 的方式来进行调试的。这样的方 阅读全文
摘要：
模板的工作原理可以简单地分成两个步骤：模板解析（翻译）和数据渲染。这两个步骤可分别部署在前端或后端来执行。如果放在后端执行，则是像Smarty，FreeMarker这样的后端模板引擎，而如果放在前端来执行，则是我们要探讨的前端模板。 FreeMarker是一个模板引擎，一个基于模板生成文本输出的通用 阅读全文
摘要：
一.设备像素比(device pixel ratio ) 视觉稿 在前端开发之前，我们会有一个psd文件，称之为视觉稿。对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 首先，选取一款手机的屏幕宽高作为基准(以前是iphone4的320×480，现在更多的是iphone6 阅读全文
摘要：
AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。Angular实现了双向绑定机制。所谓的双向绑定，无非是从界面的操作能实时反映到数据，数据的变更能实时展现到界面。下面的原理想法实际上很基础，可以被认为是3步走计划：
我们需要一个UI元素和属性相互绑定的方法
我们需要监视属性和UI元素的变化
我们需要让所有绑定的对象和元素都能感知到变化
还是有很多方法能够实现上面的想法，有一个简单有效的方法就是使用PubSub模式。 这个思路很简单：我们使用数据特性来为HTML代码进行绑定，所有被绑定在一起的JavaScript对象和DOM元素都会订阅一个PubSub对象。只要JavaScript对象或者一个HTML输入元素监听到数据的变化时，就会触发绑定到PubSub对象上的事件，从而其他绑定的对象和元素都会做出相应的变化。 阅读全文
摘要：
移动客户端的开发类型（站在前端立场上来说），主要是三种：
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 阅读全文
摘要：
在很多情况下，我们需要页面的全屏滚动，尤其是移动端。今天简要的介绍一下全屏滚动的知识。
一.全屏滚动的原理
1.js动态获取屏幕的高度。
获取屏幕的高度，设置每一屏幕的高度。
2.监听mousewheel事件。
监听mousewheel事件，并判断滚轮的方向，向上或向下滚动一屏。
总结：
可以根据需求使用fullpages实现全屏滚动（上下，左右），也可以使用jquery-mousewheel定制不同高度的全屏滚动。 阅读全文
摘要：
对象是面向对象的程序设计的核心，它由描述状态的属性（变量）和用来实现对象行为的方法（函数）组成，完成了从数据模型到处理模型的结合与统一。面向对象方法论的出发点和基本原则是尽可能模拟人类习惯的思维方式，使开发软件的方法与过程尽可能接近人类认识世界解决问题的方法与过程；也就是使描述问题的问题空间（也称为问题域）与实现解法的解空间（也称为求解域）在结构上尽可能一致。这样就解决了系统在分析过程中获得的分析模型与设计过程中所获得的设计模型进行转换时，由于理解上的差异而造成的系统不稳定性。面向对象方法论中产生的设计模型是分析模型的进一步完善和细化，使得模型之间的转换成为一种平滑的过渡。 阅读全文