![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 54
普通网友
这个作者很懒,什么都没留下…
展开
-
VUE3 中使用 VUEX,报错【[Vue warn] inject() can only be used inside setup() or functional components.】
VUE3 中使用 VUEX,报错【[Vue warn]: inject() can only be used inside setup() or functional components.】参考链接1:参考链接 vuex 报错 injuce()参考链接2:vuex 报错 无法在methods中使用store的引入因为在setup中,已经对store进行了定义,所以不能再在外边的methods中进行访问javascript fail···import { useStore } from原创 2022-03-11 20:41:19 · 2310 阅读 · 0 评论 -
uniapp组件封装-下拉菜单栏
如图效果<template> <!-- 组件整体 --> <view class="select_down_mDown"> <!-- 组件头部 --> <view class="select_down" @click.stop="showDownMenu"> <!-- 提示文字部分 --> <text class="select_down_text">{{value}}</text>原创 2022-03-11 19:17:49 · 4024 阅读 · 0 评论 -
Java项目精美网上音乐平台(前后端分离+java+vue+Springboot+ssm+mysql+maven+redis)
一、项目简述本系统功能包括: 音乐播放 用户登录注册 用户信息编辑、头像修改 歌曲、歌单搜索 歌单打分 歌单、歌曲评论 歌单列表、歌手列表分页显示 歌词同步显不 音乐收藏、下载、拖动控制、音粉制 后台对用户、歌曲、歌手、歌单信息的管理二、项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX (Webstorm也 行)+ Eclispe (IntelliJ IDEA,Eclispe,MyEclispe,Sts都支 持)。项目技术: Springboot .原创 2022-03-11 13:54:57 · 395 阅读 · 0 评论 -
FreeMarker详细介绍
FreeMarker1. 主要内容2.FreeMarker概述2.1. FreeMarker概念FreeMarker 是一款 模板引擎: 即一种基于模板和要改变的数据, 并用来生成输出文本(HTML网页,电子邮件,配置文件,源代码等)的通用工具。 是一个Java类库。FreeMarker 被设计用来生成 HTML Web 页面,特别是基于 MVC 模式的应用程序,将视图从业务逻辑中抽离处理,业务中不再包括视图的展示,而是将视图交给 FreeMarker 来输出。虽然 FreeMarker 具有一原创 2022-03-11 12:33:07 · 853 阅读 · 0 评论 -
app测试和web测试的区别
1.功能方面:在流程和功能测试上是没有区别的,系统测试和一些细节可能会不一样。那么我们就要先来了解,web和app的区别:web项目,一般都是b/s架构,基于浏览器的,而app则是c/s的,必须要有客户端。在系统测试的时候就会产生区别了。首先从系统架构来看的话,web测试只要更新了服务器端,客户端就会同步会更新。而且客户端是可以保证每一个用户的客户端完全一致的。但是app端是不能够保证完全一致的,除非用户更新客户端。如果是app下修改了服务端,意味着客户端用户所使用的核心版本都需要进行回归测试一遍。原创 2022-03-11 11:11:45 · 359 阅读 · 0 评论 -
项目运行部署报错:Syntax Error TypeError Cannot read property ‘parseComponent‘ of undefined
项目运行/部署报错:Syntax Error: TypeError: Cannot read property ‘parseComponent’ of undefined当项目部署 或者是 运行程序时,如果报了这个错误一般是由于vue版本与vue-template-compiler两个版本不一致。解决方法: 找到项目的package.json文件, 找到vue 和 vue-template-compiler 两个依赖,看一下他们的版本号是否相同。将他们版本号一致后,再在终端中输入 npm install原创 2022-03-10 13:28:50 · 3842 阅读 · 0 评论 -
网页表白代码烟花特效
效果演示地址(浏览一段时间会自动跳转扫码下载地址):网页表白代码烟花特效本文完整项目地址:网页表白代码烟花特效从百度网盘下载文件到本地后即可得到完整资源。效果:点击愿意会有烟花特效,下面是自动输出的表白文字,背景是高清动态花瓣,十分好看。点击不愿意,会说一些表白的话,之后再放烟花:如何通过手机qq或微信发给她?下载资源后直接把index.html文件(可以先改个名字)发给她,让她选择以浏览器打开就行了。(QQ浏览器等都可以)html核心代码:(仅仅这个html代码是运行不了的,需要去下转载 2022-03-10 12:08:02 · 340 阅读 · 0 评论 -
微信小程序开发流程(附思维导图)
一.工具HBuilder X介绍HBuilderX内置相关环境,开箱即用,无需配置nodejs安装下载App开发版,可开箱即用;如下载标准版,在运行或发行uni-app时,会提示安装uni-app插件,插件下载完成后方可使用安装地址[这里是图片001]https://www.dcloud.io/hbuilderx.html注:如果是第一次使用,需要先配置小程序ide的相关路径,才能运行成功。如下图,需在输入框输入微信开发者工具的安装路径。 若HBuilderX不能正常启动微信开发者原创 2022-03-10 10:43:30 · 950 阅读 · 0 评论 -
前端性能优化(重点)
前端性能优化可以分为三个level:静态资源优化、接口访问优化、页面渲染速度优化一.静态资源优化减少静态资源的加载时间,主要包括html、css、js和图片文件,静态资源的加载时间是前端性能最大的瓶颈(特别是图片)合并css、js文件,制作雪碧图:减少http的请求次数,节省网络请求时间静态资源cdn分发:客户端可以通过最佳的网络链路加载静态资源js、css文件压缩,图片压缩,gzip压缩:减少请求返回的数据量静态资源缓存机制使用字体图标 iconfont 代替图片图标二.接口访问优化.原创 2022-03-09 14:24:34 · 95 阅读 · 0 评论 -
【记录】【vue】自定义权限指令v-permission的简单创建及使用
文章目录vue自定义指令二、v-permission的创建和使用1.创建2.使用参考后台管理项目免不了要做权限控制,常见的比如说这个用户或者这个角色对数据有有没有增删改查的权限vue自定义指令摘自vue.js官网:(一会儿只用到了inserted这个钩子函数)二、v-permission的创建和使用1.创建在项目的src文件夹下新建一个名为directives的文件夹,在directives文件夹下面新建两个js文件:index.jx和permission.js,前者原创 2022-03-09 13:04:07 · 989 阅读 · 0 评论 -
Vue项目:学生管理系统
查询学生步骤1:设置导航步骤2:添加路由步骤3:创建页面步骤:步骤1:准备2个变量(pageInfo、studentVo)步骤2:编写查询condition函数,接收参数num步骤3:页面加载成功时,查询第一页步骤4:遍历结果 班级: --请选择-- {{classes.cname}} 姓名: 年龄:—— 添加学生步骤原创 2022-03-09 11:40:50 · 810 阅读 · 0 评论 -
Vue3使用axios
一直用UNIAPP,这次项目要用vue来写,就比较纠结装了vue3,然后挺多不适应的,记录下接口使用吧安装$ npm install axios --save创建config.js这里创建拦截器跟配置域名import axios from 'axios';import { ElMessageBox } from 'element-plus';const config = { // baseURL: process.env.baseURL baseURL: 'https://www原创 2022-03-09 10:19:53 · 717 阅读 · 0 评论 -
vue 接入天地图并且在地图上画基站扇形覆盖物
vue 接入天地图并且在地图上画基站扇形覆盖物vue接入天地图倒是不难,但是要在地图上画扇形倒是有点点麻烦。为什么选择天地图呢,因为百度地图或者是高德地图在定位的时候都会使用自家的算法在经纬度信息上进行加密,所以说与实际有很大的差距,但是天地图比较专业,当然也有瑕疵了,在天地图开发过程中就会发现,呵呵,个性化的东西就是不如商业气息浓厚的百度地图做的精致。vue接入天地图天地图官网天地图开发者中心其实天地图和百度地图的用法类似,根据官方提供的文档和案例可是实现很多的功能,然后在vue里面使用的原创 2022-03-09 08:45:07 · 291 阅读 · 0 评论 -
npm 报错 ERR Cannot read properties of null reading ‘package npm ERR A complete log of this run can
通过npm install 安装依赖报如下错误。解决办法:尝试通过cnpm install 或yarn install 即可解决。原创 2022-03-08 12:44:24 · 12339 阅读 · 5 评论 -
JS事件篇
事件篇window.onload:事件Dom查询innerhtml ----获取节点的html内容,或者设置对应节点html内容读取或者设置节点的相关属性获取元素节点的子节点children属性可以获取到当前元素所有子元素,不包括文本节点区分概念: 节点包括文本节点,而元素不包括文本节点firstChild获取当前元素第一个子节点 VS firstElementChild获取当前元素第一个子元素抽离出按钮点击函数的小案例parentNode :获取一个元素的父元素inne原创 2022-03-08 11:24:14 · 87 阅读 · 0 评论 -
HTML+CSS实现淘宝首页
一、HTML+CSS实现淘宝首页仿写淘宝页面,趁着元旦假期终于把这个淘宝页面给做好了,原创不易,欢迎大家点赞和评论二、效果图如下:三、部分源代码如下:(如需要全部代码 关注我或者私信我评论区留言我发你们邮箱,原创不易,记得点赞和收藏哦)。HTML部分源代码如下:<!DOCTYPE html><html><head> <title>淘宝网-淘!我喜欢</title> <meta charset="utf-8"> &l原创 2022-03-08 10:03:50 · 7957 阅读 · 23 评论 -
CSS基础之CSS复合选择器
文章目录前言1.后代选择器2.子选择器3.并集选择器4.伪类选择器6.总结前言复合选择器:是由两个或多个基础选择器,通过不同的方式组合而成的1.后代选择器后代选择器又称为包含选择器,可以选择父元素里面的子元素<style> 元素1 元素2 { width: 500px; height: 300px; }</style>元素1 是父级,元素2 是子级,最终选择的是元素22.子选择器子元素原创 2022-03-08 08:43:47 · 177 阅读 · 0 评论 -
如何将Sublime Text 4 设置成中文版
网上找教程的时候很多都说第一步先在Preferences里面找到Package Control,但是我的Preferences里面并没有这一项,在网上找了好多都说先使用Ctrl+`快捷键调出console之后在粘入一段代码但是自己试验了几次每次软件都卡死不会动。最后自己上网找了挺多资料,试验多次才发现这种方法可以直接安装Package Control。我们刚开始是没有Package Control的需要我们自己安装的,通过安装Package Control之后我们就可以安装自己想要得插件了。网上有好多都原创 2022-03-06 05:15:02 · 2329 阅读 · 0 评论 -
使用vue报错Cannot use ‘in‘ operator to search for
经过排查我报错的原因是$set的传参问题this.$set(data, 'rememberPass', this.rememberPass);这里的data得是对象类型的,我这里是因为没有考虑到会有纯string类型的所以报错加一个对于data类型的判断即可原创 2022-03-06 03:54:12 · 6985 阅读 · 0 评论 -
‘vite‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件
运行一个由 Vite 构建的 Vue3 项目,之前还好好的能正常跑,但拉取新代码之后再次执行 npm run dev 就提示 ‘vite’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。百思不得其解,最终解决方案如下:1、删除 node_modules 文件夹 和 package-lock.json 文件2、重新执行 npm i 安装依赖3、npm run dev 启动项目...原创 2022-03-06 02:32:10 · 5588 阅读 · 1 评论 -
Vue出现报错Uncaught TypeError vue__WEBPACK_IMPORTED_MODULE_0__.default.user is not a function
Vue代码报错:Uncaught TypeError: vue__WEBPACK_IMPORTED_MODUL_0__.default.user is not a function解决方法:查看js文件下 是不是Vue.use写成了user把user改回use就没有报错了原创 2022-03-06 01:10:52 · 4446 阅读 · 3 评论 -
v-model中.number
最近在学习vue记录下踩坑过程:vue官方文档中对于v-model中.number的描述:.number如果想自动将用户的输入值转为数值类型,可以给 v-model 添加 number 修饰符:<input v-model.number="age" type="number">这通常很有用,因为即使在 type="number" 时,HTML 输入元素的值也总会返回字符串。如果这个值无法被 parseFloat() 解析,则会返回原始的值。失败例子(求哪位好心大哥指正错误):&原创 2022-03-05 23:49:56 · 1932 阅读 · 0 评论