postmessage javascript消息 页面
记一次前端页面切换卡死的排查经历
这是一个老项目的新迭代，项目由element admin改编而来，bug的症状是：来回切换页面，有概率页面卡死。 我首先怀疑是内存泄漏导致了页面卡死，因为有几个页面请求了很多的数据，页面中还用到了一些定时器。 首先尝试通过chrome的performance和memory来查看内存和性能的变化，但是 ......
python+playwright 学习-44 过登录页面的滑块拼图验证码
前言 有些登录页面经常会遇到滑块验证码，滑块的操作思路基本都差不多，先确定缺口的位置，再滑动过去。 一般在滑动过去的时候，会有人机识别机制，有时候你准确的滑动位置了，但不一定会解锁成功。 滑块示例 以下滑块为例 需先计算出滑块的缺口位置，也就是我们需要滑动的距离 计算缺口位置 计算缺口位置的方法，网 ......
servlet获取数据返回页面时，出现中文乱码现象
问题描述 从html页面获取数据后，传入到servlet里面，然后又从servlet输出到html页面里面，出现了中文乱码现象 问题解决 百度查到的是在servlet里面设置： req.setCharacterEncoding("utf-8"); resp.setContentType("text/ ......
14、基于Redis实现缓存与消息队列
Redis是基于内存运行并支持持久化、高性能的NoSQL（非关系型）数据库，适用于存储频繁访问，数据量较小的数据，应用在配合关系型数据库做高速缓存与多样的数据结构存储持久化数据； 一、搭建基于spring boot的Redis工程： 1、POM： <dependency> <groupId>org. ......
jquery加载页面的方法(页面加载完成就执行)
jquery加载页面的方法(页面加载完成就执行) 转自 http://www.jb51.net/article/27444.htm jquery加载页面的方法(页面加载完成就执行),建议大家看下windows.onload与$(document).ready之间的区别。 1、$(function() ......
app的页面的底部导航设计
Android 底部导航栏实现底部导航栏的应用非常的广泛。今天就总结下几种实现的方式。 一、Fragment + TextView 实现前面一篇博客在介绍Fragment 的时候就使用了Fragment + ImageView 实现了一个底部导航栏点击的例子，只要把ImageView 替换为Text ......
解决更改HTML代码，浏览器打开前端页面却没有改变
问题描述 解决更改HTML代码，浏览器打开前端页面却没有改变 问题解决 第一种方法：重启IDEA（HTML的编辑器） 第二种方法：消除对应浏览器里面Cookie数据（亲测有效！） ......
初识JavaScript
一.概述 avaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中， JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。 Ja ......
JavaScript 优雅的复制对象
推荐使用ES6扩展运算符： var a = {a:0} var b = {...a} 参考文章： https://juejin.cn/post/6942075978160013342 ......
javascript VS python 变量作用域
js中函数内部默认是可以读取到外部声明的变量，python不可以，必须使用关键字 global global 必须在函数内部使用，用以内化函数外部变量。在函数外部是无法声明全局变量的，或者说所谓的全局变量在函数内部是不好使的，这还叫什么全局变量？应该叫局外变量。而global是内部跟局外变量建立一种 ......
团队作业-前端页面大体展示
这周我们大体完成了系统的主要页面，后端代码正在完善中。 页面展示： 部分代码： <body> <div class="container"> <div class="header clearfix"> <a class="pull-right user_icon" href="javascript: ......
JavaScript简介&引入方式
JcvaScript是一门跨平台、面向对象的脚本语言，来控制网页行为的，它能使网页可交互 W3C标准：网页主要由三部分组成 结构：html 表现：css JavaScript JavaScript和java是完全同的语言，不论是概念还是设计。但是基础语法类似。 JavaScript（简称：JS）在1 ......
MQ(消息队列）常见问题梳理
MQ 中 broker 的作用，有无broker有什么差异？ MQ（Message Queue）中的broker是消息队列的核心组件之一，它的作用是接收、存储、分发和传递消息。具体来说，broker主要有以下几个作用： 接收消息：当生产者发送消息时，消息会被发送到MQ中的broker节点。 存储消息 ......
对于两个html页面之间无法实现跳转，但是单独出现却可以的问题的解决
问题描述 不知道为什么，我的两个html页面之间无法实现跳转，但是单独打出来就是可以，上网查了查相关的解决方法 问题解决 在a标签里面，加上一个target属性，命名为-blank，然后就可以实现正常跳转啦！ ......
JS基础《JavaScript精粹》笔记摘录
基础概念和语法 基本类型、null、undefined、NaN JavaScript定义了一小批基本类型（primitive type），它们包括字符串类型（string，单引号或双引号包起来）、数值类型（number，整数和小数都用这个类型）和布尔类型（boolean，值仅有true和false） ......
HTML + javascript implement a draggable list 一个可以拖拽交换顺序的列表
Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragover_event <body> <style type="text/css"> .draggable { text-align: center; ......
如何将训练好的Python模型给JavaScript使用？
前言 从前面的Tensorflow环境搭建到目标检测模型迁移学习，已经完成了一个简答的扑克牌检测器，不管是从图片还是视频都能从画面中识别出有扑克的目标，并标识出扑克点数。但是，我想在想让他放在浏览器上可能实际使用，那么要如何让Tensorflow模型转换成web格式的呢？接下来将从实践的角度详细介绍 ......
鸿蒙开发学习笔记-UIAbility-Router页面跳转接口源码分析
在鸿蒙开发中，UIAbility的跳转使用 router 方法. 在使用的时候需导入 import router from '@ohos.router'; 该方法接口成员如下： 1.interface RouterOptions interface RouterOptions { url: stri ......
.NetCore中使用分布式事务DTM的二阶段消息
一、概述 二阶段消息是DTM新提出的，可以完美代替现有的事务消息和本地消息表架构。无论从复杂度、性能、便利性还是代码量都是完胜现有的方案。 相比现有的消息架构借助于各种消息中间件比如RocketMQ等，DTM自己实现了无需额外的学习成本。它能够保证本地事务的提交和全局事务提交是“原子的”，适合解决不 ......
JavaScript
大致路径 学习 JavaScript 的路径可以大致分为以下几个方向： HTML 和 CSS： 在学习 JavaScript 之前，您需要先掌握 HTML 和 CSS 基础知识，这是构建网页的基础。 JavaScript 基础： 学习 JavaScript 的基本语法、变量和数据类型、运算符、条件语 ......
h5移动端应用实现类似原生页面切换效果
1.原理 将vue-router中的跳转方法重写并监听，根据不同的跳转类型加载不同的过渡动画。 2.实现 创建router-helper.js文件 export const DirectionType = { // 进入动画 In: 'in ', // 退出动画 Out: 'out ', /** 不 ......
SpringBoot的视图页面与控制器
1、SpringBoot 对视图页面的支持 SpringBoot对页面的支持有两种方式： （1）使用SpringBoot自带的模板引擎，如Thymeleaf、FreeMarker、JSP等； （2）前后端分离：这种方式前端开发和后端开发完全分离,可以由前后端两个团队分开同步开发，只需要协商好接口就行 ......
记录--你可能忽略的10种JavaScript快乐写法
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 代码的简洁、美感、可读性等等也许不影响程序的执行，但是却对人（开发者）的影响非常之大，甚至可以说是影响开发者幸福感的重要因素之一； 了解一些有美感的代码，不仅可以在一定程度上提高程序员们的开发效率，有些还能提高代码的性能，可谓是一举 ......
vue页面加全屏背景/背景平铺
<div id="building"></div> <style> #building{ background:url(""); width:100%; height:100%; position:fixed; background-size:100% 100%; transform:transla ......
电影票选座HTML页面
以下是一个简单的电影票选座的HTML页面示例： <!DOCTYPE html> <html> <head> <title>电影票选座</title> <style> /* 样式表 */ .seat { background-color: green; color: white; padding: 1 ......
系统化学习前端之JavaScript（ES6）
前言 ES6 同样是 ECMAScript 的拓展，发布于 2015年，目前多数浏览器对于部分 ES6 更新内容不支持，通常需要借助 bable 编译器编译成 ES5 或者 ECMAScript 早期版本语法去执行。 ES6 的学习推荐阮一峰老师的 ES6 教程。 ES6 ES6 是 ECMAScr ......
使用 HTML CSS 和 JavaScript 拖放可排序列表，免费源码下载
拖放排序列表是一种广泛使用的 UI 元素，允许用户通过将项目拖放到所需位置来重新排序。这个功能可以在许多网络应用程序中找到，比如任务管理器和电子商务网站。 在这篇博文中，您将学习如何使用 HTML、CSS 和 JavaScript 创建拖放可排序列表。不使用任何外部 JavaScript 库来创建这 ......
JavaScript中的数据类型和判断类型的方法
js有哪些类型？ JavaScript中一共有9中数据类型，其中包含五种基本类型和一种复杂类型Object,Object中包含四种类型。 基本数据类型 字符串(string) 数字(number) 布尔(boolean) NULL Undefined 复杂数据类型 Symbol(表示一个独一无二的值 ......