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

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

业界 2016年07月04日

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

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

业界 2016年07月04日

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

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

业界 2016年07月04日

nodejs编程规范

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

业界 2016年07月03日

使用 Vue.js 构建单页应用

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

业界 2016年07月03日

20160627~0701学习笔记

JavaScript单线程与浏览器多线程Javascript是单线程的：因为JS运行在浏览器中，是单线程的，每个window一个JS线程。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。若以多线程的方式操作这些DOM，则可能出现操作的冲突。假设有两个线程同时操作一个DOM元素，线程1要求浏览器删除DOM，而线程2却要求修改DOM样式，这时浏览

业界 2016年07月03日

JS设置document.domain实现跨域

JS设置document.domain实现跨域@(StuRep)document.domain用来得到当前网页的域名。比如在地址栏里输入：代码如下:javascript:alert(document.domain); //www.jb51.net我们也可以给document.domain属性赋值，不过是有限制的，你只能赋成当前的域名或者基础域名。比如：代码如下:javasc

业界 2016年07月03日

《ES6标准入门》读书笔记

《ES6标准入门》读书笔记@(StuRep)let和const命令ES6新增let命令，用于声明变量，是块级作用域。let声明的变量不会像var声明的变量发生“变量提升”现象，所以，变量一定要在声明后使用，不然就会报错。暂时性死区：只要块级作用域内存在let命令，它所声明的变量就会“绑定”在这个区域，不再受外部的影响。即在代码块内，使用let命令声明变量之前，这个变量都是不

业界 2016年07月03日

“React中的DOM操作”笔记

React中的每一个组件都是一个状态机，通常情况下，我们通过设置组件的状态就可以完成UI的更新，但是在某些情况下确实需要直接操作DOM。React中操作DOM的方法：RefsfindDOMNode()findDOMNode()当组件加载到页面上之后（mounted），你就可以通过 getDOMNode() 方法拿到组件对应的 DOM 元素。React.findDOMNode

业界 2016年07月03日

React.createClass和etends Component的区别

createClass本质上是一个工厂函数，extends的方式更加接近最新的ES6规范的class写法。两种方式在语法上的差别主要体现在方法的定义和静态属性的声明上。createClass方式的方法定义使用逗号,隔开，因为creatClass本质上是一个函数，传递给它的是一个Object；而class的方式定义方法时务必谨记不要使用逗号隔开，这是ES6 class的语法规

业界 2016年07月03日