highcharts中对"另存为"进行汉化

$(function () {   
    var chart = new Highcharts.Chart({   
        chart: {   
            renderTo: 'container'  
        },   
       lang{   
                  printChart:"打印图表",
                  downloadJPEG: "下载JPEG 图片"  
                  downloadPDF: "下载PDF文档"  
                  downloadPNG: "下载PNG 图片"  
                  downloadSVG: "下载SVG 矢量图"  
                  exportButtonTitle: "导出图片"  
      },  
  .....
  })
})

Vue.js学习资料

官方网站(中文版):http://cn.vuejs.org/
构建大型应用使用组件 Vue-router: https://github.com/vuejs/vue-router
网络通讯插件Vue-resource:https://github.com/vuejs/vue-resource
单元测试karma:http://karma-runner.github.io/0.12/index.html (http://cn.vuejs.org/guide/application.html)

https://github.com/jsfront/src/blob/master/vuejs.md

==============

Vue快速入门:https://segmentfault.com/a/1190000003968020
Vue.js基本语法的介绍:https://segmentfault.com/a/1190000004012600

 

web开发中的双向数据绑定的优缺点

单向数据绑定:指的是我们先把模板写好,然后把模板和数据(数据可能来自后台)整合到一起形成HTML代码,然后把这段HTML代码插入到文档流里面。
mvvm_1
单向数据绑定缺点:HTML代码一旦生成完以后,就没有办法再变了,如果有新的数据来了,那就必须把之前的HTML代码去掉,再重新把新的数据和模板一起整合后插入到文档流中。

双向数据绑定:数据模型(Module)和视图(View)之间的双向绑定。
mvvm_2
用户在视图上的修改会自动同步到数据模型中去,同样的,如果数据模型中的值发生了变化,也会立刻同步到视图中去。

双向数据绑定的优点是无需进行和单向数据绑定的那些CRUD(Create,Retrieve,Update,Delete)操作

双向数据绑定最经常的应用场景就是表单了,这样当用户在前端页面完成输入后,不用任何操作,我们就已经拿到了用户的数据存放到数据模型中了。

目前。实现双向数据绑定的前端框架主要有AngularJS,VueJS等

不过,我总感觉双向数据绑定的应用场景非常有限。
backbonejs不实现双向数据绑定的解释:大概的意思就是双向数据绑定在实际的运用中很少,没必要

"Two way data-binding" is avoided. While it certainly makes for a nifty demo, and works for the most basic CRUD, it doesn't tend to be terribly useful in your real-world app. Sometimes you want to update on every keypress, sometimes on blur, sometimes when the panel is closed, and sometimes when the "save" button is clicked. In almost all cases, simply serializing the form to JSON is faster and easier. All that aside, if your heart is set, go for it.

https://segmentfault.com/q/1010000002511449

jQuery.extend和jQuery.fn.extend的区别-转

jQuery.extend和jQuery.fn.extend的区别,其实从这两个办法本身也就可以看出来。很多地方说的也不详细。这里详细说说之间的区别.

1. 我们先把jQuery看成了一个类,这样好理解一些。

jQuery.extend(),是扩展的jQuery这个类。

假设我们把jQuery这个类看成是人类,能吃饭能喝水能跑能跳,现在我们用jQuery.extend这个方法给这个类拓展一个能唱歌的技能。这样的话,不论是男人,女人,xx人.....等能继承这个技能(方法)了。

可以如下图这样写着:

jquery-1

Continue reading

JavaScript垃圾回收机制

一、垃圾回收的必要性

下面这段话引自《JavaScript权威指南(第四版)》

  由于字符串、对象和数组没有固定大小,所有当他们的大小已知时,才能对他们进行动态的存储分配。JavaScript程序每次创建字符串、数组或对象时,解释器都必须分配内存来存储那个实体。只要像这样动态地分配了内存,最终都要释放这些内存以便他们能够被再用,否则,JavaScript的解释器将会消耗完系统中所有可用的内存,造成系统崩溃。

这段话解释了为什么需要系统需要垃圾回收,JS不像C/C++,他有自己的一套垃圾回收机制(Garbage Collection)。JavaScript的解释器可以检测到何时程序不再使用一个对象了,当他确定了一个对象是无用的时候,他就知道不再需要这个对象,可以把它所占用的内存释放掉了。例如: Continue reading

如何理解react中虚拟DOM?

http://www.zhihu.com/question/29504639

中间会有一次用diff生成的补丁操作。这样理解起来很容易的,和git的patch一样。最终render的为原来dom的差异部分DOM,详细见:http://www.infoq.com/cn/articles/react-dom-diff

可见Infoq视频 http://www.infoq.com/cn/presentations/pracitise-of-reactjs

http://study.163.com/course/courseLearn.htm?courseId=1262004#/learn/video?lessonId=1507023&courseId=1262004

Redux 核心概念

官网:http://rackt.github.io/redux/index.html (中文版:http://camsong.github.io/redux-in-chinese/ )

本文不是官方文档的翻译。你可以在阅读官方文档之前和之后阅读本文,以加深其中的重点概念。

根据该项目源码的习惯,示例都是基于 ES2015 的语法来写的。

Redux 是应用状态管理服务。虽然本身受到了 Flux 很深的影响,但是其核心概念却非常简单,就是 Map/Reduce 中的 Reduce。 Continue reading

React相关学习资料

React 入门实例教程: http://www.ruanyifeng.com/blog/2015/03/react.html

React 入门实例教程实例:https://github.com/ruanyf/react-demos

React+Babal+WebPack: https://github.com/ruanyf/react-babel-webpack-boilerplate

React Router 使用教程: http://www.ruanyifeng.com/blog/2016/05/react_router.html  https://github.com/reactjs/react-router

React学习资料:http://www.infoq.com/cn/react1/

React中CSS样式模块:https://css-modules.github.io/webpack-demo/

深入浅出React(一):React的设计哲学 - 简单之美 http://www.infoq.com/cn/articles/react-art-of-simplity

深入浅出React(二):React开发神器Webpack http://www.infoq.com/cn/articles/react-and-webpack

深入浅出React(三):理解JSX和组件 http://www.infoq.com/cn/articles/react-jsx-and-component
深入浅出React(四):虚拟DOM Diff算法解析 http://www.infoq.com/cn/articles/react-dom-diff

React Native通信机制详解 http://blog.cnbang.net/tech/2698/

Flux 傻瓜教程 http://zhuanlan.zhihu.com/FrontendMagazine/19900243
Flux应用架构 http://reactjs.cn/react/docs/flux-overview.html

W3CTech美团react专场- React和 Flux 的组件定制化实践 http://www.slideshare.net/meituan/w3ctechreact-react-flux

Flux 或 Relay,或许 Redux 的区别:
http://segmentfault.com/a/1190000003099895
http://segmentfault.com/a/1190000003822606

Redux 介绍 http://segmentfault.com/a/1190000003503338

Redux官方文档 http://rackt.org/redux/index.html (中文版:http://camsong.github.io/redux-in-chinese/ )

使用Redux管理你的React应用 http://www.cnblogs.com/Leo_wl/p/4780750.html

Redux核心概念 http://www.jianshu.com/p/3334467e4b32

infoQ视频:http://www.infoq.com/cn/presentations/pracitise-of-reactjs

react相关资料:http://www.infoq.com/cn/search.action?queryString=react&page=1&searchOrder=&sst=f7UtueDzasVFnM8c