postmessage javascript消息 页面

JavaScript(六)事件处理

常见的 HTML 事件 常见HTML事件 事件描述 onchange HTML 元素已被改变 onclick 用户点击了 HTML 元素 onmouseover 用户把鼠标移动到 HTML 元素上 onmouseout 用户把鼠标移开 HTML 元素 onkeydown 用户按下键盘按键 onloa ......
JavaScript 事件

JavaScript(五)浏览器操作

浏览器对象 window window对象不但充当全局作用域,而且表示浏览器窗口。 window对象有innerWidth和innerHeight属性,可以获取浏览器窗口的内部宽度和高度。outerWidth和outerHeight属性,可以获取浏览器窗口的整个宽高。 navigator:navig ......
JavaScript 浏览器

关于前端页面设置省略号ellipsis的问题

当内容超过宽度时,禁止换行,使用省略号...代替溢出的内容,一般这样的需求都会经常遇到。 使用css的text-overflow: ellipsis属性,可设置省略号,需要注意的是:1. 如果设置了display: flex,则换行无效。2. 一定要设置宽度 根据标签层级不同,设置省略号的css样式 ......
省略号 前端 ellipsis 页面 问题

【12.0】前端基础JavaScript之DOM

# 【12.0】前端基础JavaScript之DOM # 【一】什么是DOM/BOM - 截至目前为止,我们虽然已经学会了js语法,但是还是没办法跟浏览器进行交互 - BOM(Browser Object Model) - 浏览器对象模型 - js代码操作浏览器 - DOM(Docunment Ob ......
前端 JavaScript 基础 12.0 DOM

使用GoEasy快速实现Android原生app中的websocket消息推送

摘要: GoEasy带来了一项令开发者振奋的消息:全面支持Android原生平台!现在,您可以在Android应用中使用最酷炫的实时通信功能,借助GoEasy轻松实现消息的发送和接收。本文将带您领略GoEasy最新版本的威力,为您的应用增添一抹鲜活的互动色彩。 嗨,开发者朋友们!是时候展现您的技术才 ......
websocket Android 消息 GoEasy app

课程详情页面

[toc] # 一、课程详情接口 ```python # 课间,增加了些数据 # 多种写法 -方式一:直接在原来查询所有的视图类上加入继承:RetrieveModelMixin -继续使用查询所有的序列化类(没有章节及课时) -配合一个通过课程id,查询所有课程章节及课时的接口 -方式二:直接在原来 ......
详情 课程 页面

SpringBoot+Netty+WebSocket 实现消息推送

SpringBoot+Netty+WebSocket 实现消息推送 源码放在码云 springboot-es 项目中 ......
SpringBoot WebSocket 消息 Netty

JavaScript

# JS ## 变量 ```javascript // var let const var: 很少使用,全局作用域 let: 值可以被修改 const: 值不能被修改,而且需要在声明时初始化数值 console.log('hello world') // 这是我的第一个js代码; let bbb / ......
JavaScript

iframe嵌套其它网站页面 全屏设置

背景: 今天在使用iframe时,发现嵌套页面中有个【全屏】功能,不好使,查了一下,发现iframe还有1个属性allowfullscreen设置,可以设置是否支持全屏,默认是false,现在把iframe的基础属性整理一下。 iframe基本属性 通常我们使用iframe主要设置 src,宽、高, ......
页面 iframe 网站

单线程JavaScript为何如此高效

