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