websocket客户端 客户js
emscripten 中c 代码引用外部js 函数
主要是一个简单的学习，webassebly 支持通过import 调用环境的函数（比如调用浏览器或者nodejs 中的一些方法） 简单说明 方法很多，包含了emscripten 提供的调用js 的宏，但是以下使用了一个emscripten 提供的--js-library 功能 --js-librar ......
常用three.js
添加背景图 var urls = ['1.png', '1.png','1.png', '1.png','1.png', '1.png',]; scene.background = new THREE.CubeTextureLoader().setPath('/').load(urls) 添加雾 s ......
客户端相关知识学习（六）之deeplink技术
Deeplink应用描述 Deeplink，简单讲，就是你在手机上点击一个链接之后，可以直接链接到app内部的某个页面，而不是app正常打开时显示的首页。不似web，一个链接就可以直接打开web的内页，app的内页打开，必须用到deeplink技术。 想要在h5页面中唤起app的某个页面也要用到该技 ......
客户端相关知识学习（七）之沉浸式
何为沉浸式设计 我们可以将为了沉浸式（心流）而进行的设计可以称之为沉浸式设计（为心流而设计）。 沉浸模式就是突出内容，排除干扰，对界面除内容以外的东西尽可能的进行圆润的简化，将用户所关注的内容最大程度的呈现于屏幕之上。 沉浸式设计案例 而沉浸式设计的例子通常就是隐藏状态栏以及导航栏等元素 京东的支付 ......
客户端相关知识学习（五）之什么是webView
webview是什么？作用是什么？和浏览器有什么关系？ Android系统中内置了一款高性能 webkit 内核浏览器,在 SDK 中封装为一个叫做 WebView 组件也就是说WebView是一个基于webkit引擎、可以解析DOM 元素展现web页面的控件，它和浏览器展示页面的原理是相同的所以可 ......
客户端相关知识学习（八）之Android“.9.png”
客户端相关知识学习（八）之Android“.9.png” 参考 Android中.9图片的含义及制作教程 .9.png Android .9.png 的介绍 ......
客户端相关知识学习（九）之h5给app传递数据
方法一： 情况一： if (window.JdAndroid){ window.JdAndroid.setPayCompleted(); window.JdAndroid.setPageIndex("cashierDesk_finish"); } 调用方式：h5调用Android方法 传递数据：通过 ......
客户端相关知识学习（十）之app给h5传递数据
方法一： app可以把参数传到h5的链接里，用类似?xx=xx&xx=xx的形式拼接，js解析参数即可。 方法二： 情况一：app调用h5 原生app都可以对js的function进行触发，前端要做的只是将js定义好方法名和参数，交给app人员即可，app将数据通过参数传入 情况二：h5调用app ......
客户端相关知识学习（十二）之在h5页面打开另一个页面
以京东收银台为例，收银台首页和成功页使用的是一个webview，在成功页点击一个按钮可能会跳转，可能是http（h5页面）也可能是openapp（原生页面/h5页面） Android http：不会打开新的webview，就在收银台的webview中打开 openapp：打开新的webview iO ......
客户端相关知识学习（十一）之Android H5交互Webview实现localStorage数据存储
前言 最近有一个需求是和在app中前端本地存储相关的，所以恶补了一下相关知识 webView开启支持H5 LocalStorage存储 有些时候我们发现写的本地存储没有起作用，那是因为默认WebView没有开启LocalStorage存储。开启方法如下 首先得有Webview控件： 有人问我是不是需 ......
客户端相关知识学习（二）之h5与原生app交互的原理
前言 现在移动端 web 应用，很多时候都需要与原生 app 进行交互、沟通（运行在 webview中），比如微信的 jssdk，通过 window.wx 对象调用一些原生 app 的功能。所以，这次就来捋一捋 h5 与原生 app 交互的原理。 h5 与原生 app 的交互，本质上说，就是两种调用 ......
客户端相关知识学习（三）之Android原生与H5交互的实现
Android原生与H5交互的实现 H5调用原生的方式 方式可能有多种，根据开发经验，接触过两种方式。 方法一：Android向H5注入全局js对象，也就是H5调Android 1.首先对WebView进行初始化 WebSettings settings = webview.getSettings( ......
客户端相关知识学习（四）之H5页面如何嵌套到APP中
Android原生如何渲染H5页面 Android与 H5 的交互方式大概有以下 1 种： 利用WebView进行交互（系统API） iOS原生如何渲染H5页面 iOS 与 H5 的交互方式大概有以下 5 种： 利用 WKWebView 进行交互 (系统 API) 利用 UIWebView 进行交互 ......
客户端相关知识学习（一）之混合开发，为什么要在App中使用H5页面以及应用场景、注意事项
混合开发 随着移动互联网的高速发展，常规的开发速度已经渐渐不能满足市场需求。原生H5混合开发应运而生，目前，市场上许多主流应用都有用到混合开发，例如支付宝、美团等。下面，结合我本人的开发经验，简单谈一下对混合开发的认识以及实现方式。 Hybrid App（混合开发）主要以JS+Native两者相互调 ......
npm学习（六）之如何创建 Node.js 模块
如何创建 Node.js 模块 Node.js 模块是一种可以发布到 npm 的包。当你创建一个新模块时，创建 package.json 文件是第一步。 你可以使用 npm init 命令创建 package.json 文件。命令行中将会提示 package.json 字段中需要你输入的值。名称（n ......
js event.target和event.currentTarget区别
首先本质区别是： event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 事例 <te(ddd)>test</te(ddd)> event.target 取得是<te(ddd)>test</te(ddd)> event.currentTarget 取得是 ......
@SpringbootTest报错 javax.websocket.server.ServerContainer not availableJ情况解决
在使用springboot单元测试出现： 11:11:10.799 [main] ERROR o.s.b.SpringApplication - [reportFailure,870] - Application run failed org.springframework.beans.factor ......
js获取nginx服务器时间
前端页面js获取nginx服务器时间在实际开发中，我们通常要使用的是服务器端的时间，而不是本机电脑的时间，在js文件中直接通过new Date()获取的时间是本机电脑的系统时间，获取服务器时间的方法如下：1.修改nginx的配置文件nginx.conf，在对应服务器端口的server路径下直接添加如 ......
js获取元素特性值+js修改元素特性值
js获取元素特性值 -- 元素 <form class="layui-form layui-form-pane layui-form-item us-form" id="us-form" usdata="{usurl:'/usanaly/roomenergylog/usgetentity',ussu ......
day2-JS基础&流程控制
typora-root-url: img 自增自减运算符 1、基本使用 内置提供 ++、--运算符 是用于将变量本身进行加1或者减1操作 // 1、基本使用 var i = 10; i++;//等价于语句 i+=1 console.log(i);//11 var m = 10; m--; conso ......
Vue3 + element-plus + Js 中使用 sheetjs xlsx 导入导出 Excel
安装模块 官方文档 NodeJS | SheetJS Community Edition代码： 1 <script setup> 2 3 import { ref, onMounted } from "vue"; 4 import { readFile, read, utils, writeFile ......
JS逆向——某度翻译
JS逆向——某度翻译 文章中所有内容仅供学习交流，不可用于任何商业用途和非法用途，如有侵权，请联系作者立即删除！ 一、定位接口 目标网站：aHR0cHM6Ly9mYW55aS5iYWlkdS5jb20vP2ZyPXBjUGluemh1YW4= 使用Chrome浏览器打开抓包工具 输入：Hello W ......
JS 判断是否有滚动条和滚动条滚到底部
判断是否有滚动条 const scrollDom = document.getElementById('滚动元素id') if (!scrollDom) return if (scrollDom.clientHeight scrollDom.scrollHeight) { // 没有滚动条 } 判断 ......
深入了解JS中for...in和for...of的区别
for...in 的特点 for...in 循环返回的值都是数据结构的 键值名(即下标)。 遍历对象返回的对象的 key 值,遍历数组返回的数组的下标(key)。 for...in 循环不仅可以遍历数字键名,还会遍历原型上的值和手动添加的其他键。 特别情况下, for...in 循环会以看起来任意的 ......
HTML 中用 js 画出谢尔宾斯基三角形 Sierpinski triangle ( chaos 画法)
谢尔宾斯基三角形（英语：Sierpinski triangle）是一种分形，由波兰数学家谢尔宾斯基在1915年提出。它是自相似集的例子。它的豪斯多夫维是log(3)/log(2) ≈ 1.585。 随机的绘画方法 先定三点ABC使其构成一个没有边的等边三角形 然后在三角形内随机定一个点P 然后在AB ......
websocket实现简单的消息发送
websocket： 效果图 前端代码 html部分 <div> <!-- <div style="float: left;height: 100vh;width: 1%"></div>--> <div style="float: left;width: 20%;height: 96vh;borde ......
js 闭包使用一例
有如下js: function startTimer(sentence) { alert('start'); sentence.longPressTimer = setTimeout(function() { alert(sentence); //此处sentence为undefined }, 10 ......
5.main.js配置
1、根目录新建api文件夹 api文件夹分mock（存放虚拟json）和urls（api请求链接） urls 中新建index.js来汇总按分类拆分的url请求文件 2.添加api配置 import installApi from '@/api' // 请求api Vue.use(installAp ......
WebSocket
HTML5 WebSocket WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者 ......
通俗易懂的js原型链
原型链是js基础比较重要的一个环节； 提到原型链有三个比较重要的概念： 实例 构造函数 以及 原型对象，其中三者的关系： 构造函数 new =》 创建一个实例； 构造函数 prototype =》原型对象； 同时 原型对象 constructor =》 构造函数； 实例 __proto__ => 原 ......