![](https://img-blog.csdnimg.cn/20210126093154838.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
JavaScript相关问题
鹿码
这个作者很懒,什么都没留下…
展开
-
回调、匿名函数、闭包
匿名函数:简单来说就是无函数名的函数。基本写法:// 用()包起来否则会语法报错(function (){ alert(1);})// 如果需要运行,(),则自调用:(function (){ alert(1);})()// 自调用,并传参(function (str){ alert(str);})("a")应用场景:// 1、函数表达式;以此变通,x可以是一个点击事件、可以是对象中的一个方法元素、可以做回调等var x = function (){ alert(1)原创 2022-04-13 17:36:31 · 326 阅读 · 0 评论 -
运行npm install命令后的执行过程
发出npm install命令npm向registry查询模块压缩包的下载地址下载压缩包并存放到本地npm缓存路径(~/.npm目录)解压到当前项目node_modules目录如果你没联网,npm将使用本地缓存。重新npm install时出错,就是所谓的缓存腐败问题。从执行过程可以看出,其实模块在本地保存了两份:~/.npm目录下的压缩包和node_modules目录下的解压代码。但npm install时,只会检查node_modules目录,如果它里面没有相关模块,即使~/.npm内有模.原创 2021-10-22 14:16:59 · 1737 阅读 · 0 评论 -
Vue项目启动报错 error:cannot find module xxx
原因:无法找到项目依赖的某个模块解决办法:1、删掉存放模块的文件夹node_module;2、执行清除缓存命令 npm cache clean;如果报错,使用强制清除npm cache clean --force;如果还报错,删除package-lock.json文件;3、重新安装模块,npm install;(会重新自动生成package-lock.json文件)然后npm run dev重启就可以了。...原创 2021-10-22 12:04:28 · 21711 阅读 · 2 评论 -
div元素显示隐藏切换,点击空白位置消失
HTML<div class="clickthis" onclick="showHide()">举例点击这个</div><div class="triggerthis">举例显示隐藏这个</div>CSS.triggerthis { display:none;}JavaScript$(function () { $(document).bind("click",function(e){ var target =原创 2021-03-05 10:17:01 · 510 阅读 · 1 评论 -
Chrome谷歌插件开发-01
只要会前端,简易的插件开发基本都没问题,主要都是些前端三大件。基本流程:1、创建一个文件夹,比如命名为TestPlug2、新建配置文件manifest.json{ "name": "TestPlug", "version": "1.0", "manifest_version": 1, //必须是int,不能是字符串,不然会加载不上插件 "description": "An test plug-in for Chrome.", "browser_action":原创 2021-02-08 17:32:47 · 324 阅读 · 0 评论 -
字体随页面大小变化
<div class=“testDiv”>测试字测试字测试字测试字测试字</div>1、css方法: .testDiv{ display:flex; justify-content:space-around; background: royalblue; color: #fff; width: 400px; padding: 20px; font-siz...原创 2021-01-26 10:40:17 · 1506 阅读 · 0 评论 -
移动端禁止页面缩放问题
第一步:<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />第二步: window.onload = function () { document.addEventListener('gesturestart', function (e) { e.preventDefault(原创 2021-01-25 16:55:35 · 896 阅读 · 0 评论 -
60秒验证码倒计时重置
// HTML<input class="phone" name="phone" type="text" placeholder="填写手机号码"><input class="code" name="code" type="button" value="点击获取验证码" onclick="getCode()">// JavaScript var times= 60; function getCode() { var obj = $(".code原创 2021-01-22 18:16:51 · 217 阅读 · 0 评论 -
opacity透明度兼容性 css/js/query三种
1、CSS版opacity: 1; filter:alpha(opacity=100); /* IE */-moz-opacity:1; /* 老版火狐浏览器*/-khtml-opacity:1; /* 老版苹果浏览器 */2、JavaScript版oDiv.style.opacity = 1; oDiv.style.filter = "alpha(opacity=100)"; /* IE */oDiv.style.MozOpacity = 1; /* 老版火狐浏览器 */oDiv.st原创 2021-01-22 18:03:52 · 214 阅读 · 0 评论 -
localstorage本地缓存
localStorage.setItem("token", value);localStorage.getItem("token");如果需要保存多种参数,可以把set和get各写成一个function,方便调用。原创 2021-01-22 17:39:00 · 154 阅读 · 0 评论 -
ajax header的bearer token验证
$.ajax({ url: "xxxxxxxxxx", type: "post", contentType: "application/json;charset=utf-8", headers: { "Authorization": "bearer "+token //bearer后面必须要有个token,并且bearer大小写有区别,需与后台验证保持一致...原创 2021-01-22 17:25:18 · 1564 阅读 · 0 评论