雅荷心语博客
雅荷心语
心之所向便是光
  • 首页
  • 前端之旅
  • 后端之路
  • 软件工具
  • 心灵鸡汤
  • 心路历程
  • 视频资料
  • 关于我们
    • 关于我
    • 关于我
  • 微信平台
    • 业务合作
  • 首页
  • 前端之旅
  • 后端之路
  • 软件工具
  • 心灵鸡汤
  • 心路历程
  • 视频资料
  • 关于我们
    • 关于我
    • 关于我
  • 微信平台
    • 业务合作
  • 关注本站
    • 微信
    • 微博
    • 腾讯微博
    • Twitter
    • Facebook
    • RSS订阅
Hi, 请登录     我要注册     找回密码
分享到：

前端之旅

去分类设置中添加分类描述吧

html滚动穿透问题详解

2019-05-17admin阅读(26)评论(0)

3034

臭名昭著的前端滚动穿透问题,今天也遇到了,网上找来的大概有三种解决方案!

1. css之overflow:hidden

1
2
3
4
html, body {  
    overflow: auto;  
    height: 100%;  
}

当弹出蒙层时，禁用了html和body的滚动条，滚动列表的滚动位置会丢失, 需要使用js来还原,

document.scrollingElement.scrollTop 获取滚动条的距离, 然后还原!

但是我需要一打开弹窗就固定背景的位置, 所以直接pass!!!

2. touchmove + preventDefault

在弹出的提示框中阻止浏览器的默认行为以及冒泡行为，在可以滑动的dom元素中取消浏览器的默认行为以及冒泡行为

1
2
3
4
5
6
7
8
9
10
let stop = document.querySelector("#tm");  
stop.addEventListener("touchmove", (event) => {  
    event.preventDefault();  //阻止默认行为                
    event.stopPropagation(); //阻止冒泡  
}, false)  
let cancelStop = document.querySelector(".allReason");  
cancelStop.addEventListener("touchmove", (event) => {  
    event.returnValue = true;   //取消阻止默认行为                              
    event.cancelBubble = true;  //取消阻止冒泡                          
}, false)

使用这种方法会有一个缺点，那就是滑动其它地方，底部页面不会滚动，但是在可以滑动的页面中，将其滑动到底部或者顶部后继续滑动，底部页面任然可以滚动!

而且经过测试, ios11以上版本均无效!!! 还是可以滑动!!!

3. css 之 position: fixed + js 滚动条的位置

在弹出遮罩层的时候给body添加样式以及获取滚动条的位置，

在关闭遮罩层的时候移除body的样式以及设置滚动条的位置

