壹一一-CSDN博客

原创 vue登录验证和权限管理

在项目中，我们需要进行登录验证，已登录的用户不能再跳转到登录页面，未登录的用户需要先进行登录，在vue中通过路由守卫实现。：不需要权限控制的路由，也就是大家都可以访问的路由，比如登录页，首页、404等错误页，在初始化时先挂载这些路由。：不同的身份有的有这个路由、有的没有，需要做权限控制的路由。在后台项目中，不同身份的用户拥有不同的权限，超级管理员拥有所有页面的访问权限，普通用户只拥有一部分权限。不同角色拥有的按钮权限也不同，获取到后端返回的按钮名称进行判断。通过自定义指令进行按钮权限的判断。

2024-08-24 18:03:25 404

原创 nvm和nrm

在项目开发过程中，不同项目使用的nodejs版本不同，有时会因为node版本过高或太低，导致报错；为了解决这种问题，可以通过配置环境变量更换使用的nodejs版本；也可以使用nvm进行管理。

2024-08-04 17:39:20 125

原创使用webpack打包ts代码

还可以设置自动生成的html文件的模版，生成的html文件按照 index.html的模版生成。在实际开发中我们都需要使用构建工具对代码进行打包，下面是使用webpack打包ts代码的步骤。主要作用：创建package.json文件。创建webpack.config.js文件。一些关于webpack的配置信息。

2024-08-04 17:19:03 285

原创前端八股文javascript

JSON是一种纯字符串形式的数据，它本身不提供任何方法，适合在网络中进行传输。JSON数据存储在.json文件中，也可以将 JSON 数据以字符串的形式存储在数据库、Cookie、Session 中。检索和解析 JSON 数据，Js提供了。什么时候使用jison: 定义接口；序列化；生成token；配置文件package.json。

2024-03-13 19:56:24 1527

原创 vue3组件通信

首先给子组件绑定自定义事件（send-toy），在子组件中声明事件，当子组件触发该自定义事件时，就会调用回调函数（saveToy）。用于在setup中注册自定义事件父组件< template > < div class = " father " > < h3 > 父组件 < h4 v-show = " toy " > 子传递过来的玩具:{{ toy }}

2024-03-11 17:04:09 1012

原创 params参数与query参数

params（路径参数）和query参数。

2024-01-15 19:48:46 392

原创 async和await

在 JavaScript 中，使用async和await关键字与不使用的主要区别在于处理异步操作的方式。

2024-01-14 19:07:51 345

原创 vuex模块化式开发

在home小仓库中使用封装的reqCategoryList接口请求数据，result.data即为请求到的数据，再传给categoryList。并不是全部的项目都需要Vuex，如果项目很大，组件很多，数据很多，数据维护费劲，就可以使用Vuex。vuex是官方提供的一个插件，状态管理库，集中式管理项目中组件共用的数据。在store文件夹下的index.js文件中，引入另外的小仓库。在src文件夹下创建api文件夹，用于存放接口相关的内容。创建index.js文件夹，对所有的API接口统一管理。

2024-01-10 18:15:39 368

原创 axios学习记录

axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

2024-01-06 17:21:21 502 1

原创【Vue学习】

一、定义语法：(1).局部指令：directives:{指令名:配置对象} 或 directives{指令名:回调函数}(2).全局指令：Vue.directive(指令名,配置对象) 或 Vue.directive(指令名,回调函数)二、配置对象中常用的3个回调：(1).bind：指令与元素成功绑定时调用。(2).inserted：指令所在元素被插入页面时调用。(3).update：指令所在模板结构被重新解析时调用。三、备注：1.指令定义时不加v-，但使用时要加v-；

2023-11-03 16:28:11 55 1

原创 webpack打包模式

内容分发网络，指的是一组分布在各个地区的服务器。

2023-10-07 11:56:31 57 1

原创 npm模块化

【代码】npm模块化。

2023-10-04 16:22:34 45 1

原创 webpack打包过程

注意3：webpack-dev-server 根据配置，打包相关代码在内存当中，以 output.path 的值作为服务器根目录（所以可以直接自己拼接访问 dist 目录下内容）下面是基于webpack5，对整个打包流程进行梳理。可以配置webpack-dev-server快速开发应用程序，可以启动Web服务，自动检测代码变化，热更新到网页。webpack5 内置了资源模块（字体，图片等）打包，无需额外Loader，只需要简单配置即可处理图片资源。之前改代码，需要重新打包才能运行查看，效率很低。

2023-10-04 15:32:15 219 1

原创闵帆教授《论文写作》学习心得

本文记录的是闵帆教授《论文写作》课程的一些收获和心得体会。自己以前基本没有论文写作的经历，通过闵帆老师的这门课，我对于论文写作有了一个新的认识。

2022-12-13 23:25:21 427 1

qq_45143649的博客