使用 Vue.js 构建单页应用

原文地址：https://coligo.io/learn-vuex-by-building-notes-app/前言：在最近学习 Vue.js 的时候，看到国外一篇讲述了如何使用 Vue.js 和 Vuex 来构建一个简单笔记的单页应用的文章。感觉收获挺多，自己在它的例子的基础上进行了一些优化和自定义功能，在这里和大家分享下学习心得。在这篇教程中我们将通过构建一个笔记应用来

业界 2016年07月03日

nodejs编程规范

node开发需要编程规范吗？js的灵活性非常大，如果开发人员每个人都按自己的习惯随意编写，js的代码会非常混乱不堪。js程序员需要更强的自律性和规范，才能写出易读性，易维护的代码。随着前端mvc的崛起，前端的js代码会更加庞大难以管理，如果没有统一的规范，后期维护会比登天还难。编码规范缩进采用两个空格缩进，在编辑器中设置tab为两个空格变量声明用var声明变量var ass

业界 2016年07月03日

JS 设计模式 十三（观察者模式）

观察者模式对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都得到通知并被自动更新。观察者要素1.抽象主题(Subject)角色：把所有对观察者对象的引用保存在一个集合中，每个抽象主题角色都可以有任意数量的观察者。抽象主题提供一个接口，可以增加和删除观察者角色。一般用一个抽象类和接口来实现。2.抽象观察者(Observer)角色：为所有具体的观察者

业界 2016年07月04日

DOM中剪贴板控制与剪贴板劫持攻击提醒

本部分系列文章Github RepoIntroductionClipboard APIHTML5实战与剖析之剪贴板事件IE是最早支持与剪贴板相关的事件，以及通过JavaScript访问剪贴板数据的浏览器。 IE的实现成为了事实上的标准，随后Firefox 3+ 、 Chrome和Safari 2+都支持类似的事件和剪贴板的访问，但是Opera不支持通过JavaScript访

业界 2016年07月04日

js手札--redu简单学习[ store, action, reducer ]

Redux简单学习 - [ store, action, reducer ]前言redux是一套state流的处理机制。主要有三要素：store 【长官】 管理状态，给某个士兵发命令action 【命令】 一种长官和士兵之间沟通的方式reducer 【士兵】 执行命令，并反馈给长官主要有三层数据流：长官下达

业界 2016年07月04日

JS 设计模式 十四（策略模式）

策略模式定义一系列的算法,把它们一个个封装起来, 并且使它们可相互替换。本模式使得算法可独立于使用它的客户而变化。策略模式是把一个类中经常改变或者将来可能改变的部分提取出来作为一个接口，然后在类中包含这个对象的实例，这样类的实例在运行时就可以随意调用实现了这个接口的类的行为。策略模式要素1.Strategy：策略接口，用来约束一系列具体的策略算法。Context使用这个接口

业界 2016年07月04日

bigSlide 插件应用

一、 插件官网bigSlide.js二、 基本代码侧边栏控制开关用一个 标签来控制侧边栏的开关。# menu 用来指向 id 为 menu 的侧边栏，menu-link 为这个 标签的类名。☰侧边栏代码实例侧边栏代码如下，由于需要实现的效果各不相同，所以各个 1. 标签中设置的 style 并不一样，这样的代码看起来很乱，其实还是应该写在css中，并根据效果进行分类。

业界 2016年07月04日

Video.js视频控制及进度栏标记

一、 视频控制视频暂停对比自己手头的网站源码和实际生成的页面后，发现源码中包含了视频地址的 标签，在实际页面中，会再生成一个子节点，视频播放控制，需要对这个子节点设置才能生效。// 视频暂停代码var videoNode = document.getElementById('videodis_html5_api');// http://stackoverflow.com/

业界 2016年07月04日

js手札--redu简单学习（二）

redux简单学习（二） redux简单学习[ store, action, reducer ] 1. combineReducers combineReducers，合并多个reducer 如有下面两个reducer，todoApp，textApp // reducers/todoApp.jsexport default function todoApp(state, a

业界 2016年07月04日

koa 实现 react-view 原理

在之前我们有过一篇『React 同构实践与思考』的专栏文章，给读者实践了用 React 怎么实现同构。今天，其实讲的是在实现同构过程中看到过，可能非常容易被忽视更小的一个点 —— React View。React View每一个 BS 架构的框架都会涉及到 View 层的展现，Koa 也不例外。我们在做 View 层的时候有两种做法，一种是做成插件形式，对于 View 来说

业界 2016年07月04日