1
2
3
4
.scroll {  
    position: fixed;  
    width: 100%;  
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var scroll = (function (className) {  
    var scrollTop;  
    return {  
        afterOpen: function () {  
            scrollTop = document.scrollingElement.scrollTop || document.body.scrollTop;  
            document.body.classList.add(className);  
            document.body.style.top = -scrollTop + 'px';  
        },  
        beforeClose: function () {  
            document.body.classList.remove(className);  
            document.scrollingElement.scrollTop = scrollTop;  
            document.body.scrollTop = scrollTop;  
        }  
    };  
})('scroll');

最终结果如下:

Snipaste_2019-05-17_14-04-20

最终完美解决!

 

微信图片_20190513112058

累累累!!!

js中最常用的 test exec match search replace split 6个方法学习

2019-04-23admin阅读(90)评论(0)

 

1. test  检查指定的字符串是否存在

1
2
3
4
var data = "13879144915";
var reCat = /\d{11}/gi;
console.log(reCat.test(data));  //true
//检查字符是否存在  g 继续往下走  i 不区分大小写

2. exec 和 match 返回查询值

1
2
3
4
5
var data = '123123,213,12312,312,3,Cat,cat,dsfsdfs';
var reCat = /\d/i;
console.log(reCat.exec(data));  //Cat
var arrMactches = data.match(reCat)
console.log(arrMactches)

这两个方法返回内容相似,具体的区分请查看 这里

3. search  返回搜索位置  类似于indexof

1
2
3
var data = '天明哈哈哈哈微笑哈哈哈';
var reCat = /微笑/gi;
console.log(data.search(reCat));

4. replace  替换字符, 可利用正则替换

详细解释方法: http://blog.he29.com/v2/know/content?id=211#h1

5. split   利用正则分割数组

1
2
3
4
var data = "123123,213,12312,312,3,Cat,cat,dsfsdfs";
var reCat = /,/;
var arrdata = data.split(reCat);
console.log(arrdata)

nuxt.js 初体验及服务端部署全部流程

2018-12-28admin阅读(522)评论(0)

安装流程

第一步安装: npx create-nuxt-app <项目名>,

确保安装了npx（npx在NPM版本5.2.0默认安装了）：

然后一路回车,安装完成之后执行 npm run dev

我们主要记录部署的流程

首先, 我们先把本地项目编译一次, 执行 npm run build, 打包之后的文件在 .nuxt 目录里(注意: 如果是在mac下, .文件默认是隐藏的)

编译之后选择 文件夹打包,上传到服务器,文件夹及文件依次是:

1
2
3
4
nuxt.config.js
package.json
server
static

打包成为 nuxt.tar.gz文件, 然后通过ftp等工具上传到liunx服务器,

在服务器执行: tar -zxvf nuxt.tar.gz 解压

解压完成之后, 安装依赖, npm install

安装完成之后, 我们启动项目, 执行 npm run start,

接下来我们先配置一下nginx, 使用反向代理来实现直接使用域名访问

我们新建一个nginx配置文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
upstream nuxtserver1 {
    server 0.0.0.0:3000; // 这里是代理的地址, 默认vue启动的是127.0.0.1:3000
}
server
{
    // 我们需要监听80端口, 不然需要在域名后面带上端口号才能访问, 默认的80端口不需要写端口号,
    listen 80;
    server_name nuxt.he29.com; //我们的域名,. 需要先把域名解析到本机器,
location / {
proxy_pass   http://nuxtserver1; 这里是我们的反向代理
        index  index.html index.htm;
}
    access_log  /www/wwwlogs/nuxt.he29.com.log; //记录log
}

然后在nginx 主配置文件里引入, 重启nginx, 注意不能关闭之前启动的 npm run start

然后使用 nuxt.he29.com 应该就可以访问到了

20181228161354

 

但是, 做完这些, 我们还需要使用 pm2 来让我们的项目在后台一直运行, 不然我们关闭了终端, 我们的服务停了也就无法访问了

首先我们全局安装pm2, 安装完成之后使用pm2, 编写配置文件,

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
{
  "apps": {
    "name": "myidea",
    "script": "npm run start",
    "watch": [
      ".nuxt"
    ],
    "ignore_watch": [
      "node_modules"
    ],
    "watch_options": {
      "persistent"    : true,
      "ignoreInitial" : true
    }
  }
}

然后 启动我们的项目

1
2
3
4
5
6
7
8
9
10
[PM2] Applying action restartProcessId on app [npm](ids: 0)
[PM2] [npm](0) ✓
[PM2] Process successfully started
┌──────────┬────┬──────┬───────┬────────┬─────────┬────────┬─────┬──────────┬──────┬──────────┐
│ App name │ id │ mode │ pid   │ status │ restart │ uptime │ cpu │ mem      │ user │ watching │
├──────────┼────┼──────┼───────┼────────┼─────────┼────────┼─────┼──────────┼──────┼──────────┤
│ npm      │ 0  │ fork │ 27326 │ online │ 16      │ 0s     │ 49% │ 9.9 MB   │ root │ disabled │
└──────────┴────┴──────┴───────┴────────┴─────────┴────────┴─────┴──────────┴──────┴──────────┘
Use `pm2 show <id|name>` to get more details about an app
[root@instance_439b09 server]#

这样, 我们的项目也就全部启动起来了

来自: 新氧供应链前端组 — 天明

两种方式实现一个好看的滑块控制音乐播放进度或者声音

2018-11-12admin阅读(435)评论(0)

最近在写一个音乐播放器,目前实现的两种方式简单做个记录,最终效果都一样!

1112174631

第一种, 使用传统页面布局,使用js控制

具体实现方式是:

首先我们做一个布局,做成如图的样子, 包含一个轨道和一个滑块!

然后使用js的一系列事件来控制滑块,具体如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
var isDown = false;
  var $progress = $(".progress");
  $progress.click(function (e) {
var progressWidth = $progress.width(),
progressOffsetLeft = $progress.offset().left;
volume = (e.clientX - progressOffsetLeft) / progressWidth;
config.audio.volume = volume;
  });
  $(".drag", $progress).mousedown(function () {
isDown = true;
$(".volume-on", $progress).removeClass("ts5")
  });
  $(window).on({
mousemove: function (e) {
  if (isDown) {
var progressWidth = $progress.width(),
progressOffsetLeft = $progress.offset().left,
eClientX = e.clientX;
if (eClientX >= progressOffsetLeft && eClientX <= progressOffsetLeft + progressWidth) {
  $(".volume-on", $progress).width((eClientX - progressOffsetLeft) / progressWidth * 0x64 + "%");
  volume = (eClientX - progressOffsetLeft) / progressWidth;
  config.audio.volume = volume;
  var vol = window.parseInt(config.audio.volume * 100);
  tips.show("音量：" + vol + "%")
}
  }
},
mouseup: function () {
  isDown = false;
  $(".volume-on", $progress).addClass("ts5")
}
  });

第二种方式, 使用html5 的 “type=”range”, 使用CSS样式来美化一下按钮及效果就行, 取值的话直接取表单的value

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
}
.progress input {
    width: 99%;
    -webkit-appearance: none;
    border-radius: 5px;
    outline: none;
    background: rgba(129, 195, 0, 0.2);
    height: 2px;
    padding-left: 1%;
    transition:all 0.5s ease-in-out 0.1s;
    cursor: pointer;
    position: absolute;
    top: 0;
 
}
.progress input:hover{
    background: rgba(129, 195, 0, 0.2);
}
.progress input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 10px;
    width: 10px;
    background: #ffffff;
    border-radius: 50%; /*外观设置为圆形*/
    border: solid 0.125em rgba(205, 224, 230, 0.5); /*设置边框*/
    box-shadow: 0 .125em .125em #3b4547; /*添加底部阴影*/
    cursor: pointer;
    margin-top: -2px;
}

