分类 前端 中的文章

用JointJS做一个简单的功能控制图

继上一篇介绍了GoJS之后,继续研究JS的绘图工具,毕竟GoJS有些小贵。这次选择了JointJS,完全开源,它还有一个商业版本叫Raddit,功能更强大。不过就我的需求场景,开源的Joint就足够了。接下来,我们看看它是怎么使用的。 JointJS是基于B……

阅读全文

前端交互式图表绘制库GoJS介绍

经人介绍看了下前端的图形绘制库GoJS,感觉挺强大的,特别适合来制作图形绘制工具。因为有需求要提供一个基于Web的图形编程工具,用它当前端看来是个不错的选择。唯一需要注意的是这东东不是免费的,而且还有些小贵,单应用单域名永久授权就要7千美刀,大伙们看情况使……

阅读全文

探讨下Javascript中的Promise模式

Javascript最令人称道的就是它的事件回调模式,因此即使只有一个执行线程,它也能支持异步高并发。不过回调写多了,代码就会非常复杂难懂,因为回调不像同步代码,执行顺序是从上至下,读回调代码必须跳来跳去,思考什么情况下到底跳到了什么地方,很辛苦,这种情况……

阅读全文

CSS样式选择优先级

记录一下之前看到过的CSS样式优先级计算方法。 CSS的样式优先级由一个4位数字权重表示,对于同一个文档元素,如果存在多个样式,就比较每个样式4位数的优先级权重,然后选择值较大的那个。那么这4位数权重是怎么计算的呢? 一般我们添加样式有以下几种方法: 内联样式 通……

阅读全文

Javascript中this指针的使用实例

Javascript语言中有一个this关键字,后端开发做多了的朋友们习惯称它为”this指针”。其作用是指向调用当前函数的那个对象。听上去很好理解的一个概念,但是对于后端出身的开发人员来说却很头疼,因为它同Java或C++的thi……

阅读全文

Javascript的事件捕获和事件冒泡

再写篇Javascript的基础知识吧,事件的注册和监听是JS的重要功能。任何同用户交互的界面上一般都注册了相当多的事件来监听用户的操作比如鼠标点击,鼠标移动,键盘输入等。那么问题来了,HTML DOM是个嵌套的结构,当我们在某个元素上注册了事件,而且在其父……

阅读全文

Javascript中的对象继承和原型链

后端开发做过n年的朋友们,学Javascript时比较头大的地方就是它的面向对象。严格的说,Javascript(在ES6出现之前)本身并非是个面向对象的语言。当然也有不少文章说JS是面向对象的,我也同意,因为它虽然没有class类,但是可以通过其它方法实……

阅读全文

Javascript闭包和立即执行函数的作用

我见过不少初学前端的朋友们认为,要成为前端的高手,就要学会那些主流的框架。比如前两年流行的AngularJS,今年的ReactJS。还有朋友学了ReactJS后,想学ReactNative成为iOS高手。当我问他们一些Javascript的基本概念,比如什……

阅读全文

前端构建工具Gulp.js

最近一个网站项目,开发人员准备直接把前端的代码拷贝到生产环境来部署,而且使用Ant来执行拷贝,这样就可以前后端一起部署了。这是传统后端开发人员的思维。这样做固然可行,但是当前端代码越来越庞大时,就不好管理了。如同Java的Ant,C++的Make,前端开发……

阅读全文

RequireJS使用范例

突然想记录点前端的东西。接触RequireJS是2012年,那时候觉得这个前端的模块化概念很酷,随即也在很多项目中使用了。现在JS的模块化已经随处可见了。基本上概念没什么变化,这个库也相当的容易上手,这里就用RequireJS写一个简单的例子。 先介绍下模块……

阅读全文