weixin_40425415的博客

【代码】js base64 解码 （解决内置atob函数转译中文乱码问题）

前端实现微信小程序 支付密码框

1. 前言由于 npm 和 node.js 产品由不同的实体管理，更新和维护可能变得复杂。此外，Node.js 安装过程会将 npm 安装在只有本地权限的目录中。当您尝试全局运行包时，这可能会导致权限错误。为了解决这两个问题，许多开发人员选择使用 节点版本管理器 或 nvm 来安装 npm。版本管理器将避免权限错误，并将解决更新 Node.js 和 npm 的复杂性。但由于n(npm的管理模块)和nvm只能在Linux或者MacOS，所以npm 官网上推荐使用 nvm-windows（ 温馨提示，下载

1. 验证字符串中，不超过3个连续字母和不超过4个连续数字LxStr(str) { var arr = str.split(''); var flag = true; for (var i = 1; i < arr.length - 1; i++) { var firstIndex = arr[i - 1].charCodeAt(); var secondIndex = arr[i].charCodeAt(); va

window.addEventListener("scroll", this.handleScroll, true); //监听滚动事件handleScroll() { const dom = document.getElementsByClassName('contents') let sTop = dom[0].scrollTop // 滚动条位置， 滚动条在最顶端的时候， scrollTop=0 let cHeight = dom[0].clientHeight //.

$(document) 指定的是整个文档范围也可以根据具体情况，设置大范围的id或class去指定对应的大范围。// 指定点击的区域大范围为指定的id为box的盒子// $('#box').mouseup(e => {// 指定点击的区域大范围为整个document$(document).mouseup(e => { var _con = $('.btn_list'); // 设置目标区域 if (!_con.is(e.target) && _con.has(e

1. 图片加载失败，出现图片碎片和提示文字（不美观）<img src="./xxx.jpg" alt="图片加载失败，显示提示文字">2. 使用onerror事件指定一张提示错误的图片代替显示不了的图片<img src="./xxx.jpg" onerror="this.src='./error.png'" alt="">3. 若指定的图片路径存在变量，则使用v-bind结合模板字符串的方式实现<img src="./xxx.jpg" :onerror="`thi

<!-- 外面容器盒子 --><div style="position: relative;" id="box"> <div id="moveDiv">需要定位的盒子</div></div>// js触发事件setIt() { var event = window.event||arguments[0]; // 获取鼠标相对文本窗口的坐标 - 容器相对偏移量 = 当前需要定位的坐标 var y = event.pag.

现象1：<el-select v-model="value" placeholder="请选择"> <el-option label="红米肠" value="1"></el-option> <el-option label="蒸排骨" value="2"></el-option></el-select>初始值返回，若value: ‘1’ 则回显 “红米肠”，但若value: 1,则回显“1”现象2：<el-

this.$axios.put('http://.....（请求地址）',{ data: data // 请求传递的参数 }) .then(res => { // 请求成功，执行该代码块 console.log(res.data, '请求成功返回数据'); }) .catch(err => { // 请求失败 console.log(err, '请求失败返回报错的信息err');

现象： 使用elementUI 的select多选组件时，在Google浏览器下，添加多个选项后会出现输入框高度抖动变化的现象。F12查看代码发现撑开的input高度会在两个 高度值 来回变化，导致页面渲染出现抖动的现象。解决1在我的项目中未改动前.el-tag–mini的height值为20，将其修改为20左右（不能是20）的值即可//从框架源码解决问题/deep/ .el-tag--mini { height: 21px;}解决2：问题应该是谷歌浏览器版本问题。只需要给 el-tag

// 子网掩码转换 255.255.255.0/24// 255.255.255.0 转 24var netmask2CIDR = (netmask) => (netmask.split('.').map(Number) .map(part => (part >>> 0).toString(2)) .join('')).split('1').length -1;// 24 转 255.255.255.0var CDIR2netmask = (.

git地址：https://github.com/ankitrohatgi/tarballjs.git

场景：第一次上传

前端实现xtermnpm install --save xtermxterm-addon-fitxterm.js的插件，使终端的尺寸适合包含元素。npm install --save xterm-addon-fitxterm-addon-attachxterm.js的附加组件，用于附加到Web Socketnpm install --save xterm-addon-attachvue文件<template> <div id="xte.

var blob = new Blob(["i am a blob"]);var r= new FileReader();r.onload = evt => { console.log(evt.target.result);};r.readAsText(blob);

// main.js 文件中router.beforeEach((to, from, next) => { console.log(to, from, next); //返回到登录界面，清空所有session if (to.name == 'login') { sessionStorage.clear(); } //如果输入的路由地址不存在，返回登录页 if (to.name == null) { next({ path: '/' }); } else .

使用el-select时选中值改变但没有渲染变化在el-select上绑定change方法，使用this.$forceUpdate()强制更新一下select// HTML<el-select v-model="value" @change="changeSelect" placeholder="请选择"> <el-option v-for="(item, index) in options" :key="index"

方法1：下方的元素第一个设置 margin-top为fixed元素的高度即可。方法2：在fixed元素后添加一个空的div盒子，并将高度设置为fixed元素的高度。延伸扩展：如果fixed高度不确定，该如何处理？需要动态获取盒子高度并监听其变化，然后动态设置元素的style。<div> <div id="header" style="position: fixed"> //设置fixed的元素 </div...

项目在本地运行不报错，上传到 GitHub 之后，再 clone 到本地，执行：npm install安装完成之后再执行：npm run dev这时报错Error: No PostCSS Config found in...本以为是 GitHub 上传的问题，后开又试了两回，发现问题依然存在，于是就开始网上寻找办法。解决方案在项目根目录新建postcss.config.js文件，并对postcss进行配置：module.exports = { plugins: ..