为了工作方便，最近封装了一个npm包上传的公网上去了，在项目中引用，用的时候还算好使。
项目提测的时候，产品经理说有界面有问题，检查了之后发现，那个npm报错了。
产品经理使用的是window版本的chrome，我们几个开发的，使用的是Mac版本的chrome。
原来在不同系统之间的同类型浏览器，也有兼容性问题。
类似的，还有Windows、Linux与Mac版本的Firefox、Windows与Mac版本的Safari
不过好在应当问题不多，写代码的时候需要注意，少用一些奇技淫巧……

最近幺蛾子事情多，公司的一个测试的姑娘，报了一个bug，她的电脑，请求某个接口，总是报错。
而我们其余人的电脑，是没问题的。
她自己检查了host、浏览器、浏览器版本、浏览器插件、缓存，都发现不了端倪。
我过去抓包看了一下，发现响应头与正常的响应头对比，少了N多参数，但是多了一个leeco。
我们公司前段时间为大家的电脑，都安装了趋势杀毒软件，后来有的同事报安装杀毒软件之后收不到邮件的问题。
然后卸载杀毒软件，重启，OK了，正常了。

—————————我是华丽的分割线—————————
总结了一下，为毛你的界面跟别人的都不一样？

阅读全文

莫名其妙碰到一个bug，我们后台的一个界面，在我们外层界面使用iframe嵌套的话，该界面会显示空白，没发出任何请求，而单独打开该界面的话，立马正常显示。
抓包看之，结果该界面的响应头，多了一个X-Frame-Options头，值为deny
百度之，该响应有如下作用：

修改web服务器配置，添加X-frame-options响应头。赋值有如下三种：

• (1）DENY：不能被嵌入到任何iframe或frame中。
• (2）SAMEORIGIN：页面只能被本站页面嵌入到iframe或者frame中。
• (3）ALLOW-FROM uri：只能被嵌入到指定域名的框架中。

该参数可以有效防止界面被不法网站iframe嵌套，兼容性好，十分有效
恍然大悟，通知后台修改了一下。又学了一招。

get到一个实用技能，sort方法接收一个函数作为参数，这里嵌套一层函数用来接收对象属性名，其他部分代码与正常使用sort方法相同

1
2
3
4
5
6
7
8
9
10
11
12
13
14

var arr = [
    {name:'zopp',age:0},
    {name:'gpp',age:18},
    {name:'yjj',age:8}
];
  
function compare(property){
    return function(a,b){
        var value1 = a[property];
        var value2 = b[property];
        return value1 - value2;
    }
}
console.log(arr.sort(compare('age')))

原文链接

wap端兼容的规则1.0版本

经过产品、前端、测试同学沟通，制定官网wap端兼容的规则1.0版本：

一、理论上兼容所有情况

二、根据实际人力资源情况，官网wap端着重兼容如下：

• 1、前端反馈的兼容机型：苹果（5-7 p）、三星、小米、乐视、华为各种常规机型—主要是按照屏幕大小
• 2、wap端访问量>5%的浏览器：Chrome移动版（58%）、微信浏览器（10%）、手机百度（9%）、安卓机自带浏览器Android Webkit Browser（13% 机型：三星、小米、乐视、华为）

数据支撑：

按照数据运营提到的数据，兼容的wap端的浏览器： Chrome移动版占绝大多数（58%），其次是Android Webkit Browser（13%）、微信浏览器（10%）、手机百度（9%）、UC端浏览器（4%）
按照原则 >5%的浏览器均兼容

最近开发了app嵌入的抽奖H5界面，技术上倒是不难，不过逻辑上需要仔细梳理。
抽奖活动，有如下前置条件。

• 必须通过app端打开
• app端必须登录
• 抽奖活动有时间限制
• 每个用户每天抽奖有时间限制

刚好产品经理请假，我就包揽了抽奖H5界面的产品逻辑、交互，以及前端代码编写工作，主要就是如下的流程图。

抽奖与钱相关，要前后端做好，以免在技术角度上被攻陷

改造完成之后，回想一下。

https的优点

• 1、很明显的，安全
• 2、利于谷歌进行SEO

阅读全文

动手！

关于JS与css

如果在一个HTTPS页面里动态的引入HTTP资源，比如引入一个js文件，会被直接block掉的。
css的话，也是会在控制台报错，直接加载不了。
这个由于我们使用了乐视的CDN，上传JS的时候，可以直接同步http与https，

关于图片

https页面中可引用http的图片，虽然不会报红错，但是会有黄色的提醒。
最好的方法是使用https的资源。也是使用乐视CDN的双协议方法。

关于接口

阅读全文

之前的http，不是好好的么？

• 实际的案例一，接口被篡改
  我们后来的一个简单的接口，正确的话返回’y’，用于前端判断。结果某个客户打电话问，说这个接口相关的功能挂了。
  我们远程一下他的电脑，抓包一看，接口返回了’ y ‘，前后加了N个空格。
  这些空格，不是我们代码返回的。

• 实际的案例二，界面被篡改
  
  如上图，右下角红框里面的内容，不是我们的人员添加的。

如上的两则案例，原因都是网络劫持，还有15年，我们的客户大疆报了个bug，我们直到现场才发现是网络被运营商劫持了。

http为毛不安全？

阅读全文

直接先上图。

最近研究了koa2，连接mongoDB做了一个小demo，github地址：https://github.com/loulanyijian/koa2-demo，重新找回之前写Java的感觉。
koa2也是使用的mvc的架构，业务逻辑都写在service层里面，虽然离Java还有很大差距，但是做个小后台应用，应当足够了。