前端 - 随笔分类 - ╰透在骨子里的小傲娇

摘要：参考博文：https://blog.csdn.net/qq_44410862/article/details/107494324 阅读全文

posted @ 2023-09-20 17:28 ╰透在骨子里的小傲娇阅读(18) 评论(0) 推荐(0)

innerHTML、innerText、outerHTML、outerText、textContent的区别

摘要：解析这几个属性都是原生 JS 用来获取和设置 DOM 节点的内容的，但是获取的内容格式和范围却有一些不同。对比一先上一段代码 <!- HTML --> <div id="test"> <span style="color:red">test1</span> test2 </div> <!- J 阅读全文

posted @ 2023-09-20 17:26 ╰透在骨子里的小傲娇阅读(1382) 评论(0) 推荐(0)

npm镜像源配置

摘要：一、本地环境配置全局的npm镜像源设置镜像源：npm config set registry https://registry.npm.taobao.org 查看当前使用的镜像地址:npm config get registry 二、给项目单独配置npm镜像源项目根目录的 .npmrc 的配置，阅读全文

posted @ 2023-09-18 15:30 ╰透在骨子里的小傲娇阅读(5399) 评论(0) 推荐(1)

Window.location 详细介绍

摘要：如果你需要获取网站的 URL 信息，那么 window.location 对象就是为你准备的。使用它提供的属性来获取当前页面地址的信息，或使用其方法进行某些页面的重定向或刷新。 https://www.samanthaming.com/tidbits/?filter=JS#2 window.loca 阅读全文

posted @ 2023-09-18 10:50 ╰透在骨子里的小傲娇阅读(545) 评论(0) 推荐(0)

前端实现下载文件

摘要：## 一、通过url-loader插件 > 对于保存在项目中的文件，实现直接下载该文件至本地。对这个插件的具体理解可以查看别的网上介绍： - https://zhuanlan.zhihu.com/p/85917267 - https://blog.csdn.net/qq_46112274/arti 阅读全文

posted @ 2023-08-31 17:06 ╰透在骨子里的小傲娇阅读(252) 评论(0) 推荐(0)

Uncaught SyntaxError: Identifier 'originalPrompt' has already been declared

