文章列表
邝伟科 于 3个月前发表 834 3 0
[http://7tszky.com1.z0.glb.clouddn.com/FvFyBgbKKtoA35jNxOjVLHwR0RRc] 整个2016年前端圈还是一如既往的长江后浪推前浪,其中测试框架也不例外,mocha跟jasmine已经不是当前前端最火的测试框架了,而是一个面向未来的测试框架: AVA [https://github.com/avajs/ava] 看一个框架首先看这个框架介绍文档的第一句话,从中可以看出作者对这个这个框架的定位:[http://7tszky.com1.z0.glb.clouddn.com/FmJ5264J9NL9NdhaDbsWeP1zLX8W] 从AVA github 的 README 第一句看出,AVA自己定义跟其他测试框架的最大区别多线程,包括 1. 同步跑测试 2. 不同文件多线程同时跑 3. 每个测试在单独的线程单独跑要求每个测试必须是单独的,不依赖外部变量的 另外,介绍文档中还给出了AVA的其他优势,其中有几点我觉得比较好:
3个月前
调试
黄龙 于 6个月前发表 1449 1 0
WHISTLEJS https://github.com/avwo/whistle [https://github.com/avwo/whistle] whistle是用Node实现的类似Fiddler的web调试代理工具,支持查看和修改HTTP(S)、Websocket请求响应数据,且支持跨平台(Windows、Mac、Linux等可以安装Node的操作系统)。IMWEB团队avenwu作品。 第一步 安装 npm i -g whistle 第二步 启动 w2 run 第三步 配置浏览器代理 如果你使用SwitchyOmega就很容易了 * 新建情景模式 * 命名whistle * 代理协议 HTTP * 代理服务器: 127.0.0.1 * 代理端口: 8899 把浏览器代理切换到whistle就可以进入下一步了。 第四步 打开网页,开始配置 http://127.0.0.1:8899/#rules [http://127.0.0.1:8899/#rules]
6个月前
调试
陈映平 于 8个月前发表 1023 2 0
写在前面 谈到node断点调试,目前主要有三种方式,通过 node内置调试工具 、 通过IDE(如vscode) 、 通过node-inspector ,三者本质上差不多。本文着重点在于介绍 如何在本地通过node-inspector 调试远程服务器上的node代码 。 在进入主题之前,首先会对三种调试方式进行入门讲解,方便新手理解后面的内容。至于老司机们,可以直接跳到主题去。 方式一:内置DEBUG功能 进入调试模式(在第1行断点) node debug app.js clipboard.png [https://segmentfault.com/img/bVCNET] 进入调试模式(在第N行断点) 比如要在第3行断点。 方式一:通过 debugger clipboard.png [https://segmentfault.com/img/bVCNE6] 方式二:通过 sb(line) 。 clipboard.png [https://segmentfault.com/img/bVCNE7] 执行下一步 通过 next 命令。
8个月前
调试
黄龙 于 1年前发表 6940 0 0
Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。 本文将通过简单实用的方法来带你学习 Atom 编译器的使用。 常用的插件 * emmet: 提高开发效率 * atom-ternjs: JS代码智能提示补全 * file-icons: 文件图标 * linter-jscs: jscs验证插件 linter-jscs的配置: 1.打开设置【win: ctrl+, 】【mac: commond+, 】 2.点击packages,里面就是已经安装好的插件 [http://7tszky.com1.z0.glb.clouddn.com/FiRXCJcyNUW2keVZLrXA3oN6JtCw] 插件自带按jscs格式化的功能,保存的时候自动格式化,非常方便.如果团队没有自己的代码规范的话插件默认自带了一些规范可供选择其中有airbnb、google、jquery、grunt等代码规范可选。
1年前
调试
helinjiang 于 1年前发表 2192 0 0
开发Hybrid混合应用时,很多人都觉得调试是一件比较麻烦的事情,因为它可能会依赖于app环境,绝不是普通的h5页面那么简单。 前些日子一直做手Q上的页面开发,针对如何调试,有一些心得,在此记录。注意,本文内容仅限于在windows中调试安卓系统中的Hybrid混合应用。本文是在 @ feix760 [https://github.com/feix760] 相关文档基础上整理而来,并作了适当的内容补充,在此特别表示感谢! 1. 原理简介 借助Chrome的DevTools工具,连接手机后,可以呼起Chrome浏览器中的开发者工具,然后就能够像调试普通页面一样调试手机中的页面。 更详细的细节,请看 官方说明 [https://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debugging] 。 2. 安卓手机 从 Android 4.4 开始,webkit是支持远程调试的,不过需要将app的debug模式打开,可以使用如下代码:
1年前
调试
avwo 于 1年前发表 1678 0 0
whistle [https://github.com/avwo/whistle] 是基于 Node [https://nodejs.org/] 实现的跨平台web调试代理工具,支持windows、mac、linux等所有安装了 Node [https://nodejs.org/] 的操作系统,可以部署在本地机器、虚拟机或远程服务器,并通过本地网页查看修改HTTP、 HTTPS [https://github.com/avwo/whistle/wiki/启用HTTPS] 、 Websocket [https://github.com/avwo/whistle/wiki/启用HTTPS] 请求(响应)的基本信息、头部及内容等。 whistle [https://github.com/avwo/whistle] 把每一类操作对应一个协议,每个修改操作抽象成一个uri,通过简单设置请求url到操作uri的对应关系,实现通过配置操作请求,支持通过扩展协议新增功能;具有配置灵活,功能强大等特点。
1年前
调试
黎腾 ,如果sea能带走我的哀愁 于 1年前发表 4265 2 2
Nginx那么好,我想去看看。 接连逛了两个书城后,我发现并没有Nginx相关的书籍。 这就很奇怪! [http://7tszky.com1.z0.glb.clouddn.com/Fo05S9wdE4-zdY-OLaOf_maLDJ6V] Nginx,一名 网红 (网络服务器红人…),就算没有自传和回忆录,争着介绍它的花边新闻也该有吧。 后来找到仅有的一两本书籍,也直接深入到“源码剖析”的阶段。写得并不十分满意,况且我还不需要这些。 后来发现了原因,大概是因为 “使用太简单了,都不值得出书” 。 是的,Nginx把纷繁复杂的功能,浓缩成一份简单的配置,极易上手。 当它呈现到你面前时,感觉独具匠心。 NGINX与NODEJS (这里的标题有点歧义。此处的NodeJs,皆引申为NodeJs所搭建的服务器。) 有人说,作为一名前端, 我的真爱是NodeJs 。 同时也认同,抛去性能之类的比较,单纯从实现的角度,NodeJs编写的服务器也能实现Nginx的各种功能。 这些我都赞成,但使用Nginx并不意味着抛弃NodeJs。事实上,它们并不冲突,还可以在一起愉快的玩耍。
1年前
调试
何璇 于 2年前发表 2029 2 0
-------------------------------------------------------------------------------- [TOC] -------------------------------------------------------------------------------- 前言 在使用node开发iconfont平台时,由于没有产品与设计的主导,我遇到了协同开发的一大难题——合并代码。开发过程中每次合并代码时基本上都有冲突,在手动解决冲突的过程中,随着代码量的增大,解决过程我真是如履薄冰,生怕改错了逻辑,导致一些原本的功能出错等后果。而每次合并完提交前,都要将所有的功能手动测试一遍,费时费力。 基于以上的原因,编写测试来保证应用的健壮性,减低协同开发的成本是非常有必要的。而且,node社区已经有成千上万的开源模块,当开发者使用第三方模块时,没有提供测试的第三方模块值得信赖嘛?对于开发者而言,应该对自己产出的代码负责。 单元测试
2年前
调试
莫卓颖 于 2年前发表 3901 0 2
可视化前端测 背景 相信进行过前端开发的同学都知道,前端测试不仅仅涉及到功能的测试,而且也需要考虑到界面样式测试、多浏览器兼容性测试、性能测试。本文主要讨论分析目前前端测试的现状,并讨论目前流行的测试工具,下篇文章将会介绍工具的使用方法 前端测试分类 前端测试 主要分三大方向测试,而这三大方向也分很多小方向测试,首先简单的介绍每个方向的概念 * 界面样式测试 固定界面样式测试 :主要针对文字内容不变的区域,例如页面的页头,页脚这类结构、内容不变的区域,而测试一般通过截图对比解决。 结构不变界面样式测试 :主要针对结构不变的区域,例如新闻区域这类结构不变,内容变化的区域,这类测试一般通过DOM元素对比解决。 计算样式测试 :主要针对计算样式不变的区域,这类测试一般通过比较计算样式解决,但是这种测试不推荐,因为测试成本比较大。 * 功能测试 服务器数据预期测试 :主要针对用户在前端界面进行某种操作后,提交数据给后台后,测试后台能否返回预期的数据 界面功能测试 :主要针对用户在前端界面进行某种交互性操作后,测试能否获取预期的功能、界面交互 * 多浏览器测试
2年前
调试
黄龙 于 2年前发表 2390 0 0
介绍 CrossBridge是Adobe FlasCC的开源版本,它提供了一个完整的C/C++开发环境,目的是把C/C++程序编译成Flash程序,运行于Flash Runtime之上。 CrossBridge前身为Alchemy,它提供了一个完整的类似于BSD的C/C++开发环境,基于GCC编译器,可以把C/C++源代码编译成目标Adobe Flash Runtimes程序。使用CrossBridge,可以把现有的大多数C/C++代码移植到Web上。 CrossBridge技术特征: 1. 支持现有的C/C++项目文件和makefile文件; 2. 可以通过GDB在Flash Runtime中调试代码; 3. 可通过C++类访问完整的Flash Runtime API,包括Stage3D for OpenGL/DirectX GPU图形加速库; 4. 可充分利用现有的C/C++库的文档、指南和代码实例; 5. 支持使用C/C++创建ActionScript库(SWCs) 安装 [HTTP://CROSSBRIDGE.IO/README.HTML]
2年前
调试
分享的项目:whistle By avwo

node实现的跨平台web调试代理工具

350 0 0
2年前
调试
yangchunwen 于 2年前发表 1998 0 0
Object.observe 是一个提供数据监视的API,在chrome中已经可以使用。是 ECMAScript 7 的一个提案规范,官方建议的是“谨慎使用”级别,但是个人认为这个API非常有用,例如可以对现在流行的MVVM框架作一些简化和优化。虽然标准还没定,但是标准往往是滞后于实现的,只要是有用的东西,肯定会有越来越多的人去使用,越来越多的引擎会支持,最终促使标准的生成。 可以做什么 从observe字面意思就可以知道,这玩意儿就是用来做观察者模式之类的东东。 简单地说,就是观察一个对象的变化,在被观察者变化时作出一些回调。 实际应用中,可以优化数据模型(model)和网页试图(view)的双向绑定。 语法 语法很简单: Object.observe(obj, callback) objobj就是你要监听的数据模型(例如一个ajax接口对应的数据) callbackcallback就是数据模型变化后触发的回调(例如网页视图的变化) callback函数的参数形式 * name: 被修改的属性名称 * object: 修改后该对象的值
2年前
调试