js专题

JS window对象的top、parent、opener说明

1.top     该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用top变量。  2.opener opener用于在window.open的页面引用执行该window.open方法的的页面的对象。例如:A页面通过window.open()方 法弹出了B页面,在B页面中就可以通过opener来引用A页面,这样就可以通过这个对象来

vue.config.js 配置proxy代理axios请求无效问题解决方案

使用proxy代理请求地址,可以帮助隐藏http请求地址,并可解决跨域请求的问题 方案一: vue.config.js配置(精简版)(不要配置其他多余的选项,只要proxy) devServer: {port: 8088,proxy:"http://192.168.111.101:8081"// 下方配置无效,已屏蔽/* proxy: {'/api': {target: "http://19

Vue.js之Socket.IO 使用

一.前言 在很多需求业务中,都需要浏览器和服务器实时通信来实现功能,比如:扫码登录(扫码后,手机确认登录,PC网页完成登录并跳转)、订单语言提醒等,这些都是建立在两端实时通信的基础上的。对前端而言,来实现浏览器和服务器实时通信,最好的选择就是Socket.IO库,能够快速的实现两端实时通信功能。 1、什么是 Socket.IO? Socket.IO是一个WebSocket库,可以在浏览器和服

html 复制标签内文本的按钮的 js 实现【学习过程】【浏览器兼容】

想要实现div中的文字内容一键复制到剪切板中,一开始在网上search到两种方案: 方案1: <script type="text/javascript"> function jsCopy(s){ var obj=document.getElementById(s);obj.select(); //选择对象 document.execCommand("Copy"); //执行浏览器复制命令al

前端JS必用工具【js-tool-big-box】学习,检测当前是否为手机端浏览器,检测某元素是否处于当前可视范围内

这一小节,js-tool-big-box工具库又迎来了两个非常实用功能成员,分别是检测当前浏览器是否为手机端浏览器,还有检测某元素当前是否处于可视范围内。 1 安装引入 通过npm安装,执行以下命令 npm i js-tool-big-box 这两个功能,工具库提供了一个叫browserBox的对象,所以代码中需要引入这个对象 import { browserBox } from

【坑】在js代码中误用保留关键字

写了一个小的测试代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><

【坑】在HTML页面中缺少!doctype html造成部分js代码失效问题

<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script type="text/javascript">function sayhello() {alert("hello shushu");}function resizeRock() {document.getElementById("roc

原生js实现div随鼠标移动效果

原生js实例demos:    http://pandoraui.github.io/learning-javascript/lesson2/10.html 原生js常用事件: 当网页加载时候: onload和onunload事件 <body onload="checkCookies()"> 或者window.οnlοad=function(){} 当图像加载的时候: 当鼠标移动到

js与webView的简单交互

需求是点击html中的图片或者按钮,在Android中实现界面跳转 首先明确html中声明的点击事件:如图 我们看到声明的点击事件onClick是:window.Android.showToast(); window好像是html中的元素,w3c的介绍是window对象表示是浏览器打开的窗口 Android:这个先假设是一级名称 showToast:假设是二级名称 然后在A

easyui组件中文乱码、easyui-lang-zh_CN.js乱码、前端页面框架乱码

easyui组件乱码easyui-lang-zh_CN.js乱码前端页面框架乱码 又是一个乱码问题,easyui框架的下一页、上一页、确定、取消等等这种组件中的中文乱码,开始完全无头绪,因为Tomcat、MySQL、过滤器、JSP页面编码都设置成UTF-8的,上次我解决过一次类似的乱码问题,也写了CSDN博客,那个总结了一下乱码处理问题,所以这次我首先采取下列措施: 一·、 将easyui-l

什么是Vue.js? Vue.js简介

什么是Vue.js? Vue.js简介 Vue.js是一种用于构建用户界面的前端框架。它是目前非常流行的JavaScript框架之一,被广泛应用于单页应用和响应式网页开发。 Vue.js具有以下特点和优势: 轻量级: Vue.js的文件体积很小,加载速度快,不会造成页面负担。 双向数据绑定: Vue.js采用了数据驱动的方式,能够自动追踪数据的变化,并实时更新页面。 组件化开发:

js获取、设置元素属性值

文章目录 setAttributegetAttributegetComputedStylecurrentStyle`元素.style.属性名` 网页css和样式结构 #box{width:100px;height:100px;} <div id="box"

js中的正则介绍

文章目录 正则基础正则创建方式正则分组正则正/负向预查replace方法replace应用match方法 正则基础 正则用于处理字符串正则对象.test(字符串);这是正则匹配。用于检查字符串是否符合正则,符合返回true,不符合返回false正则对象.exec(字符串)这是正则捕获。 返回结果是数组,如果捕获不到返回null 第一项:代表捕获到的内容第二项:inde

js通过AJAX绑定数据四部曲

var data;//1、创建AJAX实例var xhr = new XMLHttpRequest();//2、打开一个路径:请求方式,请求路径,同异步(false:同步;true:异步)xhr.open("get","path",false);//3、监听状态xhr.onreadystatechange = function(){//如果状态是4,并且xhr.status状态码是以2

js求数组的最大值方法总结

文章目录 1、利用sort方法,先对数组排序然后再取最后一项2、利用循环相邻两两比较3、假设法4、利用apply改变参数的传递方式5、利用展开运算符`...` 1、利用sort方法,先对数组排序然后再取最后一项 var ary = [1,33,2,55,34,66,88,3];console.log(ary.sort(function(a,b){return a-b;})[

从jsp 接收另外一个jsp的参数并且把这个参数赋值给js 文件;

queryApply.jsp 的代码 function applyDataManage(id) {     var $groupAttr = "";     var obj = new Object(); // 在这里进行传递值;     var URL = "../upload.jsp?id=" + id + "&time="             + new Date().ge

轻松管理 Node.js 版本和 NPM 源:一文了解 nvm 和 nrm 的使用

在 Node.js 开发环境中,版本管理和镜像源管理是两个至关重要的方面,直接影响着项目的构建效率与稳定性。为此,开发者们广泛采用两个实用工具:nvm(Node Version Manager)和 nrm(NPM Registry Manager)。本文将详细介绍这两款工具的用途、安装步骤以及日常使用方法,旨在帮助您更高效地驾驭 Node.js 开发工作。 一、NVM:轻松管理多版本 Node.

使用Pixi.js 图片切换特效(图片分段下滑以及复原)

1.效果: 2.实现原理: 将图片按宽高切分为x*y(具体可以自己调整)个矩形区域,对每个顶点分配一个随机值noiseValue(-1到1之间),在顶点着色器中根据这个随机值而做出不同的y轴位移效果从而实现出分段的下滑或者复原的效果。 3.代码实现: 首先是顶点着色器的代码,其中需要用到的aVertexPosition,aUvs,noiseValue会通过外部计算后传入,anima

Android webview中定制js的alert,confirm和prompt对话框的方法 (处理webview 带网站地址的弹出框)

在Android的webview中定制js的alert,confirm和prompt对话框的方法 http://618119.com/archives/2010/12/20/199.html  1.首先继承android.webkit.WebChromeClient实现MyWebChromeClient。  2.在MyWebChromeClient.java中覆盖

android 调用js webView网页,点击提交按钮无效(注意加上setWebChromeClient())

// 如果不设置这个,JS代码中的按钮会显示,但是按下去却不弹出对话框// Sets the chrome handler. This is an implementation of WebChromeClient// for use in handling JavaScript dialogs, favicons, titles, and the// progress. Thi

JS的跨域的几种方式

什么是JS的跨域? js的跨域: www.a.com/a.js www.a.com/c/b.js www.a.com b.a.com www.a.com www.b.com ajax请求协议是 : XMLHttpRequest(); : 不能跨域的 1.document.domain = 'a.com'; 2.服务器代理:XMLHttpRequest代理文件 3.scr

js判断当前的浏览器环境是,微信环境,IE环境还是谷歌火狐浏览器

const {userAgent:UA} = navigator;const UA_L = UA.toLowerCase();export const Device = {trident: UA.includes('Trident'), //IE内核presto: UA.includes('Presto'), //opera内核iPad: UA.inc

js调用app下载或者打开app

1,调用打电话 <div class="content"><a style="color: #498FE2" href="tel:{$data['customer_mobile']}">{$data['customer_mobile']}</a></div> 2.调用下载downLoad() {if (navigator.userAgent.match(/(iPhone|iPod|iPad)

js实现每次新加载页面时,滚动条垂直位置置顶

$("#detail-container").scrollTop(0); 设置id为detail-container的dom元素的滚动条位置置顶。

androidwebview与js相互调用

//WebView启用Javascript脚本执行webView.getSettings().setJavaScriptEnabled(true);webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);webView.getSettings().setAllowFileAccess(true);// 设置

如何在Idea离线情况下安装vue.js插件

亲践有效,步骤如下: 1. 互联网环境登陆vue.js官网(Vue.js - IntelliJ IDEs Plugin | Marketplace)。 2. 然后先确定你的IDEA的版本:在你IDEA的安装文件中找到product-info.json,里面的buildNumber记录着你IDEA的精确版本号,根据前2段数字就可以找到官网对应年份适配的vue.js的版本,如下图: 3. 下