- 博客(40)
- 收藏
- 关注
RSS订阅原创 Vue-pinia 报错未定义
问题主要在于异步初始化和组件的渲染周期。在 Vue.js 中，组件渲染是异步的，并且有其生命周期。当你在组件外部（例如导航守卫、全局函数等）尝试访问状态管理库（如 Pinia）时，存在一些挑战和注意事项：1. **初始化时机：**- Pinia 或类似的状态管理库需要在应用启动时初始化和配置。在 Vue.js 应用中，很多全局设置（如路由守卫、全局函数）可能在应用启动之前被调用。
2023-12-29 17:04:56
1151
2
原创 vue-前端读取文件夹并高亮代码
来自抖音博主演示，vscode可以在网页端选择文件夹，觉得很新颖的功能。使用【simple-syntax-highlighter】库。获取到文件，使用store存起来，使用高亮的js库展示。1.读取文件 showDirectoryPicker。1.读取属于iO操作，所以异步。学会使用对应的API。2.文件夹属于树结构。
2023-12-25 17:38:34
765
原创 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
1612
原创 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
1813
原创 八大排序算法
是指常用的八种排序算法，它们包括：冒泡排序（Bubble Sort）：通过不断交换相邻元素的位置，将最大（或最小）的元素逐渐"冒泡"到最后（或最前）的位置。选择排序（Selection Sort）：每次从未排序的部分中选择最小（或最大）的元素，并将其放置在已排序部分的末尾。插入排序（Insertion Sort）：逐个将元素插入到已排序序列的适当位置，直到所有元素都被插入完毕。
2023-06-09 18:07:15
1345
2
原创 vue3 element-plus 暗黑模式（主题切换）简易版
节省电池寿命：在有机发光二极管（OLED）或柔性有机发光二极管（AMOLED）屏幕上，黑色像素是不发光的，因此在暗黑模式下使用这些屏幕可以节省电池寿命，延长续航时间。存储用户选择：为了记住用户的主题偏好，可以使用本地存储（如localStorage）来保存用户选择的主题。创建两套样式表，一套是亮色主题的样式表，另一套是暗黑主题的样式表。根据当前选择的主题，动态加载相应的样式表。总体来说，通过按钮的点击事件，动态切换主题，并根据主题切换来添加或移除HTML元素的类名，从而实现了暗黑模式的切换效果。
2023-06-08 16:19:23
9581
6
原创 Vue-Router(4) 学习之动态路由 addRoute
前端动态路由：前端动态路由是指根据用户的操作或应用的状态变化，在前端代码中动态加载和渲染不同的页面内容，而无需刷新整个页面。这种方式可以提供更流畅和交互性强的用户体验。Vue Router 是 Vue.js 的官方路由库，用于实现前端的路由功能。通过配置路由表，可以定义路由路径和组件之间的映射关系，实现动态加载和切换不同的页面组件。addRoute 方法：在 Vue Router 中，addRoute 方法用于动态添加路由。你可以根据需要在运行时根据权限或其他条件动态地添加路由配置。
2023-05-15 18:27:51
8956
原创 学习vue之pinia
Pinia 是一个基于 Vue 3 的状态管理库，它提供了一种简单、直观和强类型的方式来管理应用程序的状态。Pinia 是为 TypeScript 设计的，提供了完整的类型支持。它使用了 Vue 3 的 Composition API，可以在开发过程中进行类型推断和类型检查，使代码更可靠和易于维护。Pinia 的核心概念是 Store，每个 Store 对象都代表了一个独立的状态管理单元。通过定义 Store，你可以组织和管理应用程序的状态，并在组件中访问和修改这些状态。
2023-05-12 13:39:38
786
1
原创 js 滚动加载
方式：页面或div的滚动条滚动到底部或者特定位置后，自动加载更多内容。场景：图片等list样式的内容，需要在不翻页的情况下使用加载更多。
2023-04-17 20:22:38
370
1
原创 vue3学习记录二组件之间的通信方式-下
vue3对组件通信进行优化：包括是否使用tepescript，defineProps和defineEmits
2023-01-05 00:08:00
358
原创 vue3获取vuex中的对象时为proxy对象，如何获取值
网上好多都是一样的 还不行、、、、、、、、、、、 这个问题不是proxy问题，而是异步任务逻辑上不一样；如结果
2022-07-05 17:15:57
1685
原创 JavaScript 学习模块化
1.CommonJS 规范一种 模块化 规范，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。规定，每个模块内部有两个变量可以使用，require 和 modulerequire 用来加载某个模块module 代表当前模块，是一个对象，保存了当前模块的信息。exports 是 module 上的一个属性，保存了当前模块要导出的接口或者变量，使用 require 加载的某个模块获取到的值就是那个模块使用 export...
2021-06-23 16:21:11
175
原创 学习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
93
原创 JavaScript 学习之二分查找
网页重要的是什么？是结构？是样式？还是行为？--HTML--javascript--cssjavaScript： javaScript与java是两个不相关的两门编程语言！ 这两个家伙的本质也不一样，java是一种可以撰写跨平台应用软件的面向对象的程序设计语言； JavaScript是一种直译式脚本语言，它本身提供了非常丰富的内部对象供设计人员使用。 ...
2021-06-16 10:43:38
78
原创 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
278
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
765
原创 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
3394
1
原创 记录provide 和 inject使用
这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在其上下游关系成立的时间里始终生效。provide选项应该是一个对象或返回一个对象的函数。inject选项应该是一个字符串数组，或一个对象。记录具有响应能力的provide/inject // 父组件 data() { return { userItem: { id: '' } } }, provide() { ret...
2021-03-19 12:36:45
182
原创 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
82
1
原创 layui 表格删除问题
问题描述：在表格删除时，使用 obj.del();//删除对应行（tr）的DOM结构，并更新缓存，但是，当点击分页，再次点击回来时，数据还是显示出来的原因：删除操作，只删除对应当前table的数据的缓存，原始的data并未删除，当点击分页，重载数据时，table数据来自原始数据，就显示出来了更改：增加 table.reload，重载数据，并删除原始数据中当前删除的item部分代码如下实例//监听工具条 table.on('tool(coordina.
2020-09-21 15:04:00
2028
原创 使用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
1982
原创 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
665
原创 input 框后面带单位、提示
css .input-group { position: relative; display: table; border-collapse: separate; width: 100%; } .input-group .form-control, .input...
2019-12-13 16:27:19
9265
3
原创 大四前得一个晚上
今天晚上在贵财跑步，朋友说跑步可以放下心中的比较沉重事！但是我没有。。。我为什么会是现在的境况，我也不知道。也许我本身就是这样一个人，也许是环境导致，也许我放不下的还是你！没有什么对或不对，我觉得我也许就是这样一个人！也许在别人看来你和我本身就应该这样，但我我想说我还是经常会想起你！大四了，以后我也许会变得更成熟，也还会遇到许多的人..现在我不得不放下一些我早该放下得人和事，因为我们都得往...
2018-08-16 22:28:59
85
原创 前端--javaScript--一
网页最重要的是什么？是结构？是样式？还是行为？--HTML--javascript--cssjavaScript： javaScript与java是两个不相关的两门编程语言！ 这两个的本质也不一样，java是一种可以写跨平台应用软件的面向对象的程序设计语言； JavaScript是一种直译式脚本语言，它本身提供了非常丰富的内部对象供设计人员使用。 执行...
2018-08-16 13:10:26
132
原创 程序--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
204
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
121
原创 生活也许不应该这样
大三下了，校园学习生活也许就到这里了。大一进入校园的时候学习就没有太大兴趣，每一天就按部就班的学习。寝室是唯一，大家都不玩游戏，什么LOL，都不会。偶尔的偶尔去图书馆玩一下。大一结束了，感觉什么都是一个颜色，灰蒙蒙的....大一下学期的时候，迷恋小说，虽然不是第一次了，但是这次挂科了。好烦...这个学期有时候去打打球，还玩CS...考二级没过，唉...觉得大学没意思了----大二上学期中秋节时候开...
2018-04-15 13:15:19
176
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人