- 博客(133)
- 收藏
- 关注
原创 vscode终端执行npm指令时报错:无法加载文件 D:\nodejs\npm-check.ps1
2. 执行命令Set-ExecutionPolicy -Scope CurrentUser并输入RemoteSigned。1.输入get-ExecutionPolicy得到Restricted。
2024-09-03 15:10:17 566
原创 使用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 5962
原创 nodejs升级后运行vue报错digital envelope routines::unsupported
1.修改package.json,在相关构建命令之前加入SET NODE_OPTIONS=--openssl-legacy-provider。
2023-03-22 13:44:04 1680
原创 windows系统下更新nodejs
5.安装完成后之后在命令行中输入node -v。,找到node的安装位置。2.查看nodejs版本,安装,选择的安装路径为。3.下载nodejs。
2023-03-22 11:18:24 2507
原创 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 2358 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 1568
原创 使用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 5826 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 198
原创 vue 动态加载组件
<component :is="currentView"></component>this.currentView = () => import("@/views" + 组件位置 + ".vue");
2020-05-20 14:55:57 227
原创 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 264
原创 input标签自动填充问题
// input 使用readonly 获取焦点后status设为true<input @focus="focus()" :readonly="status ? false : 'readonly'"/>focus: function() { this.status = true;}
2020-05-08 11:26:25 913
原创 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 771
原创 vue props default 数组/对象的默认值
数组data: { default: () => []} 对象data: { default: () => ({})}
2020-04-03 13:20:56 7067 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 806
原创 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 1530
原创 vue使用函数防抖监听窗口的变化
resizeHandler: function() { let timer; var self = this; return () => { if (timer) clearTimeout(timer); timer = setTimeout(function() { self.setWid()...
2020-03-26 14:00:43 829
原创 vue data中使用箭头函数改变this的指向,函数名作为对象的属性
data() { return { formater: (data) => {} }}
2020-03-25 09:46:25 1015
原创 vue项目关闭eslint校验
在webpack.base.conf.js文件中找到createLintingRule()删除,重启npm run dev
2020-03-24 09:39:24 345
原创 vue动态引入js,路径为变量
import(`@/${path}`) // path为变量 import(`@/${path}`).then(item=>{}); // item为引入js的export
2020-03-11 15:12:59 2693 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 236
原创 jQuery中$.extend(true,object1, object2);深拷贝对象
jQuery.extend( [deep ], target, object1 [, objectN ] )[deep ]为true(深拷贝),默认false(浅拷贝),object1 拷贝的对象
2020-02-17 11:34:04 243
原创 得到对象的长度
// 获取对象的key值 var dataArr = Object.keys(data); // data为对象// 获取长度 console.log(dataArr.length);
2020-02-17 11:30:57 337
原创 ps图片放大后调整图片清晰度
在菜单栏里面找到-图像-图像大小或者按ctrl+alt+i将重新采样改为保留细节2.0,再将减少杂色改为10%-20%,再修改宽度/高度改为自己想要的数值。
2020-01-18 16:45:35 1078
原创 append节点原节点消失 clone
clone() 方法,调用clone()方法可以生成一个被选元素的副本,复制了一个被选元素$('.class').append($('#id').clone(true));
2020-01-06 15:50:14 298
原创 vue 父通过props向子传值,默认值为数组
indexArray: { default: function () { return []; } }
2019-12-17 16:01:28 3184
原创 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 166
原创 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 4816
原创 父组件设置v-show,请求成功后置为true,子组件高度为0
将v-show设为v-ifv-show与v-if相同点:功能控制元素的显隐性不同点:v-if:对元素进行销毁和重建。若初始渲染时条件为假,则什么也不做,直到条件第一次变为真时,才会开始渲染条件块。v-show:只是简单地 CSS 对元素进行切换。通过display来控制显示或隐藏...
2019-12-05 17:59:03 968
原创 js获取浏览器语言
let language = navigator.language?navigator.language:navigator.browserLanguage;
2019-12-02 17:59:27 161
原创 vue监听全局点击事件以及解绑
methods: { clickOther: function () {};}mounted() { window.addEventListener("click", this.clickOther);}beforeDestroy() { // 实例销毁之前对点击事件进行解绑 window.removeEventListener('click', this....
2019-11-22 14:18:27 12724 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 495
原创 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 183
原创 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 106
原创 css制作三角形
div { width: 0px; height: 0px; border-width: 50px; border-style: solid; } .triangle { border-color: aqua pink c...
2019-11-22 11:25:42 119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人