
web前端
文章平均质量分 64
ball球
这个作者很懒,什么都没留下…
展开
-
编写自己的newman reporter
1. newman?report?1.1 newman是什么newman时一款基于Node.js开发的可以运行postman的工具,使用Newman可以直接从命令行运行postman集合。更多介绍可以参看这里。1.2 reporter是什么reporter决定了newman输出的形式,不同的repoter以不同的形式输出newman的执行结果。如果自带的reporter和第三方report...原创 2020-05-07 18:23:01 · 816 阅读 · 0 评论 -
postman的命令执行工具--newman
1. 什么是newmannewman时一款基于Node.js开发的可以运行postman的工具,使用Newman可以直接从命令行运行postman集合。2. 安装要求Node.js >= v10npm install -g newman3. 基本使用3.1 从postman导出测试集右键点击想导出的集合,点击export,可以将测试集导出json。导出的文件版本,按系统推荐...原创 2020-04-24 15:02:42 · 888 阅读 · 0 评论 -
跨域ajax请求中的cookie传输问题
CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。它允许浏览器向跨源服务器发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。对CORS协议不了解的同学,可以猛击这里。今天我们来讨论其中的CORS中的cookie传输问题。场景:http://a.com/test.html向http://b.com/t...原创 2018-10-31 19:25:47 · 2171 阅读 · 0 评论 -
ES6中的export与import入门
1. 简介ES6在语言规格的层面上,实现了模块功能,而且实现得相当简单,完全可以取代现有的CommonJS和AMD规范,成为浏览器和服务器通用的模块解决方案。ES6 模块不是对象,而是通过export命令显式指定输出的代码,再通过import命令输入。2. 导入导出不同的导出方式对应不同的导入方式。导出可以分为两种:名字导出,default导出。2.1名字导出函数,...原创 2018-06-28 14:30:00 · 1003 阅读 · 0 评论 -
rollup快速入门
1. rollup是什么Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码。2. 安装npm install --global rollup3. 使用示例有如下代码,Person.js是独立模块,我们在main.js中使用它。具体代码如下: /src/Person.jsfunction Person(){ v...原创 2018-06-27 17:22:06 · 958 阅读 · 0 评论 -
Content-Disposition~强制浏览器保存文件
问题假设你的网站有一张图片 http://file.test.com/img/login.jpg使用浏览器访问这个url,默认情况下,浏览器会自动展现这张图片。那么问题来了,如果你目的是想让浏览器默认下载而非展现这张图,怎么办呢?解决http header中有一个字段,可以帮你实现这个目的。Content-Disposition:attachment;实践nginx中增加配置location ~原创 2016-08-02 17:26:55 · 9424 阅读 · 0 评论 -
git配置文件
一. 配置文件的存储位置git相当的配置文件有三个1. /etc/gitconfig:包含了适用于系统所有用户和所有库的值。2.~/.gitconfig:只适用于当前登录用户的配置。3. 位于git项目目录中的.git/config:适用于特定git项目的配置。对于同一配置项,三个配置文件的优先级是1二. 一些有用的配置项原创 2015-06-05 17:48:09 · 6594 阅读 · 0 评论 -
使用weinre调试手机页面
Weinre(Web Inspector Remote),是一种远程调试工具。功能与Firebug及chrome调试器类似,可以帮助我们即时更改页面元素、样式,调试JS等。工作原理weinre由三部分组成1. debug server核心组件,运行在服务端,负责与另外两部分通信。2.debug clientwebkit核浏览器,与debug server通信。展原创 2015-05-19 18:50:03 · 9889 阅读 · 0 评论 -
使用chrome调试android前端页面
移动端开发时,我们常使用chrome自带的模拟器,模拟各种手机设备。但模拟毕竟是模拟,当开发完毕,使用真机访问页面出现问题时如何调试呢?下面介绍一种针对android机的调试方法1. 在pc和android手机上都安装最新版本的chrome2. 使用usb将手机的PC相连接3. 手机中打开“设置”->"开发人员选项"->"USB调试"原创 2015-05-11 16:08:42 · 5044 阅读 · 0 评论 -
从一个bug说jquery中的attr和prop
为了方便描述,将问题简化如下:先上代码 iqiyi letv showStatus $("button").click(function(){ var list = $("form input"); for (var i=0; i<list.length; i++){ console.log('input ' + i + ':原创 2015-04-10 10:27:23 · 2202 阅读 · 0 评论 -
smarty3 include file中使用block产生的bug及解决方式
问题smarty3的一个很重要,也是很方便的特性是模板继承。今天碰到了一个模板继承相关的题,记录一下。原码有点多,所以将问题代码抽象如下:tpl.parent.htm:{block name="body"} parent body {/block} {include file="tpl.parentFooter.htm"}tpl.parentFooter.htm:{b原创 2014-03-14 10:23:02 · 2947 阅读 · 0 评论 -
如何判断浏览器是否支持placeholder属性
placeholder是HTML5新增的另一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点时,提示文字消失。查看更多说明请猛击这里那么如何判断浏览器是否支持placeholder属性呢?function isPlaceholderSupport() { return 'placeholder' in docume原创 2012-05-25 11:48:33 · 7790 阅读 · 2 评论 -
如何获取元素样式
元素的style属性时常被用于获取元素样式,但很多时候它是不奏效的。看下面的代码: #ex2 {height:100px;width:100px;background:blue;} var elem1 = document.getElementById('ex1'); alert(elem1.s原创 2013-03-11 17:05:32 · 2222 阅读 · 0 评论 -
web应用开发人员需要掌握的运维知识
作为一个web应用开发,少不了需要知道一些运维知识,总结了下,贴图~原创 2012-12-24 15:25:50 · 3532 阅读 · 0 评论 -
利用apache的mod_headers模块实现文件缓存
一.cache-controlCache-Control是http协议1.1中支持的缓存字段,指定请求和响应遵循的缓存机制。详见rfc2616 14.9(Cache-Control)其中一个最基础的策略是,在响应头中设定:Cache-control: max-age=[secs][secs]是cache在客户端存活的秒数,例如 Cache-control: max-age=1800原创 2012-11-23 11:13:10 · 11930 阅读 · 0 评论 -
HTTP返回码中301与302的区别
一.官方说法301,302 都是HTTP状态的编码,都代表着某个URL发生了转移,不同之处在于: 301 redirect: 301 代表永久性转移(Permanently Moved)。302 redirect: 302 代表暂时性转移(Temporarily Moved )。 这是很官方的说法,那么它们的区别到底是什么呢? 二.现实中的差异2.1.对于用户301原创 2012-08-07 14:28:55 · 138197 阅读 · 2 评论 -
submit方法与onsubmit事件
一.form的submit方法是否会触发onsubmit事件?测试代码如下: var obj = document.getElementById('myform'); obj.onsubmit = function(){ alert('check'); retur原创 2012-05-29 14:16:06 · 21939 阅读 · 0 评论