前端
文章平均质量分 50
人民的石头
这个作者很懒,什么都没留下…
展开
-
Vue-Router 路径匹配与重定向
通过设置路由匹配同时设置重定向,让输错的网址重定向到指定页面,例如在网页输入网页地址把路径进行任意修改,重定向到登录页面。原创 2024-01-14 21:49:44 · 792 阅读 · 0 评论 -
前端404页面的制作
前端开发经常遇到输入路径不存在的问题,为此,把之前项目的404拿出来供大家参考。代码很简单,适合新手入手。原创 2023-11-16 21:26:51 · 618 阅读 · 0 评论 -
vue3别名配置(vite)
在VUE项目中import导入文件时,可以写相对路径.原创 2023-11-16 21:10:41 · 553 阅读 · 0 评论 -
vue-router配置
3、编辑文件且引入router包。2、创建router目录。4、main.js引入。原创 2023-11-15 22:41:34 · 128 阅读 · 0 评论 -
前端开发引入element plus与windi css
前端开发有很多流行框架,像React 、angular、vue等等,本文主要讲vue 给新手用的教程,其实官网已经写的很清楚,这里再啰嗦只是为了给新手提供一个更加简单明了的参考手册。原创 2023-11-12 20:42:56 · 408 阅读 · 0 评论 -
运行npm install卡住不动的几种解决方案
在前端开发经常会遇到运行npm install 来安装工具包一直卡住不动,为此这里提供几种解决方案,供大家参考学习,不足之处还请指正。原创 2023-11-11 22:34:34 · 18286 阅读 · 8 评论 -
前端初始化项目切换镜像命令
不切换成国内镜像容易出现: idealTree:moni: sill idealTree buildDeps 一直卡着。原创 2023-11-07 22:39:40 · 382 阅读 · 0 评论 -
Vue前端开发常用命令
安装指定版本(V5.0.7) : npm install -g @vue/[email protected]。安装最新版本(V2.9.6):npm install -g vue-cli@latest。安装指定版本(V2.9.5):npm install -g [email protected]。查看可安装的版本:npm view vue-cli versions --json。安装最新版本(V5.0.8): npm install -g @vue/cli。卸载已安装的版本:npm uninstall -g vue-cli。转载 2023-10-30 22:01:28 · 555 阅读 · 0 评论 -
vite+vue3实现 tomcat 的本地部署
很多开发小伙伴在本地开发完前端项目后,碍于服务端环境配置麻烦,先本地试试部署好开发的前端项目,本文手把手教你如何在本地部署前端项目。原创 2023-10-29 17:14:15 · 1341 阅读 · 0 评论 -
使用vite搭建前端项目
3、如需要在项目中使用库,可在项目中执行使用npm install 命令执行安装,例如引入less库。2、执行npm run dev 命令直接运行创建好的项目,在浏览器打开链接地址,可观看前端效果。提示如需安装其他依赖执行npm install ....,否则忽略(第三步再讲)。4、使用vite打包命令,这里只是简单讲述打包,域名配置代理,那一部分跳过不讲。执行打包命令后,可以用看到,多一个dist目录。dist目录下为打包结果。原创 2023-10-23 22:22:37 · 352 阅读 · 0 评论 -
在 JavaScript 中为对象添加属性
请注意,当在对象中找到指定的键时,点表示法和方括号表示法都将用给定属性覆盖对象的属性。方法,它将第二个对象的内容合并到第一个对象中。如果对象具有共同的键,则此方法会使用给定对象的属性覆盖源对象。方法可以将属性从源对象复制到目标对象。如果在两个对象中找到相同的键,则源中的属性会覆盖目标对象的属性。这种方法不会用给定对象的公共键属性覆盖源对象。一种简单的方法是使用带有赋值运算符的点表示法将属性添加到现有对象。如果上述所有方法有任何共同的键,则使用给定对象的属性覆盖源对象,除了。使用 jQuery,您可以使用。原创 2023-08-23 08:48:11 · 5386 阅读 · 0 评论 -
vue3实现 后台管理系统登录与记住密码功能(element-plus)
【代码】element-plus后台管理系统实现登录与记住密码功能。原创 2023-06-12 15:40:35 · 2463 阅读 · 0 评论 -
有关router.beforeEach()路由页面限制
router.beforeEach() 也就可以叫全局前置守卫,主要在路由页面跳转前做的一些操作,最常用的场景:例如用户登录检验,没有登录,就不能进入某些页面,只有登录了之后才有权限查看某些页面,说白了就是路由拦截。主要分为四个步骤:1、npm命令引入router 2、原创 2023-05-20 19:42:15 · 430 阅读 · 0 评论 -
Vuex详解
更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件:每个 mutation 都有一个字符串的事件类型 (type)和一个回调函数 (handler)。提供唯一的公共数据源,有共享的数据统一放到store的state进行储存,相似与data。类似于vue中的computed,进行缓存,对于Store中的数据进行加工处理形成新的数据。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。原创 2023-05-19 15:10:02 · 999 阅读 · 0 评论 -
js 判断字符串中是否包含某个字符串
方法一: indexOf() (推荐)indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现,则该方法返回 -1。方法二: search()search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。如果没有找到任何匹配的子串,则返回 -1。方法三:match()match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。转载 2023-05-14 22:13:13 · 198 阅读 · 0 评论 -
Vue3+element-plus实现后台管理系统
c. npm config set registry=https://registry.npmmirror.com 切换成国内镜像。d. 初始化工程 npm init vue@latest shop-admin -- --template vue。1、安装的插件 vscode中文显示插件 2、高亮提示插件volar 3、vue 3 sni 代码提示。安装: npm install element-plus --save。中文地址:https://cn.windicss.org/原创 2023-05-08 22:22:35 · 3959 阅读 · 0 评论