核心css代码如上,

抽时间研究一下Vuex的模块化操作

2018-03-14admin阅读(1413)评论(1)

之前一段时间一直没有留意Vuex也更新了.最近用到了, 突然发现,.,…

过了个年, Vuex几乎不会用了~

静下心来好好看文档, 收获不大, 然后公司同事写了个demo 给我, 算是研究出一点眉目,理解有误还请指出,非常感谢

首先模块化, 我的理解就是, 以前的时候, vuex的数据基本都是堆放在一起的, 现在, 可以配置一个路由所对应的页面一个 vuex数据源!

然后把所有的数据源文件引入到统一的store 文件里, 最后抛出给vue,

首先, 我们就一个路由一个vuex文件!

在src文件夹里面新建一个store文件夹, 然后里面新建一个module文件夹,用来存放路由对应的文件

QQ截图20180314153001

store 里面新建一个index.js 用来 new Vuex, loader.js 用来把module 里面所有的文件载入进来

loader.js

1
2
3
4
5
6
7
8
const files = require.context('./modules', true, /\.js$/)
const modules = {}
// store 二级目录资源
files.keys().forEach(key =&gt; {
  modules[key.replace(/(\.\/|\.js)/g, '')
    .replace(/(\/)/g, '_')] = files(key).default
});
export default modules

特别说明: loader.js 载入modules 后, 和 一个一个import进来的有区别, 因为 加载进来的目录里面的js文件, 我们需要给 吐出去的 modules 一个名字(vuex命名空间),

因此我使用的方法是, 例如 ./index/index.js, 则会变成 index_index, 如果是 ./index/abc/def.js, 则是 index_abc_def 以此类推! 具体请仔细分析如上正则

index.js

1
2
3
4
5
6
7
8
9
10
11
import Vue from 'vue'
import Vuex from 'vuex'
import modules from './loader'
 
Vue.use(Vuex)
 
const debug = process.env.NODE_ENV !== 'production'
export default new Vuex.Store({
  modules,
  strict: debug
})

然后我们看看module里面的文件,

我现在新建一个 index.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
export default {
  //启用命名空间
  namespaced: true,
  state: {
    press: 0,
    tm: ''
  },
  mutations: {
    'press': (state, show) => {
      state.press = show;
    },
    'tm': (state, show) => {
      console.log(show)
      state.tm = show;
    }
  },
  actions: {
    start({commit, dispatch}, data) {
      dispatch('upload', data);
    },
    upload({commit, dispatch}, data) {
      commit('tm',666)
    },
  },
}

