我有我的young000-CSDN博客

5、https://nodejs.org/download/release 下载zip包解压至 nvm下如nmv\v10.15.0。3、重新安装nvm.exe 设置 d:\nvm 及 d:\nvm\nodejs。网路上nvm安装指导不计其数，但安装总失败，无法完成node版本切换。原因：之前安装node，未清除干净，影响nvm安装。1、卸载清除C盘下，残余nodejs及npmjrc。2、删除系统及用户变量有关Node及nvm参数。4、nvm\settings 设置源。6、nvm use <某版本>

2023-05-17 12:13:32 869

原创 JavaScript异步编程

前言JavaScript作为前端的核心武器发展至今，迭代至今年的ECMA2021，新特性不断涌出，沉浸在学无止境的新技术之中的我们，也享受到了技术革新带来的便利。本文主要阐述JS异步编程的发展以及日常编码过程的应用案例，以拓展异步编程的些许开发思维。一、为什么要异步编程？众所周知，JS是一种单线程的脚本语言，也就是它是线性式自上而下执行任务的，但如果在程序中遇上了执行后不会立马返回结果而是需要耗时完成的任务时，等着等着，黄花菜也都要凉了，阻塞着阻塞着，随即而来的就是失去响应了，所以就要运用到异步编程来

2021-10-29 12:17:40 234

原创 js复制文本

function copyText (text) { if (navigator.clipboard.writeText) { try { navigator.clipboard.writeText(text) return true } catch (err) { console.error(err) } } const dom = document.create

2021-06-08 09:55:39 223

原创 webpack多入口打包配置

通常我们脚手架搭建的前端工程，webpack都是单入口配置，那么当工程复杂化，需要配置实现多页面入口要怎么做呢 ~ 捡重点配置项来package.json：通过执行不同模块的build命令设置环境变量SYSETM 区分打包模块"build:test1": "set SYSTEM=test1&set NODE_ENV=production&& webpack --progress","build:test2": "set SYSTEM=test2&set NODE_

2021-05-18 17:11:24 384

原创 npm ERR! code E500 npm ERR! 500 Internal Server Error: mdn-data@2.0.14

npm install 报错，npm ERR! code E500 npm ERR! 500 Internal Server Error: mdn-data@2.0.14原因：系统内部源不具备该模块包解决：替换外部源进行下载1、使用npm私有库npm config set registry https://registry.npmjs.org/或者使用http://registry.npm.taobao.org 淘宝镜像注意：该源设置钱需执行取消npm的https认证npm set s

2021-04-19 14:49:35 5007 1

原创 Vue全局注册业务组件

在开发的过程中，你是不是也有这样的烦恼，一些常用的通用组件，总是要在不同的文件中反复引用、注册，其实，只要几步就可以直接使用它们新建业务组件入口文件index.js，注入循环执行Vue.component()，抛出全局注册函数：// 在index.js中import Component1 from './component1.vue'import Component2 from './component2.vue'import Component3 from './component3.

2021-04-18 20:01:31 88

原创 vue-i18n国际化插件使用

本文在Vue框架选型的基础上，主要采用vue-i18n插件实现国际化前端工程。为了全方面的覆盖前端工程国际化，我们在实例化Vue之前，就应该做好国际化所需依赖及配置文件的工作，从而挂载到实例上以便在全局进行国际化语言映射。配置及挂载Vue前端工程 main.js 中，引入插件及配置文件// 引入 i18n插件import VueI18n from 'vue-i18n';Vue.use(VueI18n)// 引入项目国际化语言配置文件import localeCn from '@/comm

2021-04-16 18:17:52 228

原创教你用Canvas将图片截成圆图

超能的Canvas又来啦不知道大家会不会碰到要把一张方方正正的图截取成Cute的圆图呢今天来告诉你，怎么化茧成蝶实现加载一张可访问的图片，使用Canvas绘制一个圆形画布，将图片在画布范围内进行展示，最后通过Canvas把绘制完成的图转换成可访问的base64编码路径应用图片加载需要时间，绘制的过程要在图片加载完成之后，所有我们采用 async await 来保证绘制过程的顺利进行，最终获取我们想要的圆图URL<img :src="src" alt="">this.$next

2021-04-12 16:37:09 3611

原创 Canvas浏览器中下载图片

H5中强大Canvas也可以用于在浏览器中下载图片downloadImg () { let image = new Image(); let canvas = document.createElement('canvas') image.onload = () => { canvas.width = image.width canvas.height = image.height const context = canvas.

2021-04-08 15:41:20 326

原创 CSS3 Animation实现走马灯

CSS3 Animation实现轮播前言：实现轮播效果的插件数不胜数，但过于绚烂的效果也会占用较高的CPU，可能导致卡顿。今天演示一个用纯CSS实现横向轮播的流畅动画案例实现：HTML:<div class="wrapper"> <div class="container"> <div class="content"> <h1>1</h1> </div>

2021-04-07 15:06:23 1300 2

原创 Vue-router实现鉴权控制

Vue-router实现鉴权控制案例背景鉴于Vue前端框架的易用性及优秀的性能，被越来越多的业务组件前端开发所采用。那么针对不同的用户，自然产生了对前端路由进行权限控制这一需求。本文将对Vue环境下，针对前端路由权限控制的实现进行说明。技术背景首先解释一下什么是前端路由，简单来说，前端路由就是客户端随着浏览器地址栏不同的URL地址来展示给用户不同的内容或页面，无需依赖服务器。而router是一种机制，相当于一个管理者，由它来管理路由。在Vue项目中实现路由管理也是比较便捷的，因为我们页面中的所有内

2021-04-01 16:51:46 524

weixin_46115925的博客

原创【无标题】

原创 NVM安装切换Node为何失败