DoubleFlower - 博客园

karma+mocha+chai实现前端单元测试

摘要：之前略微研究了下前端的e2e测试，现在轮到单元测试了。 1. 所需工具 karma，Karma是由Google团队开发的一套前端测试运行框架。 mocha，mocha是一个javascript测试框架。 chai，chai是一个断言库。 2. package.json 由于以上库/框架都是基于nod 阅读全文

posted @ 2017-11-09 17:13 DoubleFlower 阅读(841) 评论(0) 推荐(0)

nightwatch实现vue应用e2e测试

摘要： nightwatch是一个基于Selenium WebDriver API的e2e自动化测试框架，可以使用js方法与css选择器来编写运行在Selenium服务器上的端到端测试。这里直接使用vue-cli来安装的，nightwatch的相关模块都已自动安装，下面就来解释下安装了哪些模块，以及具体怎阅读全文

posted @ 2017-11-02 16:09 DoubleFlower 阅读(4621) 评论(0) 推荐(0)

koa+mongoose实现简单增删改查接口

摘要：配合上一篇文章的联系人应用(http://www.cnblogs.com/junhua/p/7675811.html)，实现配套的基于nodejs的后台增删改查接口 1. 所需工具 node.js mongoDB 2. 主要node模块 koa(http://koajs.com/，一个nodejs的阅读全文

posted @ 2017-10-23 13:36 DoubleFlower 阅读(6299) 评论(4) 推荐(0)

利用vue+vue-router+elementUI实现简易通讯录

摘要：一个具有基本增删改查功能的通讯录，数据保存在本地的localStorage中。 demo地址: https://junjunhuahua.github.io 1. 所用技术 js框架: vue2 https://cn.vuejs.org/ ui框架: elementUI http://element 阅读全文

posted @ 2017-10-16 15:48 DoubleFlower 阅读(10982) 评论(0) 推荐(0)

javascript伪类继承修订版

摘要：原先文章中提到的伪类继承，超类的构造函数会被执行两次，所以效率上会有点问题，看了高级程序之后，发现原来还可以改进，只需要用一个函数来实现继承即可。function inherit(subClass, superClass) { function F() {} //创建临时构造函数 F.p... 阅读全文

posted @ 2015-05-23 22:58 DoubleFlower 阅读(275) 评论(0) 推荐(0)

关于javascript中RegExp的实例方法exex()和test()的小'冲突'

摘要：之前使用js中正则表达式的过程中，基本都是用的test方法，exec很少用，更别说test和exec混用的情况，今天碰巧遇到了这个情况，于是就发现了一个小'bug'。比如我们要匹配全文中长度为4的单词，我们通常会这么做：var str = 'my last name is junhua'var re... 阅读全文

posted @ 2015-05-12 22:45 DoubleFlower 阅读(444) 评论(0) 推荐(0)

关于perfectionkills上的那些js题

摘要：今天晚上研究了下perfectionkills上的14道js题目，说实话，还挺搞脑子的，那么我们下面来分析分析吧~1.(function(){ return typeof arguments;})();结果是"object"，arguments是一个类数组，不论它到底是数组还是对象，typeo... 阅读全文

posted @ 2015-05-04 23:10 DoubleFlower 阅读(447) 评论(0) 推荐(0)

webapp之滑动组件(基于zepto)

摘要：一直都没有封装过一套移动web下的滑动组件，正巧今天公司没事，就闲下来写了一个...;(function($) { $.fn.slider = function(opts) { this.each(function() { init.call(this, o... 阅读全文

posted @ 2015-04-28 23:27 DoubleFlower 阅读(575) 评论(0) 推荐(1)

backbone.js初体验--构建简单分页应用时踩到的坑

摘要：最近突然想接触下之前没有接触过的领域，单页应用，正巧之前也是刚刚学习了requirejs的用法，所以趁热打铁选择了很多网站采用的requirejs+underscorejs+backbonejs+jquery(zepto)的方式来进行demo的编写。这篇文章主要不是介绍怎么去构建一个分页效果的，也不... 阅读全文

posted @ 2015-04-24 15:32 DoubleFlower 阅读(1195) 评论(0) 推荐(0)

使用r.js打包js文件

摘要：之前的文章里有介绍requirejs的基本使用方法，但是直接使用requirejs会暴露出一个问题，就是当模块过多的时候，requirejs就会引入许多js文件，大大的增加了请求数，那么有的朋友就要说了，我们自己压缩那些模块文件不就行了么，其实仔细想想这样到底行不行，答案是行！但是很麻烦：1. 首先... 阅读全文

posted @ 2015-04-07 11:38 DoubleFlower 阅读(4780) 评论(0) 推荐(0)

javascript原型式继承

摘要：之前的文章里有提到过javascript类式继承，那种继承方式极大的方便了其他语言（非javascript）程序员使用javascript来实现继承，但是有缺点，就是建立了一个非必要的构造函数，那这篇文章我们来谈一谈具有javascript自身特色的原型式继承。我们先来看一看下面的代码：上面的代阅读全文

posted @ 2015-04-03 10:58 DoubleFlower 阅读(357) 评论(0) 推荐(0)

javascript浮点数运算修正

摘要：众所周知，javascript对于浮点数的运算一直都是有问题的，比如0.2+0.1 结果是0.30000000000000004。下面是我的解决方案，先贴代码了：var calMath = (function() { var isFloat = function(a) { va... 阅读全文

posted @ 2015-03-21 23:18 DoubleFlower 阅读(1041) 评论(0) 推荐(0)

javascript对象的浅复制与深复制

摘要：最近开始阅读jQuery源码，正巧看到了写插件的时候一直使用的extend，于是就尝试自己写个类似的方法，当然，这里不是来讨论extend的用法，而是来聊两个概念，javascript的浅复制与深复制。javascript浅复制：浅复制字面意思就是表面的复制，浅层的复制，那本质是什么呢，其实就是表面... 阅读全文

posted @ 2015-03-06 16:24 DoubleFlower 阅读(463) 评论(0) 推荐(0)

javascript类式继承

摘要： javascript中是没有类这个概念的，但是javascript有它自己的原型机制，我们可以通过原型机制(prototype,constructor)来伪一个类出来，俗称“伪类”。新函数对象被创建时，会被赋予一个prototype属性，它的值是一个包括constructor属性，且属性值为该新函数... 阅读全文

posted @ 2015-03-02 16:14 DoubleFlower 阅读(334) 评论(0) 推荐(1)

初识requirejs(二)

摘要： requirejs还有很多不错的功能，但是可能不是非常常用，下面来介绍下这些功能:1. map参数map: { "new_aaa": { "ccc": "moudle/ccc/ccc1" }, "old_aaa": { ... 阅读全文

posted @ 2015-02-28 15:25 DoubleFlower 阅读(399) 评论(0) 推荐(0)