postmessage javascript消息 页面
移动端实现页面滚动到下面，自动加载更多
css 代码 .box{ width: 500px; height: 500px; overflow-y:auto; } html <div class="box" ref="box"> <!--列表内容放在这里--> <!--列表内容如果一次加载不完，一定要保证初次加载时的列表总高度超过box的高 ......
js注册页面表单提交验证
<script> var code = document.querySelector(".code") var flag = true code.onclick = function(){ if(flag){ flag = false var i=5 //console.log("点击了") let ......
JavaScript系列 -> 截取字符串方法 substring/slice/substr
因为对于截取字符串的方法时常弄混，每次使用的时候，都需要不断的看教程回顾，现在总结到这里： substring substring(start,end): start/end 分别为开始位置和结束位置； 左闭右开，不包含结束位置； start/end 应该为非负整数； start小于0，当成0处理； ......
React状态 和 JavaScript箭头函数
React状态 和 JavaScript箭头函数 在看 React 的状态时见到了 JS 的箭头函数，一时间没看明白。 React 状态 React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。 在 React 中 ......
消息队列
1.组件： 工作流程：生产者发送消息根据路由键到消息代理中的某个交换机，交换机根据规则转发到队列，通过信道传送给消费者。 死信队列：专门处理那些过期，被拒，队列满了处理不了的消息； 信道：建立在TCP上的虚拟链接，TCP由多线程共享，TCP内存在超多信道，一个信道对应一个线程使用。 2.消息队列： ......
事务消息
事务消息需要消息队列提供相应的功能才能实现，Kafka和RocketMQ都提供了事务相关功能。 以在电商平台上下单购物的场景为例： 订单系统要保证订单创建后一定能发消息通知到购物车系统。 首先，订单系统在消息队列上开启一个事务。然后订单系统给消息服务器发送一个“半消息”，这个半消息不是说消息内容不完 ......
消息压缩
什么情况适合使用压缩？ 在使用压缩之前，首先你需要考虑，当前这个场景是不是真的适合使用数据压缩。 比如，进程之间通过网络传输数据，这个数据是不是需要压缩呢？我和你一起来对比一下： 不压缩直接传输需要的时间是： 传输未压缩数据的耗时。 使用数据压缩需要的时间是： 压缩耗时 + 传输压缩数据耗时 + 解 ......
如何保证消息顺序消费
全局严格顺序 如果业务必须要求全局严格顺序，就只能把消息队列数配置成 1，生产者和消费者也只能是一个实例，这样才能保证全局严格顺序。 局部有序 大部分情况下，我们并不需要全局严格顺序，只要保证局部有序就可以满足要求了。比如，在传递账户流水记录的时候，只要保证每个账户的流水有序就可以了，不同账户之间的 ......
HTML+CSS+JavaScript作业篇
一、作业题大全 1.1、HTML5表单验证 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta n ......
消息模型
RocketMq、JMQ模型 分别为Broker、Topic、Queue。 Kafka：将Queue换成Partition。 消费者、MQ、生产者关系图 假设有一个主题 MyTopic，我们为主题创建 5 个队列，分布到 2 个 Broker 中。 假设我们有 3 个生产者实例：Produer0，P ......
保证消息不丢失
确保消息可靠传递 一条消息从生产到消费完成这个过程，可以划分三个阶段，为了方便描述，我给每个阶段分别起了个名字。 生产阶段: 在这个阶段，从消息在 Producer 创建出来，经过网络传输发送到 Broker 端。 存储阶段: 在这个阶段，消息在 Broker 端存储，如果是集群，消息会在这个阶段被 ......
防止消息重复消费
用幂等性解决重复消息问题 一般解决重复消息的办法是，在消费端，让我们消费消息的操作具备幂等性。 幂等（Idempotence） 本来是一个数学上的概念，它是这样定义的： 如果一个函数 f(x) 满足：f(f(x)) = f(x)，则函数 f(x) 满足幂等性。 这个概念被拓展到计算机领域，被用来描述 ......
JavaScript系列 -> 字符串方法 replace 的第二个参数为函数
本篇文章要介绍，当字符串的replace方法第二个参数为函数的使用。 示例代码： function fn(str){ this.str = str; } fn.prototype.format = function() { var arg = arguments; return this.str.r ......
关于Web的欢迎页面的开发设置
关于Web的欢迎页面的开发设置 每博一文案 命运总是不如人愿。但往往是在无数的痛苦中，在重重的矛盾和艰辛中，才是人成熟起来。 一次邂逅，一次目光的交融，就是永远的合二为一，就是与上帝的契约；总是风暴雷电，也无法分解这种心灵的粘结。 你，为了这瞬间的辉煌，忍耐了多少黯淡无光的日月？你会死亡，但你也会证 ......
获取聊天列表及最后一条消息
表结构 查询sql SELECT t.*, user_info.*, `user`.* FROM ( SELECT receiver as from_id, type, message, create_time, #统计未读消息数量 sum(IF(tip_flag=0,1,0)) AS num FR ......
JavaScript快速入门
JavaScript 1.引入方式 1.1内部脚本,将JS代码定义在HTML页面种 JS代码必须在<script>标签之中 可以在HTML文件任意位置 一般放在<body>体标签底部,改善运行速度 1.2外部脚本,将JS代码定义在外部JS文件中,在引入HTML页面 利用带 src属性的 <scrip ......
JavaScript 提取对象数组中的属性组成新的对象数组
let data = [{"division_name":"销售三部","id":44,"pid":36,"html":"| "},{"division_name":"销售十二组","id":46,"pid":44,"html":"| | "},{"division_name":"销售十一组","i ......
转载：PageOffice 在线编辑 office文件，回调父页面
一、子页面调用父页面的方法 var value=window.external.CallParentFunc("ParentFunName(Arguments);");//父页面的JS函数有返回值 window.external.CallParentFunc("ParentFunName(Argum ......
python+playwright 学习-41.locator.evaluate()对定位的元素执行JavaScript脚本
前言 page.evaluate() 是直接在页面对象上执行JavaScript脚本 locator.evaluate() 是对定位的元素执行JavaScript locator.evaluate_all() 对定位到的所有元素执行JavaScript locator.evaluate() 对元素执 ......
python+playwright 学习-40.page.evaluate()执行JavaScript脚本
前言 大家在学selenium的时候，对于页面上的有些元素不好操作的时候，可以使用driver.execute_script() 方法执行JavaScript脚本。 在playwright 中也有类似的方法，使用page.evaluate()执行JavaScript脚本。 page.evaluate ......
nginx配置vue打包npm build的静态页面
nginx 配置vue项目 server { listen 8081; server_name 10.8.8.8; index index.html; root /home/www/crm/vue/dist; #SSL-START SSL相关配置，请勿删除或修改下一行带注释的404规则 #error ......
浅谈Array --JavaScript内置对象
Array --JavaScript内置对象 描述 可以用一个变量存储多种数据类型的Array对象，Array不是关联数组，不能使用字符串作为索引访问数组元素，需要使用非负整数的下标访问数组中的元素。 和对象的某些特征很相似，例如：属性访问器一半相似，衍生出的使用 .call() 或者 .apply ......
若依框架-Vue实用框架（权限控制和页面渲染）（四）
Vue实用框架（权限控制和页面渲染） 路由的组成 前端token获取那一步中有一块内容，只是简单提了一下，但其实实际涉及到的内容很多： 用户信息的获取 第一步的GetInfo后端接口不讲了，因为接口都比较简单，就根据获取得到的数据展开下： 前端权限控制粒度 依旧挑重点讲，user对象的无非就是包含了 ......
JavaScript点击元素后获取该元素的id
<body> <div id="box"> <div id="text"> </div> <input class="butt" id="button1" onclick="test1(this)" type="button" value="按钮1" /> <input class="butt" i ......
JavaScript Promises, async/await
JavaScript Promises, async/await 这篇博客不是讲如何使用 Promise，是一个学习总结。是我自己对 Promise 的理解。 new Promise() 的时候，传一个 executor 给 Promise. let promise = new Promise(fu ......
javascript中出现undefined的四种情况
javascript中出现undefined的四种情况 https://www.jianshu.com/p/b0700cce78c8 一，函数没有返回值，或者返回值为空，出现undefined例：1)function show(){//没有返回值}var a=show();console.log(a ......
转载：JavaScript文字转语音_SpeechSynthesisUtterance语音合成的使用
原文链接：https://mp.weixin.qq.com/s?__biz=MjM5MDA2MTI1MA==&mid=2649118413&idx=3&sn=3385dee75bcffa307baa79c3cde4095b&chksm=be587160892ff87605cf347eddad2ad7 ......
进程消息队列实例
//write.c #include <sys/types.h> #include <sys/ipc.h> #include <sys/msg.h> #include <stdio.h> struct mymesg{ long mtype;//消息的类型，是一个整数且大于0 char mtex[51 ......
记录--vue刷新当前页面
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 项目当中如果做新增/修改/删除等等操作通常情况下都需要刷新数据或者刷新当前页面. 思路 (1)如果页面简单,调用接口刷新数据即可. (2)如果页面复杂,需要调用多个接口或者通知多个子组件做刷新,可以采用刷新当前页面的方式 下面整理了 ......
JavaScript实现文件上传demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......