在我需要使用的页面

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<script>
  //载入vuex 提供的内置方法
  import {mapActions,mapState,mapMutations} from 'vuex';
  export default {
    name: 'HelloWorld',
    data() {
      return {}
    },
    computed : {
      //<span class="com">映射 this.press 到 this.$store.state.index.press</span>
      ...mapState({
        press : (state)=>state.index.press,
        tm : (state)=>state.index.tm,
      })
    },
    methods:{
      // 这里寻找 index 模块里面的 upload, 然后注入到了 methods,
      // 如果需要调用 index 目录里面的abc.js, 则前面的name则为 index_abc
      ...mapActions("index",["upload"])
    },
    created() {
      console.log(this.press)
      //这里直接就可以 this,upload() 调用方法了
      this.upload()
    },
  }
</script>

大致就是这样!

获取上传文件实时进度条的尝试

2018-03-12admin阅读(705)评论(0)

之前每次写项目, 一遇到这种需要获取进度条的, 大多数时间都是直接去找各种插件, 如果实在没有找到合适的, 就做一个假的进度条!

今天有点时间, 查了点资料, 做了一个使用jquery 上传文件获取进度的小例子!

首先,做一个简单的小表单

1
2
3
4
<form method="post" enctype="multipart/form-data" action="index.php">
    <input type="file" name="" placeholder="">
    <input type="button" name="" placeholder="" value="提交">
</form>

然后做点击事件处理及ajax处理,

其中有两个参数需要特别注意

1, processData用于对data参数进行序列化处理，默认值是true。默认情况下发送的数据将被转换为对象，如果不希望把File转换，需要设置为false,

2, 默认值为contentType = "application/x-www-form-urlencoded", 如果不设置这里, 我们的 后端 php 收不到文件数据, 查了一下资料:

因为对于上传文件，我们没有在使用原有的 http 协议，所以 multipart/form-data 请求是基于 http 原有的请求方式 post 而来的.那么来说说这个全新的请求方式与 post 的区别

  1. 请求头的不同，对于上传文件的请求，contentType = multipart/form-data是必须的，而 post 则不是，毕竟 post 又不是只上传文件～。
  2. 请求体不同。这里的不同也就是指前者在发送的每个字段内容之间必须要使用分界符来隔开，比如文件的内容和文本的内容就需要分隔开，不然服务器就没有办法正常的解析文件，而后者 post 当然就没有分界符直接以 name = “value”的形似发送。

contentType 必须false才会自动加上正确的Content-Type,

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
$('input[type="button"]').click(function () {
        var formData = new FormData();
        formData.append("catname", "我是一只喵");
        formData.append("age", 1);
        formData.append("userfile", $('input[type="file"]')[0].files[0]);
        console.log(formData)
        $.ajax({
            url: 'index.php',
            type: 'POST',
            processData: false,
            //必须false才会自动加上正确的Content-Type
            contentType : false ,
            data: formData,
            xhr: function(){
                var xhr = $.ajaxSettings.xhr();
                if(onprogress && xhr.upload) {
                    xhr.upload.addEventListener("progress" , onprogress, false);
                    return xhr;
                }
            },
            success:function (res) {
                console.log(res)
            },
        })
    })
    function onprogress(evt){
        var loaded = evt.loaded;     //已经上传大小情况
        var tot = evt.total;      //附件总大小
        var per = Math.floor(100*loaded/tot);  //已经上传的百分比
        $('#press').html(per+'%')
    }

然后我们选择一个较大的文件,查看上传进度!

webapp

至于php文件,简单的接收了一下上海传的数据!

1
2
3
4
5
6
7
8
9
10
11
12
<?php
/**
* Created by PhpStorm.
* User: iyahe@qq.com (天明)
* Date: 2018/3/12
* Time: 14:20
*/
 
print_r($_REQUEST['catname']);
print_r($_REQUEST['age']);
print_r($_REQUEST['userfile']);
print_r($_FILES);

 

在H5网页里判断是否在Wifi环境

2018-03-08admin阅读(3418)评论(0)

之前一直以为H5网页里肯定是无法判断网络环境的, 但是查了一下, 发现其实html5已结有了新的东西去判断,但是兼容性很差!

经过测试发现, 如果实在微信浏览器中, 高版本的微信内置浏览器, 直接在UA里面就能看到网络状态!

我们简单写了一个页面弹出当前的Ua,发现!

微信图片_20180308105053

这里的NetType/WIFI 就是当前的网络状态了. 切换到4G, 重新进入页面, 就是4G!!

