NGUI简介 这是一个GUI的排版显示引擎和跨平台的GUI应用程序开发框架，基于NodeJS/OpenGL，这也是第一个在移动端Android/iOS融合NodeJS的前端GUI项目，至此JavaScript成为了真正意义上前后端通吃的语言。 Ngui的目标：在此基础上开发GUI应用程序可拥有开发WEB应用般简单与速度同时兼顾Native应用程序的性能与体验。 * 暂时只支持 iOS 与 Android 系统，并不包含 AndroidTV 因为 TV 应用与手机应用有很大的不同 * 从这里 Go API Index 可以到 API Documents Index SIMPLE EXAMPLES 这是一个简单的在屏幕上显示 hello world! 的程序 import { GUIApplication, Text } from 'ngui' new GUIApplication().start( <Text>hello world!</Text> )

说道dom中移出节点，这两个都可以完成。但也有写差别： empty()是只移除了 指定元素中的所有子节点，拿$(“div”).empty()来说，他只是把 移出节点 中的文本给移除了，而留下 了 ,仍保留其在dom中所占的位置。 remove()则是把其从dom中删除，而不会保留其所占的位置。 该方法不会把匹配的元素从 jQuery 对象中删除，因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外，remove() 不会保留元素的 jQuery 数据。其他的比如绑定的事件、附加的数据等都会被移除。 例： <span>这是<span> 节点 <span>删除</span> 执行$(“span”).empty()其结果是 <span><span> 节点 <span></span> 执行$(“span”).remove()其结果是 节点

不得不说，jq是写代码是替代js的一种超级棒的选择。对于刚入门的小白都知道，一般学前端，都要用js写tab切换，大图滚动之类的效果，同样的效果，js大概20-40行不等。jq只需要10行左右。你还在犹豫吗？赶紧学起来！ 先说选择器，要知道js里，也有，就是你给标签起了id，class名，在js里需要获取是一个意思。在jq中很方便，不用写很长的xxx=document.getElementById(‘xxx’) 1.基本选择器 2.层次选择器 3.过滤选择器 4.内容过滤器

