weixin_46821141-CSDN博客

原创使用n管理node版本

n是node的一个模块。安装npm install -g n使用可以直接在命令行输入n，会出现如下场景，此处列举着已安装的node版本，可以使用:上下方向键切换选中回车确认切换版本 q键退出 d键删除如果以上操作不能满足需求，可以使用下面的这些命令行n ls // 展示当前安装的所有版本n 14.18.1 // 安装指定版本n latest // 安装最新版本n stable // 安装稳定版本n rm 0.10.1 // 删除某个版本n use 0.

2022-04-08 17:43:25 1420

原创移动端监听虚拟键盘右下角的确认按钮点击事件

移动端监听虚拟键盘右下角的（安卓手机可能为确认、开始...）、（ios手机可能为return...）按钮的点击事件。给input添加 onkeyup 事件，判断 event.keyCode 是否是 13。// 假设 input1 就是需要绑定onkeyup事件的dominput1.onkeyup = (event) => { if (event.keyCode === 13) { // ... }};...

2022-03-28 17:43:13 1063

原创 JS 页面滚动

记录一下，项目中用得到的页面滚动方式。前3个也支持一些自定义的配置，可以跳转到对应的网站看看，这些自定义配置可能有兼容性问题，使用时注意哦。方法一window.scrollTo(x, y)滚动到文档中的某个坐标。方法二element.scrollIntoView()会滚动元素的父容器，使被调用scrollIntoView()的元素对用户可见。方法三element.scrollIntoViewIfNeeded()将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。...

2022-03-28 17:07:59 1353

原创 git stash 部分文件

示例：暂存src/views/home/index.vue 和 vue.config.js 文件git stash push -m "暂存描述" src/views/home/index.vue vue.config.js

2022-03-25 12:57:17 1472

原创判断当前系统是安卓还是ios

// 判断是否是安卓const isAndroid = () => { const u = navigator.userAgent; return u.includes('Android') || u.includes('Linux');};// 判断是否是 iosconst isIos = () => { const u = navigator.userAgent; return u.includes('iPhone') || u.includes.

2022-03-25 12:43:48 733

原创 e.target 和 e.currentTarget 的区别

e.target 是触发事件的元素。e.currentTarget 是绑定事件的元素。注意：e.currentTarget 浏览器控制台输出可能为 null，这个没有影响，直接使用就好在线代码示例：e.target 和 e.currentTarget的区别 - JSRUN.NET...

2022-03-21 19:16:05 1005

转载 CSS 属性选择器

文章背景之前在code review的时候，看到有同事这样写css样式（下图），在此记录一下。.el-tooltip__popper[x-placement^=right] {}使用具体的使用方式参考：https://www.w3school.com.cn/css/css_attribute_selectors.asp...

2022-03-04 17:57:37 781

原创 mac charles 抓包工具安装和使用

安装&&激活安装charles直接去官网下载、安装即可：https://www.charlesproxy.com/latest-release/download.do激活打开https://www.charles.ren/，随意输入一个Registered Name，点击【生成】打开charles-help-register，输入刚刚生成的License Key，然后就激活成功啦使用移动端项目查看接口返回值注意：需要电脑和手机连接同一个网络（wifi）.

2022-03-03 18:42:39 247

原创前端监听页面显示隐藏 visibilitychange

业务场景当前页面再次可见时（从其他tab页切换过来或者从其他软件切换过来），重新调用接口获取最新数据。使用通过document.visibilityState 判断页面隐藏还是显示。document.addEventListener("visibilitychange", function() { if (document.visibilityState === 'hidden') { // 被隐藏了 } else if (document.visibil.

2022-03-02 22:09:01 1240

weixin_46821141的博客