注意这里是重新进入页面, 而不是直接在当前页面切换到4G然后刷新,

因为经过简单测试, 直接切换到4G,刷新页面, 弹出来的Ua是不会变化的, 还是之前的Ua!

如果换其他浏览器, 比如 UC, QQ浏览器等等,那就直接可以用  window.navigator.connection 来判断了!

最终版本就是:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
function isWifi() {
        try {
            let wifi = true
            let ua = window.navigator.userAgent
            let con = window.navigator.connection
            // 如果是微信
            if (/MicroMessenger/.test(ua)) {
                if (ua.indexOf('WIFI') >= 0) {
                    return true;
                }else{
                    wifi = false
                }
                // 如果支持navigator.connection
            } else if (con) {
                let network = con.type
                if (network !== 'wifi' && network !== '2' && network !== 'unknown') {
                    wifi = false
                }
            }
            return wifi
        } catch (e) {
            return false
        }
    }

 

微信小程序中rpx与rem单位转换

2018-01-29admin阅读(1330)评论(0)

rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。
规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px
设备 rpx换算px (屏幕宽度/750) px换算rpx (750/屏幕宽度)
iPhone5      1rpx = 0.42px 　　    1px = 2.34px
iPhone6      1rpx = 0.5px 　　　　1px = 2rpx
iPhone6s    1rpx = 0.552px 　　  1px = 1.81rpx
微信小程序也支持rem尺寸单位，rem和rpx的换算关系：rem: 规定屏幕宽度为20rem；1rem = (750/20)rpx =37.5rpx;
注：开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准,单位换算相对简单!

rpx的使用

1）小程序中rpx与px的转换
例如：设计稿750px宽度
那么恭喜您，你ps上量出宽度是多少，那么你就定义多少rpx，也就是 1px = 1rpx
例如：设计稿640px宽度
那么很遗憾，你需要转换一下 1px = 750/640 rpx
小程序中rpx和px的转换
2）小程序中如何继续使用rem
例如：设计稿750px宽度
此时1rem = （750/20）rpx = 37.5px
例如：设计稿640px宽度
此时1rem = （750/20）rpx = 32px
小程序中rem的使用
注意：无论设计稿多少，rem与rpx换算总是一样的，但是rem与px在小程序中换算是 rem =
设计稿宽/20，这一点与我们平时使用的rem完全不一样。

JS输出格式化的json字符串

2018-01-05admin阅读(502)评论(0)

最近几天在写后台管理, 太多的表单数据要处理,但是仔细一想!~~~

这个后台是我自己用的,收集表单多麻烦,直接写json不就行了,

