长风犹在旧人还-CSDN博客

原创 Mac ARM64使用 Nvm 安装 node 遇到的部分问题记录

使用Homebrew 安装，Homebrew 可以参考。node14 版本过低不支持 ARM64。需要使用Rosseta切换编译。如果切换显示完成但是全局运行。注：该配置仅在当前窗口生效。注：该配置仅在当前窗口生效。然后控制台运行配置文件。版本却不是自己想要的。

2024-06-25 15:33:59 258

原创基于 js 的不定宽容器过长文本中间变省略号

原生 js 实现容器宽度不确定时，将过长文本中间变省略号，两头正常展示。

2024-06-03 17:52:21 584 1

原创 Vue3 hooks 实现 el-tree懒加载反显问题

import { nextTick, ref } from "vue";/** * el-tree + 懒加载 + 反显 hooks * 思路： * 注：状态指复选框状态 * 属性指 data 里面存储的 checkStatus * 1、点击节点时触发 elTree 的 load 回调，load 里面去请求获取节点接口，接口完成时触发 reviewTree * 2、reviewTree 内部根据返回的子节点状态属性以及当前父节点的状态设置本次加载出来的子节点的状态（父节

2022-03-16 11:27:07 1144

原创 Object.defineProperty

Object.defineProperty语法及说明Object.defineProperty(obj,prop,desc)obj想要改变的对象prop想要添加或改变的属性名desc属性描述符属性描述符Object.defineProperty定义属性有两种形式:1.数据描述符，2.存取描述符。注:两种形式不可以混合使用。数据描述符特有属性：value,writablevalue 设置的属性值默认:undefinedwritable 该属性是否可以改变默认:falsel

2020-10-21 15:09:47 158

原创 Vue国际化-i18n

Vue国际化-i18n效果图安装yarn add vue-i18n使用1.在main.js中引入i18n。import Vue from 'vue';import VueI18n from "vue-i18n";import App from './App.vue';import router from './router';import store from './store';Vue.config.productionTip = false;Vue.use(VueI18n)

2020-10-20 17:11:40 182

原创 canvas学习实践-动态小球

canvas学习实践-动态小球动画效果创建Ball类 class Ball { radius = 10; //球半径 y = this.radius //小球当前位置 constructor() { this.canvas = document.querySelector('canvas'); //获取页面中的canvas元素 this.ctx = this.canvas.getContext('2

2020-10-12 16:29:54 389 2

原创 Nginx服务器Vue history模式404配置

Nginx服务器Vue history模式404配置进入nginx根目录，进入conf文件夹找到nginx.conf文件。找到上面这句话，更改为：location / { try_files $uri $uri/ /index.html;} 最后的/index.html配置，如果你的项目的index.html文件是在html文件夹的子目录中，就应该配置为/子路径名/index.html。例：我的项目是放在/html/test下,我的配置为：location / { try_

2020-09-24 10:32:40 388

原创 VUE面试笔记

无痕刷新在父组件中给引用的标签加v-if并绑定变量，并使用provide向子组件中传递该变量，子组件中使用inject进行接收。<template> <div id='app'> <router-view v-if="isShow"></router-view> </div></template><script>export default{ name: "App", provide() { r

2020-09-09 11:15:18 163

原创 VUE权限指令

vue权限指令vue项目将后端返回的权限数据存储到vuex中，并根据不同权限展示不同内容。directive.jsimport Vue from 'vue';Vue.directive('rule', { //在绑定元素插入父元素生命周期触发 inserted: function (el, bind, vnode) { //自定义指令中无法使用this获取vue实例，但是vnode绑定在实例上下文，所以使用vnode.context可以解决这个问题。

2020-09-09 11:11:28 286

原创 VUE工作笔记

笔记插件vuepress ===> vue官方md转html字符串转数字纯数字字符串 ==》对应数字带有非数字 ==》 0boolean ==》 true:1 false:0特殊类型 ==》转 boolean 为 true:1 false:0 例:~~undefined => 0Content-Typeapplication/json => json 格式application/x-www-form-urlencoded => 键值对格式Content

2020-09-09 11:08:23 147

qq_43674041的博客