- 博客(40)
- 收藏
- 关注
原创 Vue-pinia 报错未定义
问题主要在于异步初始化和组件的渲染周期。在 Vue.js 中,组件渲染是异步的,并且有其生命周期。当你在组件外部(例如导航守卫、全局函数等)尝试访问状态管理库(如 Pinia)时,存在一些挑战和注意事项:1. **初始化时机:**- Pinia 或类似的状态管理库需要在应用启动时初始化和配置。在 Vue.js 应用中,很多全局设置(如路由守卫、全局函数)可能在应用启动之前被调用。
2023-12-29 17:04:56 1261 2
原创 vue-前端读取文件夹并高亮代码
来自抖音博主演示,vscode可以在网页端选择文件夹,觉得很新颖的功能。使用【simple-syntax-highlighter】库。获取到文件,使用store存起来,使用高亮的js库展示。1.读取文件 showDirectoryPicker。1.读取属于iO操作,所以异步。学会使用对应的API。2.文件夹属于树结构。
2023-12-25 17:38:34 850
原创 css之fade 动画效果
当鼠标悬停在这个 `div` 上时,`opacity` 会从 `1` 渐变到 `0.5`,过程持续0.5秒,采用了一个 ease-in-out 的过渡方式。常见的过渡方式有 `ease`、`linear`、`ease-in`、`ease-out` 和 `ease-in-out`。可以应用于各种属性,比如 `opacity`、`width`、`height`、`color`、`transform` 等,创造出多样化的效果。` 将过渡时间设为1秒。2. **`scale()`:** 缩放元素的大小。
2023-11-27 18:06:11 1723
原创 Vue-Router(4) 学习之动态路由二
使用pinia作为全局store,控制包括路由权限、userinfo、token等动态信息。说明:depthFlagArr,show_ivl_menu 是判断是否加载路由的标识。4.2 动态路由与userInfo的关系。2. 路由控制 private_routes.ts。1. 动态路由表 dynamic_routes。4.1 动态路由刷新404。
2023-07-07 18:23:51 1833
原创 八大排序算法
是指常用的八种排序算法,它们包括:冒泡排序(Bubble Sort):通过不断交换相邻元素的位置,将最大(或最小)的元素逐渐"冒泡"到最后(或最前)的位置。选择排序(Selection Sort):每次从未排序的部分中选择最小(或最大)的元素,并将其放置在已排序部分的末尾。插入排序(Insertion Sort):逐个将元素插入到已排序序列的适当位置,直到所有元素都被插入完毕。
2023-06-09 18:07:15 1407 2
原创 vue3 element-plus 暗黑模式(主题切换)简易版
节省电池寿命:在有机发光二极管(OLED)或柔性有机发光二极管(AMOLED)屏幕上,黑色像素是不发光的,因此在暗黑模式下使用这些屏幕可以节省电池寿命,延长续航时间。存储用户选择:为了记住用户的主题偏好,可以使用本地存储(如localStorage)来保存用户选择的主题。创建两套样式表,一套是亮色主题的样式表,另一套是暗黑主题的样式表。根据当前选择的主题,动态加载相应的样式表。总体来说,通过按钮的点击事件,动态切换主题,并根据主题切换来添加或移除HTML元素的类名,从而实现了暗黑模式的切换效果。
2023-06-08 16:19:23 10183 6
原创 Vue-Router(4) 学习之动态路由 addRoute
前端动态路由:前端动态路由是指根据用户的操作或应用的状态变化,在前端代码中动态加载和渲染不同的页面内容,而无需刷新整个页面。这种方式可以提供更流畅和交互性强的用户体验。Vue Router 是 Vue.js 的官方路由库,用于实现前端的路由功能。通过配置路由表,可以定义路由路径和组件之间的映射关系,实现动态加载和切换不同的页面组件。addRoute 方法:在 Vue Router 中,addRoute 方法用于动态添加路由。你可以根据需要在运行时根据权限或其他条件动态地添加路由配置。
2023-05-15 18:27:51 9313
原创 学习vue之pinia
Pinia 是一个基于 Vue 3 的状态管理库,它提供了一种简单、直观和强类型的方式来管理应用程序的状态。Pinia 是为 TypeScript 设计的,提供了完整的类型支持。它使用了 Vue 3 的 Composition API,可以在开发过程中进行类型推断和类型检查,使代码更可靠和易于维护。Pinia 的核心概念是 Store,每个 Store 对象都代表了一个独立的状态管理单元。通过定义 Store,你可以组织和管理应用程序的状态,并在组件中访问和修改这些状态。
2023-05-12 13:39:38 798 1
原创 js 滚动加载
方式:页面或div的滚动条滚动到底部或者特定位置后,自动加载更多内容。场景:图片等list样式的内容,需要在不翻页的情况下使用加载更多。
2023-04-17 20:22:38 435 1
原创 vue3学习记录二组件之间的通信方式-下
vue3对组件通信进行优化:包括是否使用tepescript,defineProps和defineEmits
2023-01-05 00:08:00 366
原创 vue3获取vuex中的对象时为proxy对象,如何获取值
网上好多都是一样的 还不行、、、、、、、、、、、 这个问题不是proxy问题,而是异步任务逻辑上不一样;如结果
2022-07-05 17:15:57 1758
原创 JavaScript 学习模块化
1.CommonJS 规范一种 模块化 规范,每个文件就是一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。规定,每个模块内部有两个变量可以使用,require 和 modulerequire 用来加载某个模块module 代表当前模块,是一个对象,保存了当前模块的信息。exports 是 module 上的一个属性,保存了当前模块要导出的接口或者变量,使用 require 加载的某个模块获取到的值就是那个模块使用 export...
2021-06-23 16:21:11 216
原创 学习JavaScript 中 call()、apply()、bind()
重点: 以 this 为中心,即执行的上下文环境1. JavaScript this 关键字面向对象语言中 this 表示当前对象的一个引用。但在 JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变。 this 的多种指向: 1、在对象方法中, this 指向调用它所在方法的对象。 var myObject = { firstName:"John", lastName: "Doe", fullName: func..
2021-06-21 21:46:37 101
原创 JavaScript 学习之二分查找
网页重要的是什么?是结构?是样式?还是行为?--HTML--javascript--cssjavaScript: javaScript与java是两个不相关的两门编程语言! 这两个家伙的本质也不一样,java是一种可以撰写跨平台应用软件的面向对象的程序设计语言; JavaScript是一种直译式脚本语言,它本身提供了非常丰富的内部对象供设计人员使用。 ...
2021-06-16 10:43:38 85
原创 JavaScript 学习排序算法之冒泡排序
maopaoSort(arr) { console.log('冒泡 ') console.log(arr) const array = arr.concat() let i = array.length while (i > 0) { for (let j = 0; j < i - 1; j++) { if (array[j] > arr[j + 1]) { cons..
2021-06-15 10:04:48 288 3
原创 echarts Tree组件的使用
Q:改变某个节点的labeltip:echarts v5, vue2.61. 按需引入组件import * as echarts from 'echarts/core'import { TooltipComponent } from 'echarts/components'import { TreeChart } from 'echarts/charts'import { CanvasRenderer } from 'echarts/renderers'echarts.use([T.
2021-03-26 20:43:34 785
原创 echarts中使用world.json
Q:需要使用world.json数据画世界地图tip:使用echarts v5,vue2.6中使用1. 使用方式一完全引入echartsimport * as echarts from 'echarts'import datajson from './world.json'echarts.registerMap('world', datajson)2.使用方式二按需引入import * as echarts from 'echarts/core'import { ...
2021-03-26 20:28:48 3471 1
原创 记录provide 和 inject使用
这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在其上下游关系成立的时间里始终生效。provide选项应该是一个对象或返回一个对象的函数。inject选项应该是一个字符串数组,或一个对象。记录具有响应能力的provide/inject // 父组件 data() { return { userItem: { id: '' } } }, provide() { ret...
2021-03-19 12:36:45 189
原创 JavaScript数据结构与算法学习学习
<学习JavaScript数据结构与算法(第3版)> pdf 分享下载<学习JavaScript数据结构与算法(第3版)> pdf 分享下载<学习JavaScript数据结构与算法(第3版)> pdf 分享下载<学习JavaScript数据结构与算法(第3版)> pdf 分享下载<学习JavaScript数据结构与算法(第3版)> pdf 分享下载<学习JavaScript数据结构与算法(第3版)> pdf 分享下载<学习Ja
2020-12-11 12:51:15 89 1
原创 layui 表格删除问题
问题描述:在表格删除时,使用 obj.del();//删除对应行(tr)的DOM结构,并更新缓存,但是,当点击分页,再次点击回来时,数据还是显示出来的原因:删除操作,只删除对应当前table的数据的缓存,原始的data并未删除,当点击分页,重载数据时,table数据来自原始数据,就显示出来了更改:增加 table.reload,重载数据,并删除原始数据中当前删除的item部分代码如下实例//监听工具条 table.on('tool(coordina.
2020-09-21 15:04:00 2078
原创 使用promise 封装XMLHttpRequest
/*使用promise 封装XMLHttpRequest(resove, reject) 对应请求的(then,catch) config 请求参数 data 可选 url 必须 method 必须 timetout 可选默认(3000) responseType 可选 使用时,then先后catch */export default function xhrRequest (config) { return new Promise(function dispRequest .
2020-08-18 11:20:24 2023
原创 vue/cli 4.3.1跨域问题,已搞定
这里写自定义目录标题vue/cli 4.3.1跨域问题vue/cli 4.3.1跨域问题vue新手的必经之路,跨域请求,搞了好九九根目录下新建 .env.development 文件# just a flagENV = 'development'# base apiVUE_CLI_BABEL_TRANSPILE_MODULES = true根目录下新建 vue.config.js// vue.config.jsmodule.exports = { publicPa
2020-05-12 15:27:41 704
原创 input 框后面带单位、提示
css .input-group { position: relative; display: table; border-collapse: separate; width: 100%; } .input-group .form-control, .input...
2019-12-13 16:27:19 9373 3
原创 大四前得一个晚上
今天晚上在贵财跑步,朋友说跑步可以放下心中的比较沉重事!但是我没有。。。我为什么会是现在的境况,我也不知道。也许我本身就是这样一个人,也许是环境导致,也许我放不下的还是你!没有什么对或不对,我觉得我也许就是这样一个人!也许在别人看来你和我本身就应该这样,但我我想说我还是经常会想起你!大四了,以后我也许会变得更成熟,也还会遇到许多的人..现在我不得不放下一些我早该放下得人和事,因为我们都得往...
2018-08-16 22:28:59 92
原创 前端--javaScript--一
网页最重要的是什么?是结构?是样式?还是行为?--HTML--javascript--cssjavaScript: javaScript与java是两个不相关的两门编程语言! 这两个的本质也不一样,java是一种可以写跨平台应用软件的面向对象的程序设计语言; JavaScript是一种直译式脚本语言,它本身提供了非常丰富的内部对象供设计人员使用。 执行...
2018-08-16 13:10:26 142
原创 程序--Python
很开心,自己用Python爬小说看!import urllib.requestfrom bs4 import BeautifulSoupi =253while i<=369: url = "https://www.hkslg.net/303/303208/63385"+str(i)+".html" #print (url) content = ur...
2018-08-04 08:02:55 249 2
原创 第一个java程序,不容易啊!
package test;public class Test1 { public static void main(String[] args) { System.out.println("第一个java程序,不容易啊!");}}首先是看视频,装JDK;配置环境变量;然后在lib文件下写test.java;用notepad++写Java;cmd运行Java;但是这个public写错;改正后Ja...
2018-04-19 13:09:08 129
原创 生活也许不应该这样
大三下了,校园学习生活也许就到这里了。大一进入校园的时候学习就没有太大兴趣,每一天就按部就班的学习。寝室是唯一,大家都不玩游戏,什么LOL,都不会。偶尔的偶尔去图书馆玩一下。大一结束了,感觉什么都是一个颜色,灰蒙蒙的....大一下学期的时候,迷恋小说,虽然不是第一次了,但是这次挂科了。好烦...这个学期有时候去打打球,还玩CS...考二级没过,唉...觉得大学没意思了----大二上学期中秋节时候开...
2018-04-15 13:15:19 189 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人