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

  • Web自动化之Headless Chrome编码实战

    API 概览 && 编码TIPS 文档地址 * github Chrome DevTools Protocol [https://github.com/ChromeDevTools/devtools-protocol] 协议本身的仓库 有问题可以在这里提issue * github debugger-protocol-viewer [https://github.com/ChromeDevTools/debugger-protocol-viewer] 协议API文档的仓库 * API 文档地址 [https://chromedevtools.github.io/devtools-protocol/] API展示的地方,这个经常用 常用API * Network 网络请求、Cookie、缓存、证书等相关内容 * Page 页面的加载、资源内容、弹层、截图、打印等相关内容 * DOM 文档DOM的获取、修改、删除、查询等相关内容 * Runtime JavaScript代码的执行,这里面我们可以搞事情~~ 编码TIPS

  • 正则里exec跟match的区别

    还在傻傻分不清这两个函数该用哪个?来来来,本文给你一个清晰的思路~! 一、 EXEC MATCH分别是谁家的方法 exec是RegExp类的方法 match是String类的方法 分清楚是各是哪里的方法之后,就知道怎么使用了 栗子: /hello/.exec('hello world'); 'hello world'.match(/'hello'/); 二、 区别 简单来说,跟g有关系 exec 只会匹配第一个符合的字符串(意味着g对其不起作用),跟所有分组的反向引用 match 是否返回所有匹配的数组跟正则表达式里是否带着g有关系 [http://7tszky.com1.z0.glb.clouddn.com/FgDWi2i152U2hA2SZbr9OepQCYvE] conststr = 'd3aish hello world d5aisy'; const reg = /\dai/; // 先看没有g的情况 console.log(str.match(reg)); console.log(reg.exec(str));

  • 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');

  • whistle工具全程入门

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

  • 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]

热问 更多

  • 大漠刀客 5 天前

    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又是什么情况

  • 土豆一号 19 小时前

    分享一个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)

  • xiaoxuan 2 天前

    一个项目主要是功能繁琐,但是主要是业务逻辑比较难,没什么技术难点,这样阐述项目时,如果被问技术难点,该怎么说?