04 2021 档案
摘要：npm install一直停留在fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch可以使用如下命令设置为淘宝的镜像源： npm config set registry https://registr
阅读全文
摘要：[Vue warn]: You may have an infinite update loop in a component render function.在组件呈现函数中可能有一个无限更新循环 在循环过程中，修改到了循环对象，从而引发了无限循环，此时vue会发出警告，但并没有真正产生死循环。
阅读全文
摘要：router.currentRoute:当前的路由信息对象，我们可以通过router.currentRoute.fullPath获得解析后的 URL，包含查询参数和 hash 的完整路径，如果要访问的页面的路由有命名（name）的话，可以通过router.currentRoute.name获得当前路
阅读全文
摘要：我们在使用 Axios 的过程中，或多或少地要用到它的拦截器，可是axios 的拦截器怎么使用，内部又是怎么实现的？ 我们在使用 Axios 的过程中，或多或少地要用到它的拦截器，例如要实现： 数据转换； 添加额外的数据； 输出或上报接口的请求时间、失败率等数据； 这些需求，使用拦截器就能非常容易地
阅读全文
摘要：在页面中循环展示信息的功能之前一般是用js来实现的，那么用CSS3该如何实现实现呢 有时候在页面的某个模块中，需要无限循环的滚动一些消息。那么如果我们用js实现无缝衔接滚动的思路是什么呢（比如我们这个模块是向上滚动的）？ 克隆A一份完全一样的数据B放在原数据A的后面； 使用setInterval向上
阅读全文
摘要：由来 div元素使用display:none(block)实现隐藏与显示的时候，会与transition属性冲突，导致过渡效果无效。display会破坏transition。 display:none的时候，页面文档流中将不会存在该元素，display:block的时候，文档流中才存在该元素。tra
阅读全文
摘要：添加字体不应该对性能产生负面影响。在本文中，我们将探讨在 Vue 应用程序中加载字体的最佳实践。 正确声明font-face的字体 确保正确声明字体是加载字体的重要方面。这是通过使用 font-face 属性来声明你选择的字体来实现的。在你的Vue项目中，这个声明可以在你的根CSS文件中完成。在进入
阅读全文
摘要：1.随机ID生成 当你在进行原型设计并需要唯一的id时，这可以成为你的首选功能。 const a = Math.random().toString(36).substring(2); console.log(a) 62pklaoe18u 2.生成范围内的随机数 在很多情况下，我们需要在一个范围内生成
阅读全文
摘要：this.$nextTick 将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它，然后等待DOM更新。 this.$nextTick 跟全局方法 vue.nextTick 一样，不同的是，回调的 this 自动绑定到调用它的实例上。 总的来说，假设我们更改了某个 dom 元素内部的文本
阅读全文
摘要：强制刷新当前页面 reload -- 强迫浏览器刷新当前页面 location.reload([bForceGet]) //重新加载当前文档 bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(
阅读全文
摘要：pointer-events 属性定义元素是否对指针事件做出反应 属性: auto—效果和没有定义pointer-events属性相同，鼠标不会穿透当前层。在SVG中，该值和visiblePainted的效果相同。 none—元素不再是鼠标事件的目标，鼠标不再监听当前层而去监听下面的层中的元素。但是
阅读全文
摘要：公共方法 const btn = document.getElementById("btn"); const btn2 = document.getElementById("btn2"); const btn3 = document.getElementById("btn3"); function
阅读全文
摘要：一、前言 本文介绍的内容包括： keep-alive用法：动态组件&vue-routerkeep-alive源码解析keep-alive组件及其包裹组件的钩子keep-alive组件及其包裹组件的渲染 二、keep-alive介绍与应用 2.1 keep-alive是什么 keep-alive是一个
阅读全文
摘要：v-clipboard、vue-clipboard2剪贴板库 有时候复制动态内容会undefined 推荐使用方式二 安装 方式一 npm install --save v-clipboard 方式二 npm i --save vue-clipboard2 main.js引入 方式一 import
阅读全文
摘要：vue-cli3.0 环境变量与模式 vue-cli3.0移除了配置文件目录： config和build文件夹。可以说是非常的精简了，那移除了配置文件目录后如何自定义配置环境变量和模式呢? 为什么需要配置环境变量和模式呢？ 所有方法肯定是来源于现实的需求。在一个产品的前端开发过程中，一般来说会经历本
阅读全文
摘要：axios中post请求 application/json和 application/x-www-form-urlencoded 前端向后端传输数据时，如果是get传输，直接传在url后；如果是post传输，则在请求体body中传输。 在body中的数据格式又有两种，一种是 json 数据格式，另一
阅读全文
摘要：JavaScript 使用原型继承:每个对象都从原型对象继承属性和方法。 在Java或Swift等语言中使用的传统类作为创建对象的蓝图，在 JavaScript 中不存在，原型继承仅处理对象。 原型继承可以模拟经典类继承。为了将传统的类引入 JavaScript, ES2015 标准引入了class
阅读全文
摘要：在vue-cli3.0中使用postcss-plugin-px2rem 插件 插件的作用是 自动将vue项目中的px转换为rem postcss-plugin-px2rem优势： 因为 postcss-plugin-px2rem 这个插件 配置选项上有 exclude 属性，它可以配置 是否对 某个
阅读全文
摘要：vue-i18n地址 安装 npm install vue-i18n 使用 在 main.js 中引入 vue-i18n （前提是要先引入 vue） import VueI18n from 'vue-i18n' Vue.use(VueI18n) 准备本地的翻译信息 const messages =
阅读全文
摘要：注意：代码需要在服务端运行！！！切勿双击html文件运行，点击下载源文件 web3.eth.sendTransaction web3.eth.sendTransaction(transactionObject [, callback]) 参数： Object - 要发送的交易对象。 from: St
阅读全文
摘要：MetaMask文档 获取账户信息 async function getAccount() { // 授权获取账户 const accounts = await ethereum.request({ method: 'eth_requestAccounts' }); const myAccount
阅读全文
摘要：web3js文档 web3浏览器检查 if (typeof window.ethereum !== 'undefined') { console.log('MetaMask is installed!'); } 获取账户信息 // 引入 //<script src="./node_modules/w
阅读全文
