javascript
关注
分享
扫一扫
IT 老王
好记性，不如烂笔头！
展开
-
element-plus 上传组件里的 imageUrl.value = URL.createObjectURL(uploadFile.raw!)什么意思？
URL.createObjectURL() 是一个静态方法，用于创建一个表示参数中给出的对象的URL。当通过URL.createObjectURL()方法生成一个新的URL时，这个URL被赋值给imageUrl.value，从而更新Vue组件中图片的显示源。综上所述，这行代码的目的是将用户上传的文件（通过某种方式转换为File对象或Blob对象）转换成一个可以在浏览器中直接使用的URL，并将这个URL更新到Vue组件中，以便在网页上预览或显示这个文件。原创 2024-09-06 10:28:06 · 541 阅读 · 0 评论 -
window.localStorage 与 window.sessionStorage的区别
window.localStorage与window.sessionStorage的主要区别在于它们的生命周期、作用范围、存储位置、存储大小以及应用场景。。原创 2024-09-04 08:57:50 · 635 阅读 · 0 评论 -
axios返回的是promise对象如何处理？
Axios返回的是Promise对象，这意味着可以使用Promise的.then()、.catch()和.finally()方法来处理异步操作的结果。以上都是处理Axios返回Promise的常用方法，可以根据实际需求选择合适的方式。原创 2024-09-03 23:53:05 · 1116 阅读 · 0 评论 -
JavaScript中console.log()拼接用逗号和加号的区别
在JavaScript中，console.log()方法可以使用加号（+）或逗号（，）来拼接字符串。原创 2024-09-03 17:22:29 · 401 阅读 · 0 评论 -
element+plus中导航菜单关于index报错
element+plus中导航菜单关于index报错原创 2024-08-27 16:53:27 · 294 阅读 · 0 评论 -
vue开发区分开发环境和生产环境，以及预发布环境
在根目录创建 .env[mode] 文件，在项目执行 npm run dev 的时候vite会自动去读取.env.development文件里面的配置，执行npm runbuild进行打包之后也会自动将.env.production的内容打包进去，这里注意的是，如果你想进入预发布模式的话需要在打包的时候进行mode配置:npm run build --mode staging。以上是vite.config.js的配置，上面展示了在不同环境下去请求对应环境的域名并且配置代理进行跨域。原创 2024-08-25 14:11:32 · 778 阅读 · 0 评论 -
vue使用vite配置跨域以及环境配置详解
vue使用vite配置跨域以及环境配置详解原创 2024-08-25 14:08:19 · 1117 阅读 · 0 评论 -
前端Chrome调试技巧汇总
console占位符描述%cCSS样式占位符，值就是CSS样式，如下示例，可用来自定义log的样式%oor%O打印 JavaScript 对象。在审阅器点击对象名字可展开更多对象的信息。%dor%i打印整数。支持数字格式化。例如，console.log("Foo %.2d", 1.1) 会输出有先导 0 的两位有效数字：Foo 01。%s打印字符串。%f打印浮点数。支持格式化，比如 console.log("Foo %.2f", 1.1) 会输出两位小数：Foo 1.10。转载 2024-04-28 00:02:44 · 570 阅读 · 0 评论 -
解决 jQuery 实现父窗口的问题，操作父窗口元素
在iframe框架中，我用 JavaScript 获取 JSON 数据，组织成 HTML 代码，最后将其填充至上层文档的一个元素中。随着前面的问题的解决（其实是对 jQuery 的了解不够），现在两种方案都可以实现我需要的效果了。即指明了是在 window.parent.document 中查找 id=myEle 的元素。这种方法要求父文档也要调用 jQuery。原创 2022-10-02 11:51:51 · 514 阅读 · 0 评论 -
layui表单时间戳转日期，util.toDateString()无法转时间戳，全部显示1970
在用layui开发时，表单使用util.toDateString()这个函数，转换添加时间，可是所有的时间都是1970。layui使用util.toDateString()来实现时间戳转日期，时间的功能，直接懵了，数据库里的时间戳没有问题，这里为啥都是1970呢？虽然console中显示时间戳是数字，1） 服务器返回的时间戳需要转为数字。有时直接转换服务器的时间戳，时间正常显示，实在是太坑了。原创 2022-09-03 10:55:16 · 2544 阅读 · 0 评论 -
通过ajax单独上传图片
解决问题：如何用ajax上传图片文件1：先说我们平时接触到的接口都是后台需要你给他传递几个参数，你就把参数对应的值 给他们就行了上面的这个截图就是我们最常用的接口形式；2.当你给后台传图片时，你传的是一个文件 而不再是普通的string类型的值。而是file类型 也就是文件类型我这里说的是用ajax实现的图片上传1.在ajax中加上processData : false,2.在ajax中加上contentType : false,3.在ajax中加上async:false,4.主要是改原创 2022-05-30 22:27:07 · 3481 阅读 · 0 评论 -
关于页面打印样式该怎么写？
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>layui</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewpo原创 2022-05-24 00:06:00 · 191 阅读 · 0 评论 -
如何查看 FormData 中已存在的值
如何查看 FormData 中已存在的值var formData = new FormData(); formData.append('name','bob'); formData.append('sex','male'); formData.append('age','12'); console.log(formData.get('sex')); // obj.get('')转载 2022-04-27 15:28:08 · 1752 阅读 · 0 评论 -
$(‘#id‘)[0] 的含义
$(‘#id’)为 jquery 对象,$(‘#id’)[0]为 js 原生对象 $(‘#id’)[0] = document.getElementById(“id”) ;转载 2022-04-27 14:38:53 · 525 阅读 · 0 评论 -
获取触发onclick事件的当前对象的文本或者值
获取触发onclick事件的当前对象的文本或者值html代码<ul id="house_content"> <li onclick="tianchong(this)">金泰小区</li> <li onclick="tianchong(this)">金泰华府</li> <li onclick="tianchong(this)">金泰舒格蘭</li></ul>javascript 代码functio原创 2022-04-27 11:57:46 · 2310 阅读 · 0 评论 -
微信小程序控制台警告WXMLRT_$gwx:./wxParse/wxParse.wxml:block:102:18: wx:key=““ does not look lik
再使用微信小程序–wxparse，解析htlml内容的时候，报了一堆这样的错误有两种解决方案第一种方法： 在循环数据—wx:for="{undefined{getGoodsData.attrs}}" 后加 wx:key = “index”第二种方法： wx:key = “id” -----id 前不要加item...转载 2022-04-14 22:01:29 · 2017 阅读 · 0 评论 -
nodejs支持的win7最高版本：v13.14.0
高于v13.14.0的版本已无法在win7安装This applicaton is only supported on Windows 8.1indows Server 2012 R2, or highernodejs v13.14.0版本下载：https://nodejs.org/zh-cn/download/releases/原创 2022-02-12 06:19:32 · 3564 阅读 · 0 评论 -
前端模块化（CommonJs,AMD和CMD）
前端模块规范有三种：CommonJs,AMD和CMD。CommonJs用在服务器端，AMD和CMD用在浏览器环境AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。AMD:提前执行（异步加载：依赖先执行）+延迟执行CMD:延迟执行（运行到需加载，根据顺序执行）模块函数写法 function f1(){ //... } function f2(){ //... }模块就是实现特定功能的转载 2022-01-27 17:34:44 · 202 阅读 · 0 评论 -
ajax返回数据为undefined
在使用ajax异步请求后台返回数据后，使用console.log(data.message)打印返回数据，显示为undefined。苦恼了很久，终于在网上找到了答案。先给大家看下异步代码：/*清零*/$(".off").on('click', function(){ //获取清零电表ID var ammeterId = $(this).data("id"); $.ajax({ url: "/Intelligentwater/Distanceop/clearZer转载 2022-01-20 00:15:08 · 2142 阅读 · 4 评论 -
con.style.display=i==cursel?“block“:“none“； 是什么意思?
<script> function setTab(name,cursel,n){ for(i=1;i<=n;i++){ var menu=document.getElementById(name+i); var con=document.getElementById("con_"+name+"_"+i); var more=document.getElementById("more_"+name+"_"+i); menu.clas...原创 2022-01-11 17:06:55 · 438 阅读 · 2 评论 -
mp3倍速播放实例代码
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>mp3倍速播放实例代码</title> <link rel="stylesheet" href=""></head><body>原创 2021-11-22 17:36:57 · 896 阅读 · 0 评论 -
关于ECS6 export default 命令的用法
export default 命令从前面的例子可以看出，使用import命令的时候，用户需要知道所要加载的变量名或函数名，否则无法加载。但是，用户肯定希望快速上手，未必愿意阅读文档，去了解模块有哪些属性和方法。为了给用户提供方便，让他们不用阅读文档就能加载模块，就要用到export default命令，为模块指定默认输出。// export-default.jsexport default function () { console.log('foo');}上面代码是一个模块文件expor转载 2021-09-24 16:57:41 · 415 阅读 · 0 评论 -
输入下拉框模糊匹配内容
<input id="demo1" type="text" value="{$goodsInfo.zc_category}" name="zc_category" list="zc_category" style="width: 336px;" placeholder="请输入产品类别关键字"> <datalist id="zc_category"> ..原创 2021-07-19 13:58:59 · 360 阅读 · 1 评论 -
认识Vue 的 export、export default、import
首先要知道export，import ，export default是什么查阅资料：ES6模块主要有两个功能：export和import-export用于对外输出本模块（一个文件可以理解为一个模块）变量的接口-import用于在一个模块中加载另一个含有export接口的模块。也就是说使用export命令定义了模块的对外接口以后，其他JS文件就可以通过import命令加载这个模块（文件）。这几个都是ES6的语法。一、export和import（一个导出一个导入）一个a.js文件有如下代码：exp转载 2021-06-29 10:30:36 · 259 阅读 · 0 评论 -
正则如何查找两个标签之间的内容
正则如何查找两个标签之间的内容：比如查找body标签里的内容/<body>(.|/n)*</body>/.(.|/n)*：表示包括换行在内的所有字符.- 除换行符以外的所有字符。 ^- 字符串开头。 $- 字符串结尾。 \d,\w,\s- 匹配数字、字符、空格。 \D,\W,\S- 匹配非数字、非字符、非空格。 [abc]- 匹配 a、b 或 c 中的一个字母。 [a-z]- 匹配 a 到 z 中的一个字母。 [^abc]- 匹配除了 a...原创 2020-10-29 17:57:54 · 1789 阅读 · 0 评论 -
点击弹窗播放视频代码 ！
点击弹窗播放视频代码源代码效果：https://www.js-css.cn/jscode/other/other73/以下为改进应用版本 <div class="hshy_list"> <ul> <li><a href="/video/sp1.mp4" target="_blank">沂蒙精神代代相传</a></li> <li.原创 2020-08-13 15:51:08 · 2356 阅读 · 2 评论 -
javascript：如何引入单期点击的元素 onclick(this)代码详解
onclick(this.value)代码详解<html> <head> <script language="javascript"> function test(value){ if(value=='1') { alert("11111111"); }else{ alert("00000000"); } } <转载 2020-08-13 15:48:27 · 326 阅读 · 0 评论 -
JS动态添加option和删除option
仅供学习之用，留着随时查看动态创建selectfunction createSelect(){ var mySelect = document.createElement("select"); mySelect.id = "mySelect"; document.body.appendChild(mySelect); } 添加选项optionfunction addOption(){ //根据id查找对象， var obj=document.getElementById('.转载 2020-08-07 12:59:06 · 1568 阅读 · 0 评论 -
js动态获取select选中的option
js动态获取select选中的option通过2种方式：一、jquery方法（页面中必须加载过jquery库）-------------------推荐使用1:var options=$("#test option:selected"); //获取选中的项2:alert(options.val()); //拿到选中项的值3:alert(options.text()); //拿到选中项的文本demo代码：<select id="test" name=""><...转载 2020-08-07 12:47:30 · 4205 阅读 · 0 评论 -
javascript 网页自动滚动到底部函数
javascript 网页自动滚动到底部函数<!-- 页面自动滚动到底部 --><script language="javascript">//页面加载完毕后执行window.onload=function(){//设置定时器 timer=setInterval("scrollwindow()",1000);}//清除定时器function clear(){ clearInterval(timer);}//滚动函数let gao=0;func原创 2020-07-11 16:57:16 · 2018 阅读 · 0 评论 -
网页滚动到底部后触发事件
//滚动到底部触发函数，可以用于分页，触发页面加载window.onscroll = function(){ //变量scrollTop是滚动条滚动时，距离顶部的距离 var scrollTop = document.documentElement.scrollTop||document.body.scrollTop; //变量windowHeight是可视区的高度 var windowHeight = document.documentEl...转载 2020-07-11 16:40:37 · 1600 阅读 · 0 评论 -
Js/Jquery获取网页屏幕可见区域高度
Js/Jquery获取网页屏幕可见区域高度获取浏览器窗口的可视区域高度和宽度,滚动条高度 document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度转载 2020-07-11 15:40:57 · 665 阅读 · 0 评论 -
javascript快速浏览
//通过构造函数创建var obj1= new Object()obj1.name='tom'obj1.age=20obj1.sayinfo=function(){console.log('姓名是：'+this.name)}//通过{}创建var obj2= {}obj2.name='tom'obj2.age=20obj2.sayinfo=function(){console.log('姓名是：'+this.name)}//通过字面量创建var obj3={ name:'tom', a原创 2020-05-31 21:17:38 · 161 阅读 · 0 评论 -
什么是javascritp闭包和闭包的作用
闭包就是能访问其他函数内部变量的函数，理解这句话可以从以下几点开始。 闭包为什么是函数？ 解释这点需要先了解 JavaScript 语言特有的一种结构--链式作用域，即为，子对象会一级一级地向上寻找所有父对象的变量。所以，父对象的所有变量，对子对象是可见的，反之则不成立。 了解这点后，可做以下推论，外部无法访问父函数的局部变量，而子函数可以访问父函数的局部变量，只要将子函数作为返回值，就可以在外部间接访问到父函数的局部变量了。 因此可以把闭包简单理解成"定义在一个函数内部的函数"。 所以转载 2020-05-28 21:24:52 · 225 阅读 · 0 评论 -
Node.js安装及环境配置之Windows篇
Node.js安装及环境配置之Windows篇---完美，win7已测一、安装环境1、本机系统：Windows 10 Pro（64位）（楼主win7,完美通过）2、Node.js：v6.9.2LTS（64位）（楼主版本2018-11-01下载的最新版本）二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安装3、环境配置4、测试三、前期准备1、Node.js简介简单的说 N转载 2020-05-27 23:33:34 · 2227 阅读 · 0 评论 -
javascript编写的时候考虑预留退路与向后兼容
<html> <head> <title> </title></head><body><a href="https://www.baidu.com/" class="popup" >百度一下</a><br><a href="https://www.baidu.com/" class="" >百度一下</a><br><a href...原创 2020-05-09 17:59:19 · 140 阅读 · 0 评论 -
百度判断手机终端并自动跳转uaredirect.js代码及使用实例
百度siteapp下的一款跳转的产品，使用起来很方便。你可以用这款JS跳转到手机版，也可以跳转到任何你想跳转的位置。js代码如下：function uaredirect(f) { try { if (document.getElementById("bdmark") != null) { return } ...转载 2020-04-17 11:59:43 · 741 阅读 · 0 评论 -
layui提交表单，显示提交两次原因汇总！
原因一：一般用layui导致提交两次，会想到的是在绑定on sumit的时候没有return false，导致没有把常规提交方式拦截下来，再次访问了action $.ajax({ url:"{:url('rbac/role_add')}", async: false, ...原创 2020-02-22 18:05:20 · 2381 阅读 · 0 评论 -
document.getElementById("").value;值一直为空的原因！
今天写个表单提交，检查值是否为空不管怎么提交一直提示内容为空！懵逼了！最后百度总算找到了原因！原来是页面打开的时候，chanpin的值就是空的，提交的时候肯定也还是空的，所以解决办法是，在点击提交的时候再去获取chanpin的值然后就搞定了！！！...原创 2020-01-15 15:43:30 · 9799 阅读 · 0 评论 -
HTML5音频audio属性
audio 的控制函数主要有：load()加载音频、视频软件，通常不必调用，除非是动态生成的元素，用来在播放前预加载play()加载并播放音频、视频文件，除非文件已经暂停在其他位置，否则默认重头开始播放pause()暂停处于播放状态的音频、视频文件audio 的只读媒体特性有：duration获取媒体文件的播放时长，以s为单位，如果无法获取，则为NaNpaused如果媒体文件...转载 2020-01-03 12:08:06 · 966 阅读 · 0 评论