注册IMWeb前端社区, 你可以
第一时间获得最新、最火的技术干货
定期推送您所关注的专题文章
和大牛们一起讨论前端技术
获取IMWeb社区、前端相关的最新活动
立即注册
热文 更多

  • whistle工具全程入门

    接触过前后端开发的同学应该都了解网络请求代理工具fiddler(mac下面常用的是Charles),可以用来拦截分析请求、包装请求、本地调试和移动端代理开发调试等。多多少少,fiddler和Charles使用起来还是有些区别,不过还好都是可视化的界面使用配置起来也都比较方便。 先说下使用体验。对于一个追求高效的开发者来说,总是觉得要经常切换两个工具的使用比较麻烦,但是配置规则不通用,fiddler+willow组合的使用很不错,但也总是让电脑比较慢,而且规则配置需要点击输入显得不那么高效;Charles是mac上一款不错的网络代理工具,不过是收费的,价格不便宜(当然你可以找破解),但是路径替换功能使用起来比较麻烦,这点体验很不好。在两个平台上都折腾过,而且要经常切来切去(自己的电脑是windows),后来决定尝试入坑whistle(由avenwu@tencent开发),发现非常高效易用,解决了困扰多年的问题。这里总结梳理下常用的功能和使用方式。

  • Node基础:资源压缩之zlib

    概览 做过web性能优化的同学,对性能优化大杀器 gzip 应该不陌生。浏览器向服务器发起资源请求,比如下载一个js文件,服务器先对资源进行压缩,再返回给浏览器,以此节省流量,加快访问速度。 浏览器通过HTTP请求头部里加上 Accept-Encoding ,告诉服务器,“你可以用gzip,或者defalte算法压缩资源”。 Accept-Encoding:gzip, deflate 那么,在nodejs里,是如何对资源进行压缩的呢?答案就是 Zlib 模块。 入门实例:简单的压缩/解压缩 压缩的例子 非常简单的几行代码,就完成了本地文件的gzip压缩。 var fs = require('fs'); var zlib = require('zlib'); var gzip = zlib.createGzip(); var inFile = fs.createReadStream('./extra/fileForCompress.txt'); var out = fs.createWriteStream('./extra/fileForCompress.txt.gz');

  • Web自动化之Headless Chrome测试框架集成

    使用 SELENIUM 操作HEADLESS CHROME 推荐 简介 WebDriver 是一个 W3C标准 [https://www.w3.org/TR/webdriver/] , 定义了一套检查和控制用户代理(比如浏览器)的远程控制接口,各大主流浏览器来实现这些接口以便调用控制接口来操作浏览器。 Selenium 是一整套的Web自动化测试解决方案,配合WebDrive规范,实现了对各种用户代理的适配(比如浏览器,PhantomJS等),通过操作浏览器的 WebDriver 接口来实现带浏览器的Web自动化。 使用 SELENIUM-WEBDRIVER * selenium 相关的 API文档 [http://www.seleniumhq.org/docs/index.jsp] * selenium-webdriver 的 JavaScriptAPI文档 [http://seleniumhq.github.io/selenium/docs/api/javascript/index.html]

  • W3C标准盒子和ie盒子区别

    W3C模型中: CSS中的宽(width)=内容(content)的宽 CSS中的高(height)=内容(content)的高 eg: <div style="width:50px;height:50px;padding:2px;border:1px solid blue;margin:3px;"> W3C模型 </div> 则此div的实际大小: div高=height+(padding+border+margin) 2=50+(2+1+3) 2=62px; div宽=width+(padding+border+margin) 2=50+(2+1+3) 2=62px; div内容占大小: div高=height=50px; div宽=width=50px; IE盒子模型: IE模型中: CSS中的宽(width)=内容(content)的宽+(border+padding)*2 CSS中的高(height)=内容(content)的高+(border+padding)*2 eg: .div2{ box-sizing: border-box; }

  • Nodejs进阶:http核心模块简介

    HTTP模块概览 大多数nodejs开发者都是冲着开发web server的目的选择了nodejs。正如官网所展示的,借助http模块,可以几行代码就搞定一个超迷你的web server。 在nodejs中, http 可以说是最核心的模块,同时也是比较复杂的一个模块。上手很简单,但一旦深入学习,不少初学者就会觉得头疼,不知从何入手。 本文先从一个简单的例子出发,引出 http 模块最核心的四个实例。看完本文,应该就能够对http模块有个整体的认识。 一个简单的例子 在下面的例子中,我们创建了1个web服务器、1个http客户端 * 服务器server:接收来自客户端的请求,并将客户端请求的地址返回给客户端。 * 客户端client:向服务器发起请求,并将服务器返回的内容打印到控制台。 代码如下所示,只有几行,但包含了不少信息量。下一小节会进行简单介绍。 var http = require('http'); // http server 例子var server = http.createServer(function(serverReq, serverRes){

热问 更多

  • 大漠刀客 6 天前

    js高级程序设计里说 this 引用的是函数执行的环境对象, 下面foo()在window下执行,环境对象就是window? * function foo(){ * alert(this); * } * foo(); * 那么函数嵌套为什么也是[object Window]?比如下面的 * function foo(){ * function foo2(){ * alert(this); * } * foo2(); * } * foo(); 输出的还是window * function SpecialArray(){ * alert(this); * } * alert(this); * SpecialArray(); * var colors = new SpecialArray(); 弹出的依次是[object Window],[object Window],[object Object]?这里的Object又是什么情况

  • cwjie0229 2 小时前

    什么是Cookie 隔离?(或者说:请求资源的时候不要让它带cookie怎么做)

  • 土豆一号 2 天前

    分享一个node全栈开发课程哦~ 本周五晚19:30腾讯课堂 Node全栈开发系列免费直播 https://ke.qq.com/course/224342#tuin=23746190 全栈时代已经来临,你来不来? ![QQ图片20170719150857.jpg](http://7tszky.com1.z0.glb.clouddn.com/FpmGE8k9_UaB8TbZ8NvncG_-As4M)