作者: admin

  • html5 WebSocket

    推荐看《Websocket原理

     

     

    前端部署:

    <div id="sse">
       <a href="javascript:WebSocketTest()">运行 WebSocket</a>
    </div>
    
    <script type="text/javascript">
             function WebSocketTest()
             {
                if ("WebSocket" in window)
                {
                   alert("您的浏览器支持 WebSocket!");
                   
                   // 打开一个 web socket
                   var ws = new WebSocket("ws://localhost:9998/echo");
                   ws.readyState //状态码
                   //0 - 表示连接尚未建立。
                   //1 - 表示连接已建立,可以进行通信。
                   //2 - 表示连接正在进行关闭。
                   //3 - 表示连接已经关闭或者连接不能打开。
     
                   ws.onopen = function()
                   {
                      // Web Socket 已连接上,使用 send() 方法发送数据
                      ws.send("发送数据");
                      alert("数据发送中...");
                   };
               
                   //监听ws的open方法回调
                   ws.addEventListener('open',function(event) {
                      ws.send('Hello Server!');
                   });
                    
                   ws.onmessage = function (evt) 
                   { 
                      var received_msg = evt.data;
                      alert("数据已接收...");
                   };
                    
                   ws.onclose = function()
                   { 
                      // 关闭 websocket
                      alert("连接已关闭..."); 
                   };
                }
                
                else
                {
                   // 浏览器不支持 WebSocket
                   alert("您的浏览器不支持 WebSocket!");
                }
             }
    </script>
    
    

    https://www.runoob.com/html/html5-websocket.html

    websocket知识普及: https://mp.weixin.qq.com/s/IRH0Y8wJjGKsydRWJ6KH7g

    后端:根据自己所学的后台语言自行查阅

    可以查阅node.js封装好前后端一套的代码https://sdeno.com/?p=4549

     

  • 取消h5页面在ios端点击高亮闪烁

    ios点击阴影 高亮

    *{
    -webkit-tap-highlight-color: transparent;
    或者
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

     

  • 判断h5页面是否在app中打开

    判断 h5 嵌套 app 判断 app 嵌套 h5

    判断h5页面是否嵌套到webview并在app中打开,这里需要app开发的配合才行。

    1.在前端开发过程中,遇见过一个需求,需要 H5页面 判断是在手机APP内打开,还是在手机浏览器里面打开的。
    2js 获取 window.navigator.userAgent 浏览器信息,唯一的区别是在最后面会有一个当前APP里面的协议头。使用APP的协议头来加以判断。例如下面获取的信息后面会有一个 xxxpay的标识

     

     

    3.然后我们可以使用JS方法来判断,建议使用三种方式以或者的条件进行判断,预防众多安卓的兼容性问题。

    if(userAgent.indexOf(‘你的app协议头’) || userAgent.search(‘你的app协议头’) || /你的app协议头/.search(userAgentr)){
    // 执行你的APP打开 html 页面逻辑
    }else{
    // 执行你的浏览器 html 页面打开逻辑
    }
    var userAgent = window. window.navigator.userAgent;
    方式一:
    userAgent.indexOf(‘你的app协议头’);
    
    方式二:
    userAgent.search(‘你的app协议头’);
    
    方式三:
    /你的app协议头/.search(userAgentr);

     

    https://blog.csdn.net/qq_34648151/article/details/86702866

     

  • 安卓nds模拟器,无需root

    中文版激烈_r2.2.1.2a.apk

    链接: https://pan.baidu.com/s/1sTK-rssx8m1VQiEuT9sMCA 提取码: fp1g 复制这段内容后打开百度网盘手机App,操作更方便哦