前言 在vue里，组件之间的作用域是独立的，父组件跟子组件之间的通讯可以通过prop属性来传参，但是在兄弟组件之间通讯就比较麻烦了。比如A组件要告诉一件事给B组件，那么A就要先告诉他们的爸组件，然后爸组件再告诉B。当组件比较多，要互相通讯的事情很多的话，爸组件要管他们那么多事，很累的。vuex正是为了解决这个问题，让多个子组件之间可以方便的通讯。 项目介绍 image [https://raw.githubusercontent.com/lin-xin/notepad/master/screenshots/3.gif] 待办事项中的一个事件，它可能拥有几个状态，未完成、已完成、已取消或被删除等。这个事件需要在这多种状态之间切换，那么使用vuex来管理也是非常方便的。 来看一下vuex怎么完成状态管理的： image [https://raw.githubusercontent.com/lin-xin/notepad/master/screenshots/1.png]

1. GRAPHQL来啦！ 当Facebook构建移动应用的时候，它需要的是一个强大的数据获取API: * 足够强大，满足Facebook自身复杂业务的需求； * 足够简单，对开发者和使用者来说很容易上手与使用； 。 GraphQL每天都为Fackbook接收、处理着上百亿的请求，为Fackbook提供了强大的基础数据平台的支持，滋养大量业务与产品。 2. 为什么是GRAPHQL？

开发的一个简单的移动端时间选择器，支持多种主题，现在来共享一下。 Github地址： https://github.com/IronPans/LazyPicker [https://github.com/IronPans/LazyPicker] 效果图： 你也可以扫描二维码用手机体验： 如果你使用PC浏览器，那么你需要切换到手机模式才可使用。 步骤：按F12或鼠标右键--点击检查，再点击控制台左上角的手机模式按钮即可。 使用方法 引入CSS和JavaScript脚本： <link rel="stylesheet" href="lazyPicker.min.css" /> <script src="lazyPicker.min.js"></script> 简单的表单（input）

温馨提示：文中并没有相关技术的具体代码。 方案有哪些？脑图先来一发 除了Flash其实还可以选择的有很多，MPEG-DASH就貌似不错。 按相互独立,完全穷尽的原则分类 直播方案可以分为: 插件方案和非插件方案。 * 插件方案：常用的是Flash还有WMP和silverlight也可以实现直播，当然也有一部分人士自己实现直播插件。 * 非插件方案：也就是图中的HTML5方案。有WebRTC/MPEG-DASH和HLS等。 MPEG-DASH(DYNAMIC ADAPTIVE STREAMING OVER HTTP) MPEG-DASH 是基于HTTP的自适应串流方案中的国际标准。 MPEG-DASH 技术由 MPEG 主导开发： 2010年开始DASH相关工作， 2011年1月成为国际标准草案， 2011年11月成为国际标准， 2012年4月，MPEG-DASH 以 ISO/IEC 23009-1:2012

创建一个chrome的插件，并让这个插件能够作为一个app，运行在终端设备上。 <!--more--> 创建一个CHROME插件 该插件app实现一个搜索框，输入内容后，根据输入内容去github搜索名称有关联的repositories * 书写manifest.json * 创建chrome app的加载页面 * 书写加载页面的内容 * 使用chrome的扩展程序加载程序代码MANIFEST.JSON chrome的app的配置文件有固定的形式，简单配置如下{ "manifest_version": 2,//固定为2"name": "chrome extension search",//名称自定义 "version": "1.0", "app": { "background": { "scripts": ["scripts/main.js"]//app的入口文件 } }, "permissions": [

1 前言 React目前在前端的影响力就不多说了，不管你目前有没有入坑React，估计都见过不少各种相关的新闻和技术文章。如果你有入坑React的打算，或者刚开始学习React，可以参考一下下面内容。如果你已是React达人，可以绕过（当然也很欢迎指出不足）。本文不是API文档，也不是代码搬运工，只是谈一下学习React的一些心得和Tips （学习资料，还是推荐 官方文档 [https://facebook.github.io/react/docs/getting-started.html] ） 2 入坑REACT的原因 前端的伙伴们都知道，我们的技术氛围十分活跃，要跟进所有新的技术，保持不落伍不是一件容易的事情。所以，我们必须把有限的学习精力花在能持续产生价值的事情上面。作为参考，我本人学习和使用React的原因有以下几点： * 好多人都在搞啊，Facebook在维护啊，生态好啊，总不会那么容易过时吧（从众心理） * UI组件组织很爽，在开发时会不自觉地提取组件，再次开发时组织原有组件，效率高。 * 数据与UI解耦，单向数据流使逻辑清晰，告别jquery时代的混乱。

Zone.js是angular团队参照NodeJS的Domain，Dart的Zone，为angular 2开发的核心组件。screenshot 一开始，我对Zone.js是拒绝的。我们知道类似的 Domain 模块，主要是为了解决异步错误跟踪问题。所以，当我没有太强烈的错误跟踪需求的时候，Zone.js有啥用？ 然而 execution context 不仅仅可以用来跟踪异步错误，还可以做一些猥琐而实用的事情。 先来理解一下 EXECUTION CONTEXT Zone.current.fork({}).run(function () { Zone.current.inTheZone = true; setTimeout(function () { console.log('in the zone: ' + !!Zone.current.inTheZone); // 'in the zone: true'

co.js 作为 koa 框架的核心库，利用 es6 Generator 新特性来解决 callback hell 已经非常流行 。 本文将剖析 co.js 是为何用同步的写法，就可以解决异步回调的问题。 GENERATOR 首先简要介绍一下 Generator 特性， co.js 是基于该特性实现的，所以弄清 Generator 的远离非常重要。 function* fn(){ beforeA(); yield doA(); yield doB(); afterB(); } var gen = fn(); //生成构造器; gen.next(); //这里会执行到以第一个yield之前的位置，所以执行beforeA 和 doA 这两行; gen.next(); //这里会执行到第二个yield的位置，也就是执行 doB() gen.next(); //这里会执行到生成器结束的位置，afterB(); 简单来说 generator 可以变成一种分步函数，gen 成为这 Generator 函数的指针，通过调用 gen.next()