前言
在上一篇文章中,葱哥从零开始创建了一个react的boilerplate,并使用webpack进行build,使其支持ES6,同时使用karma+mocha等进行单元测试。虽然单元测试有了,但是代码中哪些写了测试,哪些没写呢?本文就将在上一篇文章的基础上为其增加生成代码覆盖率的功能。
代码
本文的最终代码可以在react_boilerplate_v8中查看。
准备工作
react boilerplate代码
首先拿到上一篇文章的代码:
```
git clone https://github.com/jiji262/react_boilerplate.git
cd tutorial/react_boilerp
继续阅读 »
在前端开发的过程中,一个最繁琐的工作就是写 HTML、CSS 代码。数量繁多的标签、属性、尖括号、标签闭合等,让前端们甚是苦恼。于是,我向大家推荐 Emmet,它提供了一套非常简单的语法规则,书写起来非常爽快,然后只需要敲一个快捷键就立刻生成对应的 HTML 或 CSS 代码,极大提高了代码书写效率。
more
Emmet 的前身是大名鼎鼎的 Zen coding,它是一个编辑器插件,需要基于指定的编辑器使用,官方网站提供多编辑器支持,目前它支持的编辑器如下:
Sublime Text
Eclipse/Aptana
TextMate
Coda
Espresso
Chocolat
Komodo Edit
Notepad++
PSP
继续阅读 »
学习目标
从今天开始,有两块内容要学习 more ,一个是图形渲染一块,一个是前端三剑客和前端的框架,学习目标很简单,就是改动hexo框架,将我的水纹shader加入到一个普通的web页面里来,我会记录我的学习过程和理解过程,等到这两块东西的新鲜度结束以后,我决定学习一点u3d的东西。
继续阅读 »
如何正确实现addEvent?
分析一下传统addEvent的实现:
// 传统写法大致上是这样
// 作者:Scott Andrew
function addEvent(obj, type, fn, useCapture) {
if (obj.addEventListener) {
obj.addEventListener(type, fn, useCapture);
return true
} else if (obj.attachEvent) {
var r = obj.attachEvent("on"+type, fn);
return r;
} else {
ale
继续阅读 »
FIS3 是百度 FEX 开源的一个前端工程构建工具,用于解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题
在进一步了解 FIS3 之前,我们先来谈谈现在最火的“构建”工具 - Webpack,Webpack 最开始只是想做一个打包工具,把所有的依赖资源都加载到一起。可随着社区越来越大,各种 plugins 和 middleware 的不断出现,慢慢地,它已经不仅仅是一个 module bundler
继续阅读 »
昨天有朋友说让vsc支持react和es6太难配置了,我说直接用webpack吧,vsc仅仅用来敲代码就行了。之所以我这么说,因为我的vsc只是用来敲代码的,常用的git操作,依赖安装都是寄几在终端搞的。于是今天试了一下webpack,也踩了几脚坑,先让我擦干眼泪。
这里是这篇文章涉及到的源代码,如果需要运行可以直接跳到下面的最后一步生成。
如何配置
当你看到最终的是如何实现的时候,我其实是拒绝的,我宁可花长时间写的复杂点,但是很简单,绞尽脑汁也多写不了几行字。
创建目录
cd ~/Desktop
mkdir hello-react
cd hello-react
初始化npm
npm init -y
// 你也可以不
继续阅读 »
最近的工作是把原有 PC 端的一整套面向客户的询价下单流程移植到微信公众号上。
原有的流程十分复杂,移植时想着后台代码能不改就不改,前端代码能重用的就重用。
其中有一步是前端提交一个表单,后台根据处理结果,分别重定向到成功和失败页面。
继续阅读 »
前言
故事还得从头说起。乌云网挂掉之后,乌云知识库也无法访问了。曾经,在上面看到那么多优秀的安全类文章,一下子看不到了,颇觉得有点不适应。还好网上流传着民间的各种版本,于是我收集了一下,放在了Github上。这些文章只是一些html文件,并不包含页面上的图片。幸运的是,图片的域名static.wooyun.com还可以继续访问,因此有必要把这些图片也抓取下来。
Wooyun Drops 文章在线浏览
Wooyun Drops 文章在线浏览
Github: wooyun_articles
使用Nodejs下载图片
抓取图片链接的过程在此不再详述,无非就是打开每个html页面,找到其中img标签的src属性。我们拿到了这些ht
继续阅读 »
递归
```js
function deepCopy(obj) {
if (!obj || typeof obj !== 'object') return obj;
var target = isPlainObject(obj) ? {} : [],
property, val;
for (var key in obj) {
val = obj[key];
// 防止循环引用
if (val === obj) continue;
if (Array.isArray(val) || isPlainObject(val)) {
target[key] = deepCo
继续阅读 »
介绍一下你自己和所做的工作
我叫王金龙,是一名初级(按照工作年限来说的话)Web前端开发,但是以开发经历来说,我至少应该算一名合格的前端攻城狮。目前在途牛旅游网工作(已经寻找到新的追求)。读书的时候,接触的东西比较少,心里所想唯有学习,所以也就没培养任何一样兴趣,偶尔会和同学一起踢踢球;工作的时候,才逐渐培养了一些兴趣爱好,如跳舞、唱歌等,跳舞是今年才培养起来的一个兴趣,但是因为工作的关系,基本没什么时间练舞,所以跳的非常非常一般。15年研究生毕业后,工作也有一年半了,而且公司是业务驱动开发,所以代码也写了不少,可是自身能力的提升却没看出来。
你都在使用哪些硬件
这款机械键盘是工作没多久之后买的。话说,当时看到同组的一位老
继续阅读 »