原文合集地址如下,有需要的朋友可以关注 [本文地址](https://mp.weixin.qq.com/s?__biz=MzI5MjY4OTQ2Nw==&mid=2247484294&idx=1&sn=631260d028b7f5d863fbd8e88a3d71dc&chksm=ec7cc0d2db ......
线程 JavaScript

RunnerGo最新版!支持连接数据库,支持websocket、dubbo等协议API调试,对接第三方消息通知

历时两个月,RunnerGo迎来上线以来第二次的大版本更新,本次更新包含超多上新功能,一起来看看吧 ~ 01.企业管理后台 为了更好的进行多团队多项目管理,RunnerGo推出企业管理后台,管理后台分为四个模块有:个人工作台、企业成员管理、角色管理、设置(第三方消息通知)。 个人工作台: 用户可以在 ......

课程页面前端

[toc] # 一、课程页页面前端 ```python #1 前端 新建三个组件 LightCourse.vue FreeCourse.vue ActualCourse.vue # 2 配置路由 import FreeCourse from "@/views/FreeCourse"; import ......
前端 课程 页面

用户管理页面布局

#1. 观察前端项目 写一个用户管理页面,做查询系统,新增 ![](https://img2023.cnblogs.com/blog/2957868/202307/2957868-20230704203156976-773561586.png) #2. 查询部分 ##2.1.打开Element官网, ......
布局 页面 用户

消息队列三兄弟谁主沉浮

简介 消息队列主要为了异步场景下实现上下游解耦功能:在传统场景中,上游产生一条消息,比如用户下单了一件商品,系统创建了对应的订单,需要通知下游的物流、支付等系统进行后续处理;消息队列可以使得上游系统(订单)和下游系统(支付/物流等)解耦,上游只管向消息队列中投递消息即可,下游订阅消息并做相关处理,这 ......
队列 兄弟 消息

013查询所有课程接口,课程详情接口,课程详情后台之所有章节接口,所有课程前台,课程详情前台,课程详情页面,视频托管

# 1 查询所有课程接口 ```python # 查询所有课程接口 -带过滤:按分类过滤 -带排序:价格,学习人数 -带分页:简单分页 ``` ## 1.1 视图类 ```python class CourseView(GenericViewSet, ListModelMixin): queryse ......
课程 详情 接口 前台 后台

012双写一致性之定时更新,异步发送短信,异步秒杀逻辑前后端,课程页面前端,课程相关表分析,基于对象跨表查询和双下划綫连表查询,课程表数据录入,课程主页接口

# 0 双写一致性之定时更新 ```python # 一旦加入缓存,就会出现数据不一致的请请求 # 双写一致性问题 -1 改数据,删缓存 -2 改数据,改缓存 -3 定时更新 # 首页轮播图存在双写一致性问题这个问题 -以现在的技术水平(信号),做不到 :改数据删缓存 -能选择的就是定时更新 -轮播 ......

JavaScript中的module.export

### module JavaScript一直没有模块(module)体系,无法将一个大工程拆分成互相依赖的小文件,再用简单的方法将它们拼装起来。ES6在语言规格的层面上实现了模块功能,成为浏览器和服务器通用的模块解决方案。 ```javascript // ES6 模块 import { stat ......
JavaScript module export

常用的前端JavaScript方法封装

1、输入一个值,返回其数据类型** function type(para) { return Object.prototype.toString.call(para) } 2、数组去重 function unique1(arr) { return [...new Set(arr)] } functi ......
前端 JavaScript 常用 方法

【10.0】前端基础之JavaScript进阶

# 【10.0】前端基础之JavaScript进阶 # 【一】自定义对象 - 可以看成Python中的字典,但是在JS中的自定义对象要比Python里面的字典操作起来更方便 ## 【1】创建自定义对象方式一 ```js var d = {"键":"值",}; ``` - 操作方法 ```js var ......
前端 JavaScript 基础 10.0 10

JavaScript 数组的 reduce 方法有哪些应用

# JavaScript 数组的 reduce 方法有哪些应用 JavaScript 中的`reduce()`方法可以用于将数组元素汇总为单个值,它接受一个回调函数作为参数,并在每个数组元素上调用该函数,以便将其累加到一个累加器变量中。下面是一些实际应用: 1. 数组求和:使用 reduce()方法 ......
数组 JavaScript 方法 reduce

【8.0】前端基础之JavaScript引入

# 【8.0】前端基础之JavaScript引入 # 【一】什么是JavaScript - js也是一门编程语言,他可以写后端代码 - JavaScript想一统天下,前后端都写 - 于是node.js 支持JS代码跑在后端服务器上 - 但是并不能完美的实现 - JavaScript和Java一毛钱 ......
前端 JavaScript 基础 8.0

【9.0】前端基础之JavaScript初识

# 【9.0】前端基础之JavaScript初识 > js也是一门面向对象的编程语言,一切皆对象 # 【一】变量命名规范 - 变量名只能是 数字/字母/下划线/$ - 变量名命名规范(js中推荐驼峰式命名法) - 变量民不能用关键字作为变量名 # 【二】JS代码的书写位置 - 可以单独开设JS文件书 ......
前端 JavaScript 基础 9.0

thincmf 导航与当前页面内容怎么关联,二级页获取当前导航id,显示子导航

thincmf 二、三级页面侧面子导航怎么获取?导航链接最终打开的是url链接,链接中只带了文章分类信息,并没有导航信息,如何在二页面判断是点击哪个导航打开的?? 如何高亮当前栏目,如何获取当前栏目的二级导航??? ......
thincmf 页面 内容

iframe编码为utf-8.嵌入页面为gb2312 ,word导出默认为gb2312 格式

1、使用记事本打开html,另存为,保存类型选择:"所有文件"、编码选择:“UTF-8” 2、打开保存后文件编码类型改成utf-8 <meta charset="utf-8" /> 第一个步骤是为了把内容改成utf-8,然后直接执行第二步改编码可能会报乱码 ......
2312 编码 页面 格式 iframe

textare内容直接存储mysql,怎么原样输出到页面,保留输入的空格 回车换行

使用thinkcmf时,一个textarea类型的模版变量,配置内容里需要显示换行和多个连续空格。 查看数据库存储json 保存数据后是有存储回车换行和多个空格的,只是显示时不显示回车换行,多个连续空格变成了一个空格。 使用{$theme_vars.foot1|nb2br} 仅能保留回车换行,多个空 ......
原样 空格 textare 页面 内容

javascript现代编程系列教程之X——javascript人工智能

JavaScript 在人工智能(AI)领域的应用主要体现在以下几个方面: 1. **浏览器端的机器学习**:TensorFlow.js 是一个在浏览器中运行的 JavaScript 机器学习库,它允许开发者训练和部署机器学习模型。这使得开发者可以在浏览器端进行实时的机器学习任务,无需将数据传输到服 ......
javascript 人工智能 人工 智能 教程

【十二】JavaScript之BOM

# 【十二】JavaScript之BOM ## 【1】什么是BOM - BOM(Brower Object Model,浏览器对象模型),主要是浏览器中js解释器提供给开发者调用浏览器功能的对象或接口方法 - 因为旧版本浏览器厂商实现不一样,所以有可能存在同一段代码在不同旧浏览器下的结果不一致的兼容 ......
JavaScript BOM

【十三】JavaScript之DOM

# 【十三】JavaScript之DOM ## 【1】DOM - DOM(Document Object Model,译作文档对象模型),这部分内容主要是学习document对象提供给开发者操作html/xml文档的方法属性或子对象来完成动态特效的。 - 当然这部分代码在不同浏览器下的效果几乎一样, ......
JavaScript DOM

【十四】JavaScript之DOM中的事件操作

# 【十四】JavaScript之DOM中的事件操作 ## 【1】事件操作 - 所谓的事件(Event),其实就是用户与浏览器之间的一次交互过程或交互行为。 - 例如:用户输入一段内容,用户鼠标晃动一下等等。 - js中提供了大量的事件操作给开发者, 在用户发生事件操作以后,进行反馈,响应。 - 事 ......
JavaScript 事件 DOM

【八】JavaScript之函数

# 【八】JavaScript之函数 ## 【1】函数 - javascript 被称为披着面向对象的皮的函数式编程语言,是函数优先的编程语言,所以本质上js中的一切都是基于函数构建出来,所以函数本身也是对象,也是一等公民。 - function,是类似变量一样的容器,代表了一段具有指定功能的代码段 ......
JavaScript 函数