- 博客(27)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue3+ts通用管理后台练习项目
一个基于 RBAC 设计的通用后台管理系统，支持通过配置文件批量完成特定功能，如搜索、表格数据显示，导入、导出。项目中封装了大量通用组件，如表单、表格、Echarts 图表、头像上传、面包屑、左侧菜单等。
2022-10-23 08:57:10
1958
4
原创 vue3引入element-plus的各种方式
vue3引入element-plus的各种方式element-plus 导入总是出现问题，所以做了个小结使用 pnpm 管理，版本号如何进行引入的 先搞清楚具体的包的位置和内容element-plus 在项目中的地址el-xxx 就是一个一个封装好的组件注意 目录的层级 element-plus---->lib----> xxxx 第一种 全局注册有了上面的图解应该很容易明白这种引入方式的原理了 //全局导入 import 'element-pl
2022-04-10 10:03:08
3392
2
原创 JS轮播图
轮播图基础巩固完JavaScriptDOM自己尝试写一下轮播图小功能上一页、下一页自动轮播鼠标悬停止轮播点击小方框轮播无缝轮播涉及知识点JS面向对象ClassJSDOM操作this指向事件委托事件监听动画封装定时器节流阀<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>轮播图</title> </head
2022-03-24 19:30:46
228
原创 构造函数、实例对象、原型之间的关系以及原型链
构造函数、实例对象、原型之间的关系以及原型链构造函数、实例化对象、原型对象之间的关系构造函数实例化对象原型对象三者的关系原型、原型链的关系自己画一遍才能理解清楚构造函数、实例化对象、原型对象之间的关系构造函数系统内部已经定义的构造函数如 Date()系统特殊的构造函数 如 Function()、 Object()自定义的构造函数一般是函数名大写的函数function Person(){ // js引擎内部做的一件事 this.prototype = {} }实例
2022-03-19 18:19:31
109
原创 vue 发布订阅模式
vue 发布订阅模式为什么要使用发布订阅模式vue 中数据反映到视图中的方式主要是采取声明式渲染+模板编译声明式渲染： 例如v-mdoe等指令的形式渲染模板编译原理：简单来讲就是获取app下所有的childNodes通过循环找到符合的元素节点，node.nodeType === 1拿到所有元素节点的attributes属性，遍历attributes其中包括了两个关键属性nodeName、nodeValue其中nodeName 就是指令：例如v-mode， nodeValue就是v-mo
2022-03-15 15:17:17
1919
原创 vue2 和vue3 数据绑定原理
vue2 和vue3 数据绑定原理vue2 Object.defineProperty俗称数据劫持（劫持的是对象的属性）通过Object.defineProperty API 完成数据的响应式更新缺点数组vue重写的数组中的方法push、pop、shift、unshfit、reserve、splice、sort所以使用此api页面能够自动渲染对于数组的监听arr[0] = 1 页面不会重现渲染对于数组的长度改变不会重现渲染解决方案：通过$set/Vue.set(target,dat
2022-03-14 22:04:48
118
原创 Vue3 实现 RBAC 权限管理
Vue3 实现 RBAC 权限管理RBAC的基本概念RBAC本质上就是一个授权的过程通过 用户 —> 角色---->资源为啥要用RBAC一个系统中用户是非常多的，对于不同的用户，展示的内容也是不同的，如果为每一个用户都单独的设置权限那需要创造出多少提条数据，例如：一个系统有30个菜单，100个用户，一对一授权就是30 * 100 ，每一个菜单项基本有增删改查，那就是30 * 100 * 4用户越多产生的数据越多，后期增删改查统统要遍历所有的数据，设计是非常糟糕的，效率极低。若果采
2022-03-13 16:38:05
3632
3
原创 vue3 在onMounted 调用async初始化数据函数是时，数据为空的问题
vue3 在onMounted 调用async初始化数据函数时 ，数据为空的问题错误代码运行结果显示分析猜测原因验证最后修改代码结果其实这是一个很简单的问题 ，就是在``onMounted``中使用异步函数的时候要加上 ``async``错误代码<script setup>import {ref,onMounted ,reactive} from 'vue'import { useRoute } from 'vue-router'import {getArticelById} from
2022-03-12 23:32:35
10953
1
原创 ElementUI-plus 树形表格默认只展开1行
ElementUI-plus 树形表格默认只展开1行效果<template> <el-card class="box-card"> <el-table :data="primissions" style="width: 100%; margin-bottom: 1.25rem" row-key="id" border :expand-row-keys="expands" @expand-c
2022-03-07 19:16:06
2482
原创 微信购物车案例
微信购物车案例1.读取本地缓存的购物车数据 微信缓存数据2. 渲染出读取的购物车物品实例 const carts = wx.getStorageSync('carts') this.setData({ carts, }) 3. 添加新的物品3.1 商品已存在 数量+13.2 商品未存在 重新存储最新的数据addChart() { // 获取缓存中的数据 let Carts = wx.getStorageSync('carts')
2021-10-17 16:48:43
104
原创 微信开发 缓存Storage
微信开发 缓存页面内容1.获取想要缓存的数据关于request请求封装请查看我的上一篇文章封装全局request请求 getCates() { wx.get('/categories') .then((res) => { let cates = res.map(v=>v.cat_name) let allcates = res let rightContent = res[0].children wx.setStora
2021-10-16 09:36:33
447
原创 微信开发 封装全局request请求
微信开发 封装全局request请求在utils 新建一个 api.js 文件打开文件 封装请求const app = getApp()const bastUrl = 'https://api-hmugo-web.itheima.net/api/public/v1' const Request = (url, options) => { return new Promise((resolve, reject) => { wx.request({ url:
2021-10-15 12:52:16
188
原创 Python 文件的读取写入
Python 文件的读取写入# 写入文件def createFile(file_Path, option, conten): try: f = open(file_Path, option) try: print(conten, file=f) finally: f.close() print("文件关闭") finally: print("操作完成！"
2021-09-30 19:42:15
153
原创 Python 爬取豆瓣Top250
Python 爬取豆瓣Top250跟着哔哩哔哩里的 Python 257万播放量的老师学习，老师讲的很详细也很透彻，把代码贴出来为了提供一起学习的小伙伴们参考。# -*- coding: utf-8 -*-# @Author : llvyr# @qq:994814645 import urllib.parseimport urllib.requestimport urllib.errorfrom bs4 import BeautifulSoupimport urllib.pars
2021-09-30 19:37:49
146
原创 Python List练习题 购物车
Python 练习题实现一个类似购物车的语句，用户循环输入编号可以将列表内的商品储存到一个新的列表里面，当用户输入’q’时退出循环products = [["iphone", 6888], ["MacPro", 14800], ["小米", 2499], ["Coffee", 31]]flag = Truearr = []while flag: print("---------商品列表---------") for index, item in enumerate(produc
2021-09-29 17:18:54
240
原创 关于微信开发者没有上传按钮的问题
关于微信开发者没有上传按钮的问题开发者没有上传按钮产生的原因，上传按钮是要上传到你的开发平台，你都没有对应的真实APPID怎么上传。第一种情况：用的是测试号而不是真正的APPID的进行开发。可以在微信开公众平台查看是否一致第二种情况：查看 project.config.json 文件夹有没有改...
2021-09-24 16:51:56
724
原创 关于vant 日期组件无法关闭问题
关于vant 日期组件无法关闭问题可能是我同时引入了element UI 和 vant 组件之间有冲突的问题根据官文的文档似乎并没有关于关闭按钮的回调事件的相关描述，通过分析组件的触发情况，猜测应该是vant 内部将日历放进了Popup 组件在利用Popup组件进行展示，所以我使用Popup 中的关闭回调事件解决问题。关键代码： @click-close-icon="show = false"代码如下： <van-calendar :show="show"
2021-09-24 16:39:01
1919
原创 问题关于json 字符串中带有反斜杠的问题
系列文章目录文章目录系列文章目录问题关于json 字符串中带有反斜杠的问题一、 原因二、使用步骤1.代码示例问题关于json 字符串中带有反斜杠的问题一、 原因前端在使用了两次stringify({}) 才会出现反斜杠，由于后端要求要传入一个对象和两个字符串，都要是json类型，对象是动态创建的。二、使用步骤1.代码示例代码如下（示例）：let goodsMap = new Map()for (var i = 0; i < that.myChartList.length; i++
2021-09-16 22:29:35
19965
原创 父子组件分页的的props传递，如何把props中的值保存到data中
父子组件分页的的props传递在封装一些组件的同时可能会夹杂着分页组件一起封装，这就面临一个问题，关于每次分页的当期页面的最新值，如何在父子组件中传递的问题。我也是最近开发遇到的困难，由于对vue的熟悉程度不够，网上的答案有时并不能解决值传递的问题。再次做一个关于父子组件分页的的props传递记录。以便帮助更多新学习vue的小伙伴参考。基本的父子组件通信，父传子父组件定义一组数据或单个数据，在引用子组建的时候传递值 使用v-bind: 动态绑定 子组件使用props接收。基本的父子组件通信，
2021-09-13 20:14:41
2112
1
原创 ajax的简单运用
名称 ：智能小助手流程： <div class="title">智能小助手</div> <div class="main"> <div class="left"> <img class="leftImg" src="01.png" alt=""> <div class="leftMsg">您可以输入“舔狗”查看舔狗日记</div>
2021-02-01 10:43:49
49
原创 HTML / CSS / JS xmid总结
HTML / CSS / JS简单笔记，根据w3和菜鸟教程的内容，自己总结的一些知识点，如有错误请指出。
2020-11-09 18:47:24
159
原创 reduce 的初步认识
reduce 的初步认识 参考文档：https://developer.mozilla.org reduce 接受的四个参数Accumulate (acc 累加器)Current Value (cur) (当前值)Current Index (idx) (当前索引)Source Array (src) (源数组)语法arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])参数.
2020-09-18 18:48:18
362
原创 filter相关知识点小结
filter 小结基本语法var newArray = arr.filter(callback(element[, index[, array]])[, thisArg])参数callback 回调函数 true 是返回元素 false 过滤掉次元素element 当前正在处理的函数index 当前正在处理的函数的索引值array 调用 filter 函数的数组thisArg执行 callback 时，用于 this 的值。只有下面 this 的值是 undecided
2020-09-18 18:40:11
125
原创 Visual Studio Code 系统禁止运行脚本
使用Visual Studio Code 的终端命令是遇到系统禁止运行脚本的问题利用终端执行命令时遇到无法加载文件，系统禁止运行脚本的错误提示。如下图解决方案：打开WindowsPowerShell 选择以管理员身份运行，如下图接着进入到下图页面输入A即可回到编辑器，再次运行命令查看结果问题解决...
2020-09-06 09:07:24
572
原创 NetBeans 无法打开外部url的问题
NetBeans 无法打开外部url的问题使用NetBeans的编辑器时，遇到了无法打开外部URL的情况解决方案(中文版)：打开工具 > 选项 > 常规 > 编辑 > 添加 > 浏览选择你要打开的浏览器我用的是chrome.exe，点击打开，最后点击确定，就可以使用了。...
2020-09-01 19:26:01
2766
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人