- 博客(114)
- 资源 (1)
- 收藏
- 关注
原创 windows下切换node版本--nvm安装与使用
一、nvm是什么nvm全名node.js version management,顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs。我们可能同时在进行2个项目,而2个不同的项目所使用的node版本又是不一样的,或者是要用更新的node版本进行试验和学习。这种情况下,对于维护多个版本的node将会是一件非常麻烦的事情,而nvm就是为解决这个问题而产生的,他可以方便的在同一台设备上进行多个node版本之间切换,而这个正是nvm的价值所在,...
2020-09-23 00:12:33 274
转载 雷柏蓝牙鼠标怎么连接
蓝牙连接方法按以下步骤点击:笔记本“开始菜单”—“设置”—“设备”—“蓝牙”—“添加蓝牙或其他设备”—“添加蓝牙鼠标”,笔记本开始搜索蓝牙设备。7、然后windows桌面右下角通知栏的,通知图标里面单击电脑桌面“我的Bluetooth位置”电脑系统开始自动安装蓝牙鼠标的驱动程序。8、在等待windows安装完毕雷柏的鼠标键盘的驱动程序后,敲击键盘和鼠标,键盘就可以打出字了。1、首先开启雷柏鼠标蓝牙,在RESET键按动一下,ON位置下部的LED灯开始闪烁。1、打开鼠标开关,左上角拨动到“on”的位置。
2023-12-17 15:58:51 1912
转载 nvm安装使用及全局配置node
3.测试 配置淘宝镜像和cnpm下载cnpm:npm i cnpm -g --registry=https://registry.npm.taobao.org配置好之后可以npm config get 查看配置信息当npm v8+ 时,安装依赖包会报:Unexpected token ‘.’ 错https://www.jb51.net/article/257055.htm 有解释和解决方法。
2023-11-24 12:58:39 1814 2
原创 scrollIntoView(),头部有fixed布局会导致滚动条丢失精度的问题,怎么办
使用CSS的scroll-margin-top属性,在元素滚动到达时添加一个额外的距离,以避免滚动到头部fixed布局之下。
2023-07-24 10:56:40 1103
原创 vscode保存卡顿,显示正在从“‘Vetur‘, ‘ESLint‘”获取代码...
vscode保存卡顿,显示正在从“‘Vetur‘, ‘ESLint‘”获取代码...
2023-02-23 00:04:46 4780 1
转载 file-loader 配置详解以及资源相对路径处理
在 vue-loader工作流程梳理 里我们提到,vue-loader 编译的一环中(样式部分会应用到 css-loader )和中引用的资源会被转换成模块请求,即的形式。而 file-loader 则会将资源文件复制到指定的打包目录,同时把原本的模块引用()解析重写为输出文件的正确访问路径()。资源文件输出路径/访问路径简单来说,主要解决两件事:1 指定输出文件的路径——即打包后文件的存储位置。2 生成解析文件的路径——即打包后引用文件时的URL地址。开发阶段在css或html标签中引用的资源路径,通
2022-06-14 15:11:23 5628
原创 webpack学习笔记--webpack解析es6
babel 7.0+版本安装以下依赖在webpack.config.js文件中添加基础版本: 扩展:
2022-06-08 14:57:00 783
转载 一、Webpack基本配置及使用
一、Webpack基本配置及使用1、安装本地Webpackwebapck webpack-cli -D// -D 表示上线不需要打这个包// 初始化一下,记录安装的依赖yarn init -y// 5.2支持的npx语法可以直接执行webpack// 默认去找node_modules下面的bin文件里面的webpack.cmdnpx webpack2、 Webpack可以0配置打包工具 -> 输出后的结果(js模块)打包 -> 支持js模块化//
2022-05-17 15:05:20 845
转载 Vue-cli3中使用TS语法,以及使用例子
ts有什么用?类型检查、直接编译到原生js、引入新的语法糖为什么用ts?TypeScript的设计目的应该是解决JavaScript的“痛点”:弱类型和没有命名空间,导致很难模块化,不适合开发大型程序。另外它还提供了一些语法糖来帮助大家更方便地实践面向对象的编程。typescript不仅可以约束我们的编码习惯,还能起到注释的作用,当我们看到一函数后我们立马就能知道这个函数的用法,需要传什么值,返回值是什么类型一目了然,对大型项目的维护性有很大的提升。也不至于使开发者搬起石头砸自己的
2022-04-27 15:42:09 3991 1
原创 vue2-verify验证码imgUrl设置问题
在src/view/login/index.vue中使用组件<Verify :type="5" :show-button="false" :img-name="['1.png','2.png','3.png','4.png','5.png', '6.png','7.png', '8.png']" :img-url="'../../static/img/verify/'" @success=...
2022-04-11 14:57:52 1016
转载 自定义element的tab栏样式
html部分:<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="用户管理" name="first"></el-tab-pane> <el-tab-pane label="配置管理" name="second"></el-tab-pane> &l
2022-04-11 10:36:42 4878
原创 vue项目中使用layui
背景项目是vue+element UI一、引入第1种方法:从www.layuiweb.com或https://gitee.com/sentsin/layui/tree/master/下载复制dist文件夹到项目的public目录下重命名为layui第2种方法:在项目中安装layui-src依赖yarn add layui-src | npm install layui-src在node_modules下找到layui-src下的build文件夹复制到项...
2022-03-30 14:09:59 13419
转载 ElementUI文档是如何实现的
ElementUI文档的整体思路把用markdown写的文档拼接成vue文件(这个通过他们自己写的md-loader处理),这个vue文件和我们平时开发项目的vue组件类型(类似<template>...</template><script>export default{}</script>),再通过vue-loader处理。webpack是如何配置的 (v2.13.2)首先我们查看ElementUI的package.json文件中的scripts
2022-02-16 15:42:40 1628 1
转载 微信小程序——自定义导航栏
微信头部导航栏可能通过json配置:但是有时候我们项目需求可能需要自定义头部导航栏,如下图所示:现在具体说一下实现步骤及使用方法:步骤:1.在 app.json里面把"navigationStyle"设置为"custom"这样子之后就只会保留右上角胶囊按钮了。2.计算相关值因为在不同的手机型号头部那条栏目高度可能不一致,所以为了我们适配更多型号,我们需要计算3个值:如下图:1. 整个导航栏的高度;2. 胶囊按钮与顶部的距离;3....
2021-12-29 10:09:18 582
转载 npm和yarn的区别,我们该如何选择?
按照以往,我的步骤都是:git clone xxxnpm installnpm run dev这时,JJ给我来了下面一段git clone xxxyarnyarn start“咦,yarn是什么鬼?难道npm更高级的替代品?为什么要替代npm?难道有什么好的地方?”,内心一连串的问题冒出来。我就默默的问了一下JJ:“yarn是跟npm一样的东西吗?”,“嗯。”JJ忙碌的敲着键盘,显然这个问题不值得继续问下去了。我也默默的把刚才脑子里一连串的问题记了下来。Yarn是
2021-12-24 15:27:54 483
转载 Windows下Node版本管理与随意切换-gnvm
使用GNVM先放官方地址:https://github.com/kenshin/gnvm这个项目最后一次代码提交还在2016年。作者的教程已经很明简明了,但是随着时间的流逝,会出现其他问题是作者没有提到的。我这里只是作为补充,也欢迎完善。把GNVM.exe放到node.exe同级目录,上就是通过替换node.exe 来切换不同node版本。感谢 Kenshin 写了这个工具!!!环境Windows10,64位,当前node最新版本为10.11.0问题一:无权操作文件1、在系统检索中,搜
2021-12-24 12:49:10 1125
转载 computed学习笔记
在官方文档中,强调了computed区别于method最重要的两点computed是属性调用,而methods是函数调用 computed带有缓存功能,而methods不是计算属性是基于它们的依赖进行缓存的,只有在它的相关依赖发生改变时才会重新求值。let vm = new Vue({ el: '#app', data: { message: '我是消息,' }, methods: { methodTest() { .
2021-12-21 15:01:17 245
转载 从零开始, 用原生js写一个类似elementUI的日历
最近工作中经常用到日历这个组件, 以前大多是用moment.js或者dayjs去做的, 其实使用原生js也并不复杂.1.首先我们来认识几个这个组件中使用的new Date常用的方法 this.lastDay = new Date(y, m + 1, 0).getDate() // 获取指定月的最后一天也即每月多少天 this.lastMonthDay = new Date(y, m, 0).getDate() // 获取上个月多少天 this.firs...
2021-12-10 14:11:48 531
原创 VUEX学习笔记
1、state定义变量(可以动态创建)state: { tradecfgTree: getStore({ name: "tradecfgTree" }) || [] },2、mutations 给state赋值setTradeCfgTree(state, data) { state.tradecfgTree = data.res; }3、actions 异步方法调用api获取数据然后通过mutations赋值async getTradeCod..
2021-12-10 10:40:51 798
原创 jsbeautify格式化html属性分行展示
{ "eol": "\n", //all.行结束符 "end_with_newline": false,//all,确保在文件结束时换行 "indent_char": "\t",//all,缩进字符,默认" ",\t 跳格(移至下一列) "indent_size": 4,//all,缩进尺寸,默认4 "indent_with_tabs": true, //all,使用tab缩进,将会覆盖“indent_size”和“indent_char”设置,默认false.
2021-12-08 16:58:03 3644 2
转载 vue刷新当前页面
vue刷新当前页面有挺多种方法,比如window.location.reload()或者this.$router.go(0)但是这两种方法是会出现一瞬间的白屏,体验不好,所以这里给大家推荐第三种比较好用的刷新页面的方法在app.vue的<router-view></router-view>加上v-if属性<router-view v-if="isRouterAlive"></router-view>在data里面加上isRo
2021-11-30 10:02:50 1745 2
转载 DW 查找某字符串前的所有字符的正则表达式
我使用DW 这个所见所得的编辑器来写html时,喜欢写上注释,如<!-- header --> 等等的注释,在一次比较大的改动时,需要批量查找替换,为了批量操作,于是我写了一个正则表达式来进行处理我使用DW 这个所见所得的编辑器来写html时,喜欢写上注释,如<!-- header --> 等等的注释,在一次比较大的改动时,需要批量查找替换,为了批量操作,于是我写了一个正则表达式来进行处理。查找:复制代码代码如下:(\r\n|\n|.)*?<\!-- heade
2021-11-29 01:05:30 562
原创 avue-tabs默认值设置
<avue-tabs ref="tabs" :option="option" v-model="form" ></avue-tabs>this.$nextTick(() => { this.$refs.tabs.changeTabs(0)})
2021-11-26 13:55:03 2025
转载 JS数组reduce()方法详解及高级技巧
reduce()方法可以搞定的东西,for循环,或者forEach方法有时候也可以搞定,那为啥要用reduce()?这个问题,之前我也想过,要说原因还真找不到,唯一能找到的是:通往成功的道路有很多,但是总有一条路是最捷径的,亦或许reduce()逼格更高...1、语法arr.reduce(callback,[initialValue])reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:初始值(或者上一次回调函数的返回值),当前元素.
2021-11-04 00:42:48 503
转载 数字位数不够,进行前补零的JS实现方案
/*** 自定义函数名:PrefixZero* @param num: 被操作数* @param n: 固定的总位数*/function PrefixZero(num, n) { return (Array(n).join(0) + num).slice(-n);}使用原理下::Array(5) => 创建了一个长度为5的空数组 console.log(Array(5));// [empty × 5]Array(5).join(0) => 用0拼接将数组.
2021-11-03 23:09:24 4500
转载 watch 学习笔记
watch:{ "aaa":{ immediate:true, // 首次加载的时候执行函数 deep:true, // 深入观察,监听数组值,对象属性值的变化 handler:function(){ }}
2021-11-02 08:50:19 75
原创 Vue中子组件中传参数给父组件中回调函数时,如果这个回调函数本身需要父组件的参数信息时怎么写?
父组件调用子组件:<Child v-for="(item, index) in items" @evenFn="value => handlEdit(index, value)">其中index是父组件所要传的参数 value是子组件回传回来的参数子组件触发evenFn:handle() { const value = 'hello' this.$emit('handlEdit', value) //这里的value传回父组件?}...
2021-11-02 08:45:37 330
转载 vue2实现自定义样式radio单选框
先上效果<div class="reply"> 主编已回复: <div class="radio-box" v-for="(item,index) in radios" :key="item.id"> <span class="radio" :class="{'on':item.isChecked}"></span> <input v-model="radio" :value="item.value" cla..
2021-10-22 15:33:31 2235
转载 js将对象以参数形式拼接在某个地址后
function splitQueryParams(params) { let tempParams = []; if (Object.keys(params).length <= 0) return tempParams; for (let key in params) { tempParams.push(`${key}=${params[key]}`); } return tempParams.join("&");}// 'name=关键字&a.
2021-10-22 15:22:44 542
转载 处理:end value has mixed support, consider using flex-end instead
提示:end value has mixed support, consider using flex-end instead经检查,没有规范的写flex的属性,正确的写法是 flex-end 或 flex-start错误的写法复制代码align-items:end;正确写法是复制代码align-items:flex-end;如出现:start value has mixed support, consider using flex-start instead也是同样的问题,要使
2021-10-21 22:45:57 15736 3
转载 浅谈Es6中import * as xxx from几种基本用法
以为ES6,javascript第一次支持了module。ES6的模块化分为导出(export)与导入(import)两个模块,其中在项目中,我们会经常看到一种用法import * as obj from,这种写法是把所有的输出包裹到obj对象里。示例一// index.jsexport function fn1(data){ console.log(1)}export function fn2(data){ console.log(2)}import * as Fn fro..
2021-10-21 19:39:17 1113
转载 JS数组学习之清空全部元素的4种方法(代码详解)
数组是JavaScript中的十分常用且重要的数据类型,而删除数组元素是一种常见的数组操作,JavaScript中内置了很多用于删除数组元素的函数,因此删除数组元素对我们来说并不难。那么删除数组元素的进阶版--清空数组要如何实现呢?今天我们就来一起了解下JS数组清空全部元素的方法。本篇文章我们给大家介绍4种JS中清空数组的方法,通过代码实例来具体看看清空数组(删除数组全部元素)要如何操作。【推荐学习:javascript高级教程】方法1:直接赋予空数组[]var arr=new Arr
2021-10-21 19:14:14 33833 2
转载 自定义ES6提供的数组方法(forEach、filter、map、some、every、find、findIndex)
原理部分JavaScript 在ES6版本后提供了一些更加便捷的方法供开发者使用,实现原理其实是在对应的构造函数原型提供方法。然后供开发者使用。接下来让我们自定义这些ES6提供的简易函数吧。变异方法的实现原理ES6提供的一些方法,底层主要是用for循环实现的,咱们在使用过程中也主要是传递callback来控制输出结果。后边的实现也主要是下边的结构。Array.prototype.xxx = function (callback) { if (callback &&
2021-10-21 19:08:40 232
转载 JS中forEach()方法的使用
一、概念forEach()方法按升序为数组中含有效值的每一项执行一次callback 函数,那些已删除或者未初始化的项将被跳过(例如在稀疏数组上)。注意:forEach()的返回值为undefined forEach()对于空数组是不会执行回调函数的 没有办法中止或者跳出 forEach()循环,除了抛出一个异常二、语法arr.forEach(callback(currentValue, index, arr), thisArg)参数说明:callback:必须。为数组
2021-10-21 19:06:44 1157
转载 JS中map()函数的使用
一、概念map()方法定义在JavaScript的Array中,它返回一个新的数组,数组中的元素为原始数组调用函数处理后的值。注意:map()不会对空数组进行检测 map()不会改变原始数组二、语法array.map(function(currentValue, index, arr), thisIndex)参数说明:function(currentValue, index, arr):必须。为一个函数,数组中的每个元素都会执行这个函数。其中函数参数:currentVal
2021-10-21 19:05:22 512
转载 vue自定义radio组件
原生html的radio标签太丑了,实际开发中都需要自定义radio。如何实现呢?思路很简单,我们需要另外做一套好看的样式,然后把原来的radio标签隐藏掉即可。静态结构components/myradio.vue:<template> <div class="my-radio"> <span class="my-radio__input"> <span class="my-radio__inne
2021-10-20 09:53:27 1569
转载 Windows10微软商店打不开怎么办?
先win+R,弹出“运行”对话框然后输入inetcpl.cpl点击确认后会弹出“internet属性”对话框选中高级,将TLS1.2勾选选择应用后,再打开应用商店刷新就可以了。
2021-10-16 22:58:41 288
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人