~~于是开始想办法找一个可以直接格式化json的方法, 防止json写错了~

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
//格式化代码函数,已经用原生方式写好了不需要改动,直接引用就好
    var formatJson = function (json, options) {
        var reg = null,
                formatted = '',
                pad = 0,
                PADDING = '    ';
        options = options || {};
        options.newlineAfterColonIfBeforeBraceOrBracket = (options.newlineAfterColonIfBeforeBraceOrBracket === true) ? true : false;
        options.spaceAfterColon = (options.spaceAfterColon === false) ? false : true;
        if (typeof json !== 'string') {
            json = JSON.stringify(json);
        } else {
            json = JSON.parse(json);
            json = JSON.stringify(json);
        }
        reg = /([\{\}])/g;
        json = json.replace(reg, '\r\n$1\r\n');
        reg = /([\[\]])/g;
        json = json.replace(reg, '\r\n$1\r\n');
        reg = /(\,)/g;
        json = json.replace(reg, '$1\r\n');
        reg = /(\r\n\r\n)/g;
        json = json.replace(reg, '\r\n');
        reg = /\r\n\,/g;
        json = json.replace(reg, ',');
        if (!options.newlineAfterColonIfBeforeBraceOrBracket) {
            reg = /\:\r\n\{/g;
            json = json.replace(reg, ':{');
            reg = /\:\r\n\[/g;
            json = json.replace(reg, ':[');
        }
        if (options.spaceAfterColon) {
            reg = /\:/g;
            json = json.replace(reg, ':');
        }
        (json.split('\r\n')).forEach(function (node, index) {
                    var i = 0,
                            indent = 0,
                            padding = '';
 
                    if (node.match(/\{$/) || node.match(/\[$/)) {
                        indent = 1;
                    } else if (node.match(/\}/) || node.match(/\]/)) {
                        if (pad !== 0) {
                            pad -= 1;
                        }
                    } else {
                        indent = 0;
                    }
 
                    for (i = 0; i < pad; i++) {
                        padding += PADDING;
                    }
 
                    formatted += padding + node + '\r\n';
                    pad += indent;
                }
        );
        return formatted;
    };
    //引用示例部分
    //(1)创建json格式或者从后台拿到对应的json格式
    var originalJson = {"name": "天明", "sex": "男", "age": "25"};
    //(2)调用formatJson函数,将json格式进行格式化
    var resultJson = formatJson(originalJson);
    //(3)将格式化好后的json写入页面中
    document.getElementById("writePlace").innerHTML =  resultJson;

原本是黏在一起的一行json,  {“name”: “天明”, “sex”: “男”, “age”: “25”};

转完了就是

{
“name”:”天明”,
“sex”:”男”,
“age”:”25″
}

这种格式~~

收工~

 

关于微信小程序Websocket的一些小坑

2018-01-02admin阅读(2527)评论(0)

最近几天做微信小程序的Websocket来处理一些聊天消息!期间遇到了一些比较坑的地方,记录一下

第一: 微信小程序不支持设置端口, 而我们做socket一般都会自己定义端口号来访问

这里,由于微信小程序不支持设置端口号,

那我在本地发起socket请求,则填写:

1
2
3
wx.connectSocket({
     url: 'wss://play.he29.com/websocket'
});

这样的话,我们就可以在nginx里设置规则来获取

设置nginx的代理到我们socket服务指定的端口!

1
2
3
4
5
6
7
8
9
10
location /websocket {
        proxy_pass http://127.0.0.1:4006;
        proxy_http_version 1.1;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header Host $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "Upgrade";
        proxy_set_header X-Real-IP $remote_addr;
}

由于我的后端socket是php的woekman写的,

workman自己可以设置ssl, 所以如果在nginx里配置了ssl,

则一定不要在php的socket里设置ssl,不然会出错!

8326cffc1e178a82f0fbfa6aff03738da877e831

  • 1
  • 2
  • 3
  • 4
  • ...
  • 下一页
  • 共 7 页
关于我们

那些青春里永不退色的痕迹

南风过境十里春风不如你,可能时间刚好,你眼角带笑,遇见你花光了我所有的运气,想去的地方有你才最美丽...

瞅瞅我们的青春纪念册吧(✿◡‿◡)

碎碎念):(来自公众号:雅荷之家)

热门文章

  • 踩坑记录——iphone上safari开启隐身模式时localStorage变为只读-雅荷心语博客踩坑记录——iphone上safari开启隐身模式时localStorage变为只读2017-02-21评论(4)
  • 程序员是怎样一群人-雅荷心语博客程序员是怎样一群人2015-12-08评论(3)
  • PHPStorm10 下载安装破解汉化-雅荷心语博客PHPStorm10 下载安装破解汉化2015-12-15评论(2)
  • 百度你个大毒瘤 - 吐糟博客这几天打不开事情-雅荷心语博客百度你个大毒瘤 – 吐糟博客这几天打不开事情2015-12-28评论(2)
  • git 操作那些小事-雅荷心语博客git 操作那些小事2017-03-04评论(2)
2019年五月
一 二 三 四 五 六 日
« 四    
 12345
6789101112
13141516171819
20212223242526
2728293031  

最新评论

  • 前端小武 2年前 (2017-04-06)说：
    我看到了layer
  • 丁艳平 2年前 (2017-03-03)说：
  • Dawn 3年前 (2016-09-16)说：
    call_user_func_array最后的例子是错哦，你用bc方法去调用类里 另外一个方法就知道问题所在了。情况1.调用非静态方法 第一个参数应该传[类的实例,调用方法] (既然有类实例了直接-&
  • Dawn 3年前 (2016-06-21)说：
    tp框架设置了全局捕获异常的，这也没什么。坑的是 他捕获了异常。然后全部返回404。。。不知道的 还以为自己网站被删除了
  • Dawn 3年前 (2016-05-17)说：
    构造函数里的判断 用异常机制可能更好一些

左邻右舍

  • Brian's Blog
  • Dawniii
  • 无名小站
  • 易水寒
  • 楼教主
  • 贤心
  • 阿米龙

雅荷心语博客 -心之所向便是光

联系我们关于我们

© 2019 雅荷心语博客   网站地图