web
文章平均质量分 56
cheung_seol
这个作者很懒,什么都没留下…
展开
-
使用echarts图表库绘制地图
使用echarts图表库绘制地图echarts是一个js图标库,注意到这个图标库的一个功能亮点是可以绘制地图图形。从echarts官网上下载好文件并解压缩,然后使用webstorm创建一个html项目,在js中拖拽解压缩文件夹中的echarts.js文件。编辑html项目中的index.html文件内容,采用标签引用的方式,代码如下。参考 http://echarts.baidu.com/doc/s原创 2015-06-29 19:41:10 · 3020 阅读 · 0 评论 -
JS 设计模式单例模式
旧的实现方式,通过必包和立即执行函数表达式。var UserStore = (function(){ var _data = []; function add(item){ _data.push(item); } function get(id){ return _data.find((d) => { return d.id === id; });原创 2016-09-27 21:28:37 · 432 阅读 · 0 评论 -
Redux 学习笔记(四)
actionCreator首先,定义actionCreator。var addTodoActions = function(text){ return { type: 'add_todo', text: text };};reducer然后,定义reducer,可以看到是对add_todo事件进行了处理var todoReducer = funct原创 2016-08-22 21:08:52 · 393 阅读 · 0 评论 -
节流函数
预先设定一个执行周期,当调用动作的时刻大于等于执行周期则执行该动作,然后进入下一个新周期。function throttle(fn, delay) { var timer = null; return function () { var context = this, args = arguments; clearTimeout(tim原创 2016-08-22 20:37:24 · 353 阅读 · 0 评论 -
Redux 学习笔记(三)
组件的重新渲染说到 react 组件,肯定离不开组件的 props 和 state,我们可以在 props 和 state 存放任何类型的数据,通过改变 props 和 state,去控制整个组件的状态。当 props 和 state 发生变化时,react 会重新渲染整个组件当组件的 props 或 state 变化,react 将会构建新的 virtual DOM,使用 diff 算法把新老的原创 2016-08-21 22:37:54 · 868 阅读 · 0 评论 -
javascript 实现继承的不同方法
使用构造函数的 5 种方法:“动物”对象的构造函数: function Animal(){ this.species = "动物"; }“猫”对象的构造函数 function Cat(name,color){ this.name = name; this.color = color; }方法一、构造函数绑定使用call或apply方法,将父对象的构造函数绑定在原创 2016-08-21 22:03:19 · 256 阅读 · 0 评论 -
ES 7 装饰器
ES 7 语法, 本质是 Object.defineProperty(obj, prop, descriptor) 的语法糖不通过子类或添加额外属性的方式就可以给对象增加新功能的手段作用在类上作用在类的方法上不能作用在函数上,因为存在函数提升Object.assign 函数将来自一个或多个源对象中的值复制到一个目标对象。此函数返回目标对象。仅可枚举自有属性从源对象复制到目标对象。可使用此函数合并或克原创 2016-08-21 21:58:50 · 1487 阅读 · 0 评论 -
Redux 学习笔记(二)
要将 Redux 和 React 结合起来使用,就还需要一些额外的工具,其中最重要的是 react-redux 。react-redux 提供了两个重要的对象,Provider 和 connect,前者使 React 组件可被连接(connectable),后者把 React 组件和 Redux 的 store 真正连接起来。redux 的基本用法通过 reducer 创建一个 store,每当我们原创 2016-08-21 21:57:02 · 3018 阅读 · 3 评论 -
浏览器跨域通信
第一种 CORS服务器设置头标 :设置Access-Control-Allow-OriginAccess-Control-Allow-Origin: http://blog.csdn.net 浏览器,操作类似普通 XHR:var xhr = new XMLHttpRequest(); xhr.open("GET", "/hfahe", true); xhr.send(); 完整浏览器端原创 2016-08-21 21:54:54 · 408 阅读 · 0 评论 -
浏览器页面加载性能
整个页面的耗时:window.performance.timing页面上某个静态资源的加载时间:返回网页中所有资源和标记的数据:window.performance.getEntries() 根据entryType返回数据:window.performance.getEntriesByType()window.performance.getEntriesByType(‘resource原创 2016-08-16 13:31:17 · 797 阅读 · 0 评论 -
Redux 学习笔记(一)
reducer三个作用:接受 actions保存初始 state 处理 actions , 并更新statecontainersRedux makes the difference between containers, which are connected to the state, and components, which are dumb and stateless作用:连接 s原创 2016-06-18 21:20:31 · 1074 阅读 · 0 评论 -
React: ES5 和 ES6 比较
React 同时支持 ES5 和 ES6 两种语法。通过 Babel 可以编译 ES 6 和 JSX , 把他们转译成 ES 5 。伴随着学习和使用经验, 这里对React 中 ES5 和 ES6 两种语法做一个对比和归纳。createClass vs class首先上代码,直观感受一下同一个 component 组件使用 ES5 和 ES6 两种不同的语法写出的代码。 var Input原创 2016-06-17 23:54:47 · 1802 阅读 · 0 评论 -
arguments 对象
用一到题作为开场:var length = 10;function fn() { console.log(this.length);}var obj = { length: 5, method: function(fn) { fn(); arguments[0](); }};obj.method(fn, 1); 在开发者工具里看一下运行结果: 题目考察点有两个原创 2015-12-07 16:12:33 · 424 阅读 · 0 评论 -
常见HTTP状态码
HTTP状态码作用web服务器用来告诉客户端,发生了什么事。HTTP状态码构成状态码位于HTTP Response 的第一行中,会返回一个”三位数字的状态码“和一个“状态消息”。 ”三位数字的状态码“便于程序进行处理, “状态消息”更便于人理解。HTTP状态码分类HTTP状态码分为五大类。 已定义范围 分类 1XX 100-101 信息提示 2XX 200-206 成功 3XX转载 2015-12-14 22:42:24 · 1484 阅读 · 0 评论 -
JavaScript获取DOM元素位置和尺寸
clientHeight和clientWidth描述元素内尺寸,是指 元素内容+内边距 大小,不包括边框(IE下实际包括)、外边距、滚动条部分。 clientHeight就是div的高度+上下的padding,clientWidth同理offsetHeight和offsetWidth描述元素外尺寸,是指 元素内容+内边距+边框,不包括外边距和滚动条部分。 offsetHeight是client原创 2015-10-26 15:59:05 · 1964 阅读 · 0 评论 -
OpenMANO初探
OpenMANO包含:openvimd、opennanod和openmano-gui三部分以及两个命令行客户端:openvim和openmano。OpenMANO框架OpenMANO架构图如上,openvimd负责管理外部组件,直接管理计算节点和图像存储,并通过Floodlight Openflow控制器来间接管理交换机。环境需求:为了简单体验一下openman翻译 2015-08-14 14:46:22 · 3562 阅读 · 0 评论 -
Reset CSS杂烩
由于不同版本的浏览器(Firefox、Opera、Internet Explorer、Chrome、Safari等)都是以各自的方式去理解CSS规范,由于各种浏览器解释CSS样式的初始值有所不同,导致设计师在没有定义某个CSS属性时,不同的浏览器会按照自己的默认值来为没有定义的样式赋值。因此会导致有的浏览器对CSS的解释与设计师的CSS定义初衷相冲突,使得有些浏览器却并没有按照设计师想要的样子显示出原创 2015-07-21 12:56:38 · 460 阅读 · 0 评论 -
JS 模块模式
闭包一个立即执行的匿名函数。代码运行在函数内的闭包,提供了贯穿于整个应用生命周期的私有性和状态。(function () { // ... all vars and functions are in this scope only // still maintains access to all globals}());全局变量在 js 中访问一个变量活着方法时,会沿着作用域链层层原创 2016-09-27 21:30:28 · 499 阅读 · 0 评论