- 博客(132)
- 收藏
- 关注
RSS订阅原创 vscode终端执行npm指令时报错:无法加载文件 D:\nodejs\npm-check.ps1
2. 执行命令Set-ExecutionPolicy -Scope CurrentUser并输入RemoteSigned。1.输入get-ExecutionPolicy得到Restricted。
2024-09-03 15:10:17
544
原创 使用nvm管理node版本
打开cmd,输入where node查看node安装路径，打开node.exe所在文件夹，清空文件夹。输入nvm use "版本号"，使用node.js（切换已安装的node版本）输入 nvm -v查看当前安装nvm的版本号，出现版本号则安装成功。输入 nvm install "版本号"，安装node.js。输入 nvm ls，查看已安装的node版本。，选择nvm.exe或nvm.zip下载。输入node -v，查看node的版本。查看当前node.js可安装的版本号。
2023-07-21 16:39:57
5935
原创 nodejs升级后运行vue报错digital envelope routines::unsupported
1.修改package.json，在相关构建命令之前加入SET NODE_OPTIONS=--openssl-legacy-provider。
2023-03-22 13:44:04
1669
原创 windows系统下更新nodejs
5.安装完成后之后在命令行中输入node -v。，找到node的安装位置。2.查看nodejs版本，安装，选择的安装路径为。3.下载nodejs。
2023-03-22 11:18:24
2476
原创 vue 使用 css/less 动态更换主题色
.css.drak-theme { --color-primary: #000000;}.light-theme { --color-primary: pink;}一、全局引入css文件，在使用的地方动态切换的class（light-theme、drak-theme）document.getElementById("app").className="light-theme";document.getElementById("app").className = "..
2020-12-01 10:34:48
2326
1
原创 vue-cli4中引入全局less变量的方式
1.安装style-resources-loadernpm i style-resources-loader --save-dev2.安装vue-cli-plugin-style-resources-loadernpm i vue-cli-plugin-style-resources-loader --save-dev3.配置vue.config.jsconst path = require("path");module.exports = { pluginOpti..
2020-11-30 16:35:27
1521
原创 使用node.js连接mysql8+版本出现错误
node连接mysql出现：Client does not support authentication protocol requestedby server; consider upgrading MySQL client解决方法：一、cmd运行mysql二、修改mysql密码规则ALTER USER 'root'@'localhost' IDENTIFIED BY 'password' PASSWORD EXPIRE NEVER;三、更改新的密码ALTER USER 'r.
2020-06-12 13:34:42
5805
4
原创 安装MySQL
一、下载安装包https://www.mysql.com/1.进入官网后，点击"Dowload"，选择MySQL Community (GPL) Downloads mysql社区版，是免费的mysql版本2.下载社区版的Server3.下载免安装版二、设置环境变量1.点击"我的电脑"-->"属性"-->''高级系统设置''-->''环境变量''1.新建环境变量2.把新建的MySQL_path变量添加到Path路径变量中三、...
2020-06-12 10:53:34
190
原创 vue 动态加载组件
<component :is="currentView"></component>this.currentView = () => import("@/views" + 组件位置 + ".vue");
2020-05-20 14:55:57
216
原创 vue cli 3 引入 使用jQuery
// 安装jquerynpm install jquery --save// 打开.eslintrc.js 添加module.exports = { env: { jquery:true }}// 打开vue.config.js 文件 添加const webpack = require('webpack')module.exports = { confi...
2020-05-08 15:58:27
257
原创 input标签自动填充问题
// input 使用readonly 获取焦点后status设为true<input @focus="focus()" :readonly="status ? false : 'readonly'"/>focus: function() { this.status = true;}
2020-05-08 11:26:25
897
原创 vue 自定义组件使用v-model，实现父子组件之间双向绑定
父组件中引入子组件<loongValidate v-model="diskDistri"></loongValidate>子组件中<input v-model="value" @input="input()"/>传递：input: function() { this.$emit("input", this.value);}...
2020-04-10 10:56:36
762
原创 vue props default 数组/对象的默认值
数组data: { default: () => []} 对象data: { default: () => ({})}
2020-04-03 13:20:56
7054
1
原创 Vue 递归组件向外传递数据
新建 bus.jsimport Vue from 'vue'; export default new Vue(); 递归组件中import bus from '@/assets/js/bus.js'; bus.$emit('balloonTip',{})得到balloonTipmounted() { bus.$on("balloonTip", data...
2020-03-26 14:44:45
796
原创 vue 使用vue-wechat-title动态设置title
安装vue-wechat-titlenpm install vue-wechat-title --save在mian.jsimport VueWechatTitle from 'vue-wechat-title'Vue.use(VueWechatTitle)app.vue中使用<router-view v-wechat-title="$route.name==...
2020-03-26 14:17:45
1515
原创 vue使用函数防抖监听窗口的变化
resizeHandler: function() { let timer; var self = this; return () => { if (timer) clearTimeout(timer); timer = setTimeout(function() { self.setWid()...
2020-03-26 14:00:43
816
原创 vue data中使用箭头函数改变this的指向，函数名作为对象的属性
data() { return { formater: (data) => {} }}
2020-03-25 09:46:25
1001
原创 vue项目关闭eslint校验
在webpack.base.conf.js文件中找到createLintingRule()删除，重启npm run dev
2020-03-24 09:39:24
327
原创 vue动态引入js，路径为变量
import(`@/${path}`) // path为变量 import(`@/${path}`).then(item=>{}); // item为引入js的export
2020-03-11 15:12:59
2683
2
原创 textarea输入字符限制
<textarea maxlength="200" class="create-note-input"></textarea>$(".create-note-input").keyup(function () { var len = $(this).val().length; var num = 200 - le...
2020-02-19 09:23:45
219
原创 jQuery中$.extend(true,object1, object2);深拷贝对象
jQuery.extend( [deep ], target, object1 [, objectN ] )[deep ]为true（深拷贝），默认false（浅拷贝），object1 拷贝的对象
2020-02-17 11:34:04
227
原创 得到对象的长度
// 获取对象的key值 var dataArr = Object.keys(data); // data为对象// 获取长度 console.log(dataArr.length);
2020-02-17 11:30:57
327
原创 ps图片放大后调整图片清晰度
在菜单栏里面找到-图像-图像大小或者按ctrl+alt+i将重新采样改为保留细节2.0，再将减少杂色改为10%-20%，再修改宽度/高度改为自己想要的数值。
2020-01-18 16:45:35
1062
原创 append节点原节点消失 clone
clone() 方法，调用clone()方法可以生成一个被选元素的副本，复制了一个被选元素$('.class').append($('#id').clone(true));
2020-01-06 15:50:14
286
原创 vue 父通过props向子传值，默认值为数组
indexArray: { default: function () { return []; } }
2019-12-17 16:01:28
3175
原创 vue实现递归组件
父组件<loongDropDownBox :keyVal="keyVal" :menuData="menuData"></loongDropDownBox>组件<template> <ul style="width: 100%"> <li v-for="(item,index) in menuData " :key=...
2019-12-17 09:25:14
154
原创 vue i18n 多语言文本指定位置动态改变, 实现占位替换
zh.jsexport const message = { alarm_1010: "ip为{id}xxxxxx",}或export const message = { alarm_1010: "ip为{0}xxxxxxxx{1}xxxxxx",}使用：{{$t('message.alarm_1010',{id:id})}}或{{$t('mess...
2019-12-16 11:08:51
4722
原创 父组件设置v-show，请求成功后置为true，子组件高度为0
将v-show设为v-ifv-show与v-if相同点：功能控制元素的显隐性不同点：v-if：对元素进行销毁和重建。若初始渲染时条件为假，则什么也不做，直到条件第一次变为真时，才会开始渲染条件块。v-show：只是简单地 CSS 对元素进行切换。通过display来控制显示或隐藏...
2019-12-05 17:59:03
947
原创 js获取浏览器语言
let language = navigator.language?navigator.language:navigator.browserLanguage;
2019-12-02 17:59:27
153
原创 vue监听全局点击事件以及解绑
methods: { clickOther: function () {}；}mounted() { window.addEventListener("click", this.clickOther);}beforeDestroy() { // 实例销毁之前对点击事件进行解绑 window.removeEventListener('click', this....
2019-11-22 14:18:27
12690
1
原创 js使用indexOf、splice
js使用indexOf判断数组是否含有某个值，若存在则删除，否则添加let indexOf = this.selectArr.indexOf(index);if (indexOf == -1) { this.selectArr.push(index);} else { this.selectArr.splice(indexOf, 1);}...
2019-11-22 13:48:45
481
原创 vue实现国际化
安装vue-i18n，可使用npm安装依赖包： npm install vue-i18nmian.jsimport VueI18n from 'vue-i18n'Vue.use(VueI18n) // 通过插件的形式挂载const i18n = new VueI18n({ locale: 'zh', // 语言标识 messages: { 'zh': re...
2019-11-22 13:39:10
170
原创 vue 全局使用axios
在main.js中import axios from 'axios'Vue.prototype.$axios= axios; // axios 改写为 Vue 的原型属性在页面中直接使用this.$axios.get('url地址', {}) .then(response => { console.log(response) }) ...
2019-11-22 13:27:59
90
原创 css制作三角形
div { width: 0px; height: 0px; border-width: 50px; border-style: solid; } .triangle { border-color: aqua pink c...
2019-11-22 11:25:42
108
原创 vue弹窗设置fixed进行拖拽，不超过浏览器
效果：// 鼠标按下事件 移动弹窗 mousedown: function (event) { // mousedown绑定在可拖拽的元素上 if (this.isDrag) { let loongDialog = this.$refs.loongDialog; // 弹窗的ref ...
2019-11-22 11:11:45
813
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人