js专题
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通过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. 下
js获取json数据Object对象的长度
第一种： var jslength=0;for(var js2 in json2){jslength++;} 第二种： Object.keys(json2).length；//2
Js/Jquery- Base64和UrlEncode编码解码
最近几天遇到一些URL参数明文显示的问题，因为是明文显示，容易让人通过改变参数查看到他没有权限看到内容。 一开始我的做法是自定义了规则，然后原始的那种URL编码。可是URL编译后效果不理想，他无法编译数字，而且编码后的字符串太长。 最后我在网上用了BASE64这种。感觉还可以。摘录下来，做一下备忘，以后还会用到 C# BASE64 解码和编码 s