taobao.fm 这个域名正在出售中,>Mail:www@zhubangbang.com

以后的文章大多更新在,朱邦邦的WEB前端开发博客

Refused to load the script ‘xxx/xxxx.js’ because it violates the following Content Security Policy directive: "script-src ‘self’ blob: filesystem: chrome-extension-resource:".

chrome 扩展应用开发的时候;项目中为了维护方便,使用了阿里的iconfont;的彩色图标;

如:

<script src="https://at.alicdn.com/t/font_k0d09a10gi3blnmi.js"></script>

加载外部的资源,chrome会默认拒绝所加载的脚本;原因是,它违反了

“script-src ‘self’ blob: filesystem: chrome-extension-resource:”. 阅读剩余部分 –

避免BUG和方便查找BUG的思路

遇到一个BUG,感觉值得记录一下;

BUG场景描述:

  • 第一步、弹窗X中,通过用户二维码,调用接口A,获取用户的代理商类型等信息;
  • 第二步、通过判断用户的代理商类型,赋type值,并且PUSH接口B得到订单的出库类型;(这里的判断值,type赋值,前端出错了)
  • 第三步、得到订单的出库类型后,在校验弹窗Y展示订单号和需要出库的user_id/用户名、类型,设备去向;供操作者校验订单号与代理商信息,如果校验没问题,可以在校验的窗口直接输入出库设备,PUSH到接口C;(校验窗口Y有两个作用,1 是供操作者校验信息,2是储存接口C所需要的参数);

根本原因:一个值判断错误,

阅读剩余部分 –

前端开发中,测试环境和正式环境的切换神器:Host Switch Plus(chrome 扩展应用)

前端开发的过程中;

发布文件的时候,经常会遇到在测试环境和正式环境之间切换的情况;

以前用的是“SwitchHosts”这个小工具;

开发时,链接测试环境;

文件发布后,链接正式环境进行测试;(在不同的环境下配置不同的host;)

推荐用chrome浏览器的扩展应用【Host Switch Plus

(除了 Chrome 之外,支持如百度、360 等支持 webkit 内核的浏览器)。

阅读剩余部分 –

jquery.formautofill表单自动填充插件

一个表单需要对多个项目赋值的时候,如果赋值,需要手动赋值,或者写一个循环;这样做虽然可以,但是会有很多重复的代码,而且效率低,不优雅;

通过jquery.formautofill这个插件,可以自动填充到输入框/选择项等的内;

填充方式有两种,一种是通过name值来填充,一种是通过ID来填充;

阅读剩余部分 –

gulp用法详细总结

gulp是自动化执行工具;一些任务需要重复的执行,都可以用gulp来完成;

  • 把文件从开发目录拷贝到生产目录
  • 把多个 JS 或者 CSS 文件合并成一个文件
  • 对JS文件和CSS进行压缩
  • 把sass或者less文件编译成CSS
  • 压缩图像文件
  • 创建一个可以实时刷新页面内容的本地服务器

gulp用的是node中流的概念,上一级的输出是下一级的输入;流是一种有起点和终点的数据传输手段;

安装gulp:基于node的,先要安装node环境;

阅读剩余部分 –