摘要：![](https://img2023.cnblogs.com/blog/1232210/202308/1232210-20230804102520004-1269016387.png) 控制台报错: Uncaught SyntaxError: Identifier 'originalPrompt' 阅读全文

posted @ 2023-08-04 10:28 ╰透在骨子里的小傲娇阅读(322) 评论(0) 推荐(0)

控制台出现lockdown-install.js文件报Removing intrinsics.问题告警

摘要：![](https://img2023.cnblogs.com/blog/1232210/202308/1232210-20230803140237363-808835128.png) 查的原因是：警告来自 MetaMask Chrome 扩展。解决方法：关闭 MetaMask 扩展程序。参考资阅读全文

posted @ 2023-08-03 14:09 ╰透在骨子里的小傲娇阅读(2325) 评论(0) 推荐(1)

Error: listen EADDRINUSE: address already in use 127.0.0.1:8888

摘要：![](https://img2023.cnblogs.com/blog/1232210/202307/1232210-20230727201041752-1450651897.jpg) 编译打包报错，Error: listen EADDRINUSE: address already in use 阅读全文

posted @ 2023-07-27 20:13 ╰透在骨子里的小傲娇阅读(422) 评论(0) 推荐(0)

使用750设计稿，px转vw，同时兼容vant

摘要：vant官网上推荐使用postcss-px-to-viewport 进行转换。 postcss-px-to-viewport 是一款 PostCSS 插件，用于将 px 单位转化为 vw/vh 单位。因为vant自身使用的是375大小，网上其他的资料也都用375，可是自己使用的是750设计稿，所以阅读全文

posted @ 2023-07-25 18:06 ╰透在骨子里的小傲娇阅读(679) 评论(0) 推荐(0)

ERROR in [eslint]

摘要：![](https://img2023.cnblogs.com/blog/1232210/202307/1232210-20230714160420787-1968178050.png) 解决办法：在vue.config.js里添加配置`lintOnSave: false`,重新运行项目就好了。 ! 阅读全文

posted @ 2023-07-14 16:07 ╰透在骨子里的小傲娇阅读(109) 评论(0) 推荐(0)

ResizeObserver loop limit exceeded报错解决方案

摘要：# ResizeObserver loop limit exceeded报错解决方案项目接入前端感知系统，采集到很多ResizeObserver loop limit exceeded错误。本地运行不是这个报错信息，当反复拖拽改变窗口大小时，本地运行错误信息如下： ![](https://img2 阅读全文

posted @ 2023-06-19 15:18 ╰透在骨子里的小傲娇阅读(5304) 评论(0) 推荐(0)

js数组sort方法排序

摘要：数组的sort方法可以对数组进行排序，默认是按照字符编码的顺序进行排序，可以自定义规则。 sort方法会修改原数组。自定义规则简述：比较函数两个参数 a 和 b，（a是b的后一个元素），返回 a-b 升序，返回 b-a 降序。 ```javascript let arr = [3,5,2,9,1] 阅读全文

posted @ 2023-06-08 17:22 ╰透在骨子里的小傲娇阅读(123) 评论(0) 推荐(0)

Uncaught TypeError: Cannot read property 'insertAdjacentHTML' of null

摘要：Uncaught TypeError: Cannot read property 'insertAdjacentHTML' of null Uncaught TypeError: Cannot read properties of null (reading 'insertAdjacentHTML' 阅读全文

posted @ 2023-06-02 10:28 ╰透在骨子里的小傲娇阅读(655) 评论(1) 推荐(0)

如何在本地启动简易 Http 服务器

摘要：# 如何在本地启动简易 Http 服务器由于 Chrome 等众多浏览器默认禁止加载本地 js 文件，这导致了很多前端项目必须使用 Http 静态服务器去启动。本文将会介绍几种简单的方法启动本地的 Http 服务器。 ## 1. 使用 Node.js ### 1.1 Node.js 安装直接使用阅读全文

posted @ 2023-06-02 10:22 ╰透在骨子里的小傲娇阅读(942) 评论(0) 推荐(0)

浏览器返回事件popstate

摘要：popstate事件，浏览器返回事件：窗口的历史记录发生变化时会发生该事件 PopStateEvent ``` window.addEventListener('popstate', backChange, false) ``` ``` window.removeEventListener('po 阅读全文

posted @ 2023-06-02 10:21 ╰透在骨子里的小傲娇阅读(649) 评论(0) 推荐(0)

页面的错误监听方式

摘要：页面中的代码建议都加上try/catch，它能捕获常规运行错误，但是语法错误和异步错误不行。 ``` try { console.log(notdefined); } catch(e) { console.log('捕获到异常：', e); } ``` window.onerror能捕获常规运行错误阅读全文

posted @ 2023-05-30 11:18 ╰透在骨子里的小傲娇阅读(197) 评论(0) 推荐(0)

前端返回时实现直接关闭页面

摘要：任务场景是，企业微信环境下，通过鉴权页面跳转到目标页面，但是目标页面返回总是跳回到鉴权页面，然后又直接跳到目标页面了，导致页面关闭异常。提供解决方法方法1：监听页面返回事件popstate，再手动关闭页面。前端用的环境是vue。 ``` // 挂载时 mounted () { history. 阅读全文

posted @ 2023-05-30 11:14 ╰透在骨子里的小傲娇阅读(362) 评论(0) 推荐(0)

vue3.0路由的两种方式

摘要：```javascript import { createRouter, createWebHashHistory } from 'vue-router' const routes = [ { path: '/', name: 'index', component: () => import('./ 阅读全文

posted @ 2023-05-30 11:13 ╰透在骨子里的小傲娇阅读(124) 评论(0) 推荐(0)

offsetHeight、clientHeight、scrollHeight的区别

摘要：## 1. 盒子模型介绍这三个属性之前先来了解一下CSS盒子模型。盒子模型顾名思义就是盒子的意思，盒子里面可以装很多东西。组成一个完整的盒子主要包括下面几个部分： - width - height - padding - border - margin - box-sizing（用来区别正常盒阅读全文

posted @ 2023-05-09 11:04 ╰透在骨子里的小傲娇阅读(98) 评论(0) 推荐(0)

js复制文本内容并粘贴到本地短信模板时参数缺失

摘要：基本知识知识点1：复制文本内容 - vue中提供了vue-clipboard2是前端能够调用剪切板的一个插件。知识点2：移动端拉起本地短信功能，并填充内容 - 安卓 `sms:?body=内容` - 苹果 `sms:&body=内容` 问题：针对苹果系统：当内容中携带链接时，而链接需要携带多阅读全文

posted @ 2023-04-27 16:39 ╰透在骨子里的小傲娇阅读(87) 评论(0) 推荐(0)

随笔分类 - 前端