JS
文章平均质量分 57
梦凝哲雪
这个作者很懒,什么都没留下…
展开
-
Javascript类型转换的彩蛋
看到掘金上翻出一个老梗,前端如何不带脏字得骂产品经理傻逼(sb)感叹 网络真实博大精深。原创 2022-11-12 16:19:48 · 222 阅读 · 0 评论 -
ES6模块化开发问题大全
Vue 默认的 vue.js 是 UMD 的,不适用于 ES Module 环境。你需要引入 vue.esm.js。除了指定加载某个输出值,还可以使用整体加载,即用星号( * )指定一个对象,所有输出值都加载在这个对象上面。解析很明确就是固定格式开头。相关模块说明符必须以“./”, “…/”或 “/”开头。ES6模块化开发 Uncaught TypeError。浏览器加载 ES6 模块,也使用。原创 2022-09-02 17:42:47 · 3216 阅读 · 0 评论 -
(转载)JavaScript:双波浪号“~~“ 与 Math.floor()
在网上看到了两种设置随机颜色的取值代码。但不知道"~~"是干什么用的?转载 2022-08-30 16:45:25 · 769 阅读 · 0 评论 -
Uncaught SyntaxError: redeclaration of let page
此时超出for循环的范围变量i因超出当前作用域显示未定义。ES6中出现了用let关键字完善了JS的作用域概念。var声明时循环结束依然能够访问循环中的定义的i值。在之前我们习惯var声明同样的变量名可以覆盖。等价于变量提升效果此时i相当于全局变量。为了避免该问题let声明即可单独作用域。let重复声明同样的变量名时i直接报错。未捕获的语法错误let页的重新声明。声明变量并赋值打印。......原创 2022-07-26 12:04:48 · 904 阅读 · 0 评论 -
Servlet无法直接获取request请求中的JSON格式数据
jQuery的ajax请求参数类型换成默认的编码方式键值对K->V序列化处理。Servlet无法直接获取request请求中的JSON格式数据。借助三方库GSON不但可以获取参数,而且还能封装到实体类中。。原创 2022-07-25 16:47:54 · 1233 阅读 · 0 评论 -
HTML界面利用 http-vue-loader.js以组件方式引入vue文件
http-vue-loader这套工具可提供开发者直接在网页环境中载入.VueFile,无需透过nodeJS环境编译,也不需要Build的步骤。在index的mounted中无法访问引入的组件但是在methods通过事件可以操作组件的数据。用法很简单,首先在网页上载入Vue与http-vue-loader,...原创 2022-07-18 17:19:30 · 4297 阅读 · 2 评论 -
JS正则表达式全集
熟悉JS正则表达式 字符含义原创 2022-06-15 16:07:14 · 118 阅读 · 0 评论 -
Json字符串转换成json对象,json对象转换成字符串,值转换成字符串,字符串转成值
主要内容:一、json相关概念二、json字符串转换成json对象 (字符串–>JSON对象)三、json对象转换成字符串(json对象–>字符串)四、将值转换成字符串(值–>字符串)五、字符串转成值(字符串–>值)一、json相关概念json,全称为javascript object notation,是一种轻量级的数据交互格式。采用完全独立于语言的文本格...转载 2020-04-27 17:06:50 · 2360 阅读 · 0 评论 -
说说JSON和JSONP,也许你会豁然开朗,含jQuery用例
前言: 说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串或者用XML来描述,跨域可以通过服务器端代理来解决。但到目前为止最被推崇或者说首选的方案还是用JSON来传数据,靠JSONP来跨域。而这就是本文将要讲述的内容。 JS...转载 2019-08-03 13:57:29 · 200 阅读 · 0 评论 -
IE11才支持JS变量用关键字let声明
今天在IE演示版本区别时:在控制台无法输出内容 才注意到 IE11才支持JS变量用关键字let声明ES6 是ECMAScript就是JavaScript中的语法规范!定义基础的语法、变量、数据类型let不能对同一变量重复声明定义lit声明变量不会变量提升定义的变量块级作用域。一个花括号一个块。函数内不能用let重新声明函数的参数兼容性(IE)· 支持- IE11 标准文档模式· 不支持- IE6/7/8/9/10标准文档模式/Quirks]如下图:...原创 2022-02-27 23:22:38 · 1193 阅读 · 0 评论 -
JS获取URL中文参数 显示乱码
function getQueryStringChinese(name) {var reg = new RegExp("(^|&)" + name + “=([^&]*)(&|$)”, “i”);var r = window.location.search.substr(1).match(reg);if (r != null) return decodeURI(r[2]);return null;}解读:造成中文乱码的原因,当我们在url后边拼接中文参数时,例如:今天真原创 2020-12-07 11:44:34 · 2309 阅读 · 0 评论 -
JQuery针对select下拉框的各项操作
$("#select_id").change(function(){//code…}); //为Select添加事件,当选择其中一项时触发var checkText=$("#select_id").find(“option:selected”).text(); //获取Select选择的Textvar checkValue=$("#select_id").val(); //获取Select选择的Valuevar checkIndex=$("#select_id ").get(0).se..原创 2020-10-08 21:48:21 · 346 阅读 · 0 评论 -
原生DOM和querySelectorAll区别
原生DOM和querySelectorAll区别案例实现1、首先加载时通过两种方式获取当前页面的所有 li 元素2、点击按钮会在页面新添一个 li 元素 显示文本为体育3、控制台输出两个集合(类数组)的长度 查看区别4、分析总结querySelectorAll 获取 li 元素后长度不变,而原生DOM操作会随 li 元素的变化而变化案例源码<!DOCTYPE html><html> <head> <meta charset="utf-8"&原创 2020-11-16 09:42:42 · 174 阅读 · 0 评论 -
navigator.userAgent.indexOf(“MSIE“) IE 11 返回 -1
演示JS案例 节点交换位置 swapNode兼容各浏览器运行时 被navigator.userAgent.indexOf 判断 绕晕 差点怀疑人生果断输出发现 IE 11 和 其他浏览器都是返回 -1 而IE 11以下都是 25火狐IE 11IE 11以下 5 7 8 9 10...原创 2020-09-19 21:04:21 · 2231 阅读 · 0 评论 -
JS案例 节点交换位置 swapNode兼容各浏览器
实现两个节点交换位置效果,发现IE特有的swapNode函数可以直接交换,但不适用于其他浏览器IE中 a.swapNode(b) , 其他则需自定义 swapNode(a,b)此时需要考虑如何兼容,首先需要判断用户使用何种浏览器,以便调用对应函数JS中Browser对象中 navigator(导航器)的userAgent(用户代理)包含浏览器相关信息navigator.userAgent.indexOf("MSIE")<=0 HTML代码<input type="button"原创 2020-09-19 16:38:39 · 1196 阅读 · 0 评论 -
(转)你不了解的querySelector
1.API介绍先看看MDN上怎么介绍这个API的:概述返回当前文档中匹配一个特定选择器的所有的元素(使用深度优先,前序遍历规则这样的规则遍历所有文档节点) .返回的对象类型是 NodeList.语法elementList = document.querySelectorAll(selectors);elementList 是一个non-live的 NodeList 类型的对象.selectors 是一个由逗号连接的包含一个或多个CSS选择器的字符串.如果 selectors参数中包含 CS转载 2020-07-31 22:48:53 · 653 阅读 · 0 评论 -
Uncaught RangeError: Maximum call stack size exceeded 超出最大调用值
错误现象今天一学生给实现注册功能的时候一直报jquery的堆栈问题错误代码Uncaught RangeError: Maximum call stack size exceeded 未捕获范围错误:最大调用堆栈大小超过错误伪代码演示<form> <input type="text" name="uname"> <input type="button" onclick="addAdmin()" value="注册"></form><sc原创 2020-06-06 19:45:06 · 989 阅读 · 0 评论 -
转(关于JavaScript作用域的习题和解析)
题一: function Foo(){ var i=0; //闭包函数 return function(){ document.write(i++); } } var f1 = Foo();//f1 f2 是Foo 返回的匿名函数 f2 = Foo(); f1(); f1(); f2();输出的结果是 0 1 0解析:这是一个闭包,闭包的作用有两个,可以读取函数内部的变量,让这些变量的值始终保存在内存中。当f1(转载 2020-07-23 22:02:49 · 655 阅读 · 0 评论 -
JS中removeEventListener 无法清除指定事件
要移除事件句柄,addEventListener() 的执行函数必须使用外部函数obj.addEventListener(事件名,函数名);obj.removeEventListener(事件名, 函数名); 事件使用匿名函数,该事件是无法移除的obj.addEventListener(事件名,function(){});案例//addEventListener 指定元素添加事件句柄 IE8 OP7 以前不支持 attachEventmydiv.addEventListener("mo原创 2020-07-19 22:13:50 · 1392 阅读 · 0 评论 -
JS和JQ中appendChild()相关注意事项
参考网站append案例//新建一个div元素节点var div = document.createElement("div");//创建文本节点var txt = document.createTextNode("我爱你");//加文本以子节点形式加入到div元素中div.appendChild(txt);//把div元素节点添加到body元素节点中成为其子节点,但是放在body的现有子节点的最后document.body.appendChild(div);效果注意事项1、a原创 2020-07-19 15:50:23 · 2413 阅读 · 0 评论 -
(转)Ajax引用 ajaxfileupload.js 进行文件上传
第一次写博客还真有点激动中带有意思彷徨,哈哈哈 有什么不足的请多多指教这个应该是我目前用过的除了框架之外最好用的文件上传 ”工具“ 了,不说废话直接看代码首先引入ajaxfileupload.js 网上也有很多下面的代码是我自己测试过的源码解读jQuery.extend({ createUploadIframe: function (id, uri) {//id为当前系统时间字符串,uri是外部传入的json对象的一个参数 //create frame var转载 2020-07-05 22:30:34 · 314 阅读 · 0 评论 -
HTML通过JQ中load方法引入公共静态HTML模块事件无法生效
最近有一个小项目,公共的静态HTML模块居多 如下:1、用户登陆与否显示的两种模块2、搜索和导航模块3、尾部版权和广告模块然后多个界面都需要使用该模块,故想简化一点各个页面的代码量方案一 – 工具把模块转换成js文件 再引入指定网页中很久以前使用该方法 此时因为同步从上往下一次执行 也不干扰 事件的使用但是还是嫌麻烦,需要对每个静态界面转换然后引入<!-- 公共模块 html转成js 可以直接指定元素 --><script src="comm/head.js"&g原创 2020-05-22 22:49:08 · 1631 阅读 · 0 评论 -
jQuery的页面加载完毕事件?
很多时候我们需要获取元素,但是必须等到该元素被加载完成后才能获取。我们可以把js代码放到该元素的后面,但是这样就会造成 js在我们的 body中存在不好管理。所有页面加载完毕后所有的元素当然已经加载完毕。一般获取元素做操作都要在页面加载完毕后操作。下面介绍两种方法:第一种:使用: $(document).ready(function(){});解释:$(document)把原生的 document这个 dom对 当页面加载完毕后执行里面的函数,这一种相象转换为 jQuery对象,转载 2020-05-22 20:28:26 · 799 阅读 · 0 评论 -
JS整数数值调用toString(),toFixed()报错
今天对数值进行小数处理的时候发现一个小问题当时使用了整数 就会报错– 无效或意外的标记 – 数据格式错误console.log(10.toString());//错console.log(10.toFixed(2));//错解决方案一、使用小数数调用函数 **toString()| toFixed() ** 可行console.log(10.toString());//1...原创 2020-04-27 17:35:45 · 1124 阅读 · 0 评论 -
建议大家在JS的函数避开常用的单词
案例目的:点击登陆按钮来调用login函数获取账户和密码 进行弹框提示信息代码如下:<!doctype html><html><head><meta charset="utf-8"><title>登陆界面</title></head><body><!-- 先设计好页面 --&...原创 2019-12-26 21:04:22 · 214 阅读 · 0 评论 -
完整原型链详细图解(构造函数、原型、实例化对象)
一、首先说一下什么是构造函数:构造函数:用来在创建对象时初始化对象。特点:构造函数名一般为大写字母开头;与new运算符一起使用来实例化对象。举例:function Person(){} //Person构造函数var p=new Person(); //Person构造函数创建对象,也可叫做实例化二、什么是原型?原型:构造函数在创建的过程中,系统自动创...转载 2019-08-05 10:14:18 · 1905 阅读 · 0 评论 -
JS中获取当前url及参数
项目中用到URL地址栏上的参数 下面有简单有效的方法获取function getQueryString(name) { //正则表达式 var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); ///获取url中从问号("?"符)开始的字符串 var url = decodeURI...原创 2019-07-16 20:39:04 · 256 阅读 · 0 评论 -
checkbox的checked属性 -- 踩坑之旅
判断是否被选中 返回booleanelem.checked$(elem).is(":checked")$(elem).prop(“checked”)有多个默认选中的选择框<input type="checkbox" checked="checked">全选单选框问题:1、如果仅点击全选和全不选可以生效2、如果我取消了上面默认选中的选择框,将导致全选无法选中被...原创 2019-07-18 12:21:24 · 875 阅读 · 0 评论 -
JavaScript之浅谈DOM操作
转载:https://www.cnblogs.com/Ry-yuan/p/6918155.html1.理解DOM: DOM(Document Object Model ,文档对象模型)一种独立于语言,用于操作xml,html文档的应用编程接口。怎么说,我从两个角度理解:对于JavaScript,为了能够使JavaScript操作Html,JavaScript就有了一套自己的dom编程接口...转载 2019-06-30 23:43:28 · 166 阅读 · 0 评论 -
JS获取URL中参数值(QueryString)的4种方法
方法一:正则法function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1).match(reg); if (r != null) { ...转载 2019-05-06 10:23:44 · 545 阅读 · 0 评论 -
100个原生js的常用方法
转载:https://blog.csdn.net/wuhuagu_wuhuaguo/article/details/782024961.输出语句:document.write("");2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,scree...转载 2019-03-28 20:10:28 · 310 阅读 · 0 评论 -
读懂正则表达式就这么简单
读懂正则表达式就这么简单 一 前言 对于正则表达式,相信很多人都知道,但是很多人的第一感觉就是难学,因为看第一眼时,觉得完全没有规律可寻,而且全是一堆各种各样的特殊符号,完全不知所云。其实只是对正则不了解而以,了解了你就会发现,原来就这样啊正则所用的相关字符其实不多,也不难记,更不难懂,唯一难的就是组合起来之后,可读性比较差,而且不容易理解,本文旨在让大家对正则有一个基本的了解,能...转载 2019-08-23 16:37:36 · 114 阅读 · 0 评论 -
正则表达式(Java版整理)
元字符代码说明.匹配除换行符以外的任意字符\w匹配字母或数字或下划线或汉字\s匹配任意的空白符\d匹配数字^匹配字符串的开始$匹配字符串的结束\b匹配字符串的结束重复代码/语法说明*重复零次或更多次+重复一次或更多次?重复零次或一次{n}重复n次{n,}重复n次或更...转载 2019-08-23 20:17:52 · 242 阅读 · 0 评论 -
常用的正则表达式收集
校验数字的表达式数字:^[0-9]*$n位的数字:^\d{n}$至少n位的数字:^\d{n,}$m-n位的数字:^\d{m,n}$零和非零开头的数字:^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})?$正数、负数、和小数:^(\-|\+)...转载 2019-08-23 20:18:45 · 192 阅读 · 0 评论 -
JS中的小细节一
1、介绍js的基本数据类型Undefined、Null、Boolean、Number、String2、s有哪些内置对象?数据封装类对象:Object、Array、Boolean、Number 和 String其他对象:Function、Arguments、Math、Date、RegExp、Error3.this对象的理解this总是指向函数的直接调用者(而非间接调用者);如果有new...转载 2019-08-23 15:44:48 · 145 阅读 · 0 评论 -
innerHTML、outerHTML、innerText、outerText的区别
1、功能讲解:innerHTML 设置或获取位于对象起始和结束标签内的 HTMLouterHTML 设置或获取对象及其内容的 HTML 形式innerText 设置或获取位于对象起始和结束标签内的文本outerText 设置(包括标签)或获取(不包括标签)对象的文本2、示例<html> <head> <title>Demo</ti...转载 2019-08-22 22:27:04 · 361 阅读 · 0 评论 -
select标签中options点击事件无效的问题
直接给options 点击事件 在谷歌浏览器 无效 新版EDG有效HTML代码<select> <option οnclick="find('China')" >中国</option></select>Javasccriot代码function find(value){ alert(value); //谷歌无法弹出框}退而求...原创 2019-09-02 17:33:40 · 3114 阅读 · 1 评论 -
js中的forEach、for in 、for of之间的区别
forEach:一般用于对数组的遍历,不用于对对象的遍历,此方法会对数组中的每一个值进行遍历,直至全部遍历完成。故在其中的return,break会失效。for in:一般用于遍历对象,循环遍历对象的key,不推荐遍历数组。for of一般用于遍历对象,循环遍历对象的value,与forEach不同的是,它可以正常的响应break, return,continue.forEach:(可...转载 2019-08-26 16:24:08 · 389 阅读 · 0 评论 -
JS 小案例 随机排序
为了公平公开公正的原则 – 随机抽取各小组上台答辩的顺序制作的网页小案例1、运行网页 会有提示输入具体的总组数2、输入数据后 处理 ps 数据 暂时没验证3、显示在网页上<!doctype html><html><head><meta charset="utf-8"><title>随机排序</title>...原创 2019-09-07 11:18:59 · 287 阅读 · 0 评论 -
JS 特效代码 400例
有些可能有浏览器兼容问题:JavaScript实现可以完全自由拖拽的效果,带三个范例 http://www.sharejs.com/showdetails-501.aspxjavascript实现可以自由拖动的树形列表 http://www.sharejs.com/showdetails-500.aspx带模块编辑功能拖拽效果实现 http://www.sharejs.com/showdet...转载 2019-03-02 20:08:09 · 1233 阅读 · 0 评论