![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 50
普通网友
这个作者很懒,什么都没留下…
展开
-
Vue3.0中setup语法糖的使用
可以说setup函数是Vue3.0的最重要的核心方法之一。setup函数在组件创建前执行,并且充当Componsition API的入口。使用setup函数应该注意:setup函数中没有this, 因为setup函数在beforeCreated之前就执行了setup其本身不可以为异步函数setup内可以执行await方法处理异步问题setup函数接收两个参数,props和context(context包含3个参数attrs,slots,emit),而context是可以被解构的原创 2022-03-11 21:05:22 · 319 阅读 · 0 评论 -
VScode之setting.json文件——vue3插件之Vue Language Features (Volar) & 格式化插件之ESLint
VScode之setting.json文件——vue3插件之Vue Language Features (Volar) & 格式化插件之ESLintvue3插件——Vue Language Features (Volar)格式化插件——ESLint设置-打开设置{ "editor.fontSize": 16, "[html]": { "editor.defaultFormatter": "HookyQR.beautify" }, "liveSe原创 2022-03-11 19:41:23 · 2136 阅读 · 0 评论 -
React Router v6使用路由嵌套和重定向
前言:v6版本与v5版本差异较大,以下为V6使用路由嵌套及路由重定向方法,子路由路径不用加"/",v6中会自动拼接App.jsximport React, { Component } from 'react'import { Route,Routes,Navigate} from 'react-router-dom'import About from './pages/About'import Home from './pages/Home'import Header from './compo原创 2022-03-11 15:41:18 · 862 阅读 · 0 评论 -
HTML和CSS知识点总结(包括H5和C3)
HTML和CSS知识点总结1.常用的HTML标签标题标签 <h1></h1>~<h6></h6>段落标签<p></p>和换行标签<br/>文本格式化标签加粗<strong></strong>和<b></b>倾斜<em></em>和<i></i>删除线<del></del>和<s>原创 2022-03-11 12:56:23 · 112 阅读 · 0 评论 -
解决npm install 失败问题
npm install 失败问题总结:1、gyp ERR! configure error解决:npm install --unsafe-permnpm 出于安全考虑不支持以 root 用户运行,即使你用 root 用户身份运行了,npm 会自动转成一个叫 nobody 的用户来运行,而这个用户几乎没有任何权限。这样的话如果你脚本里有一些需要权限的操作,比如写文件(尤其是写 /root/.node-gyp),就会崩掉了。为了避免这种情况,要么按照 npm 的规矩来,专门建一个用于运行 npm 的高原创 2022-03-10 12:31:11 · 5910 阅读 · 0 评论 -
报错 [ app.json 文件内容错误] app.json app.json 未找到(env Windows,mp,1.05.2106300; lib 2.11.3)
[ app.json 文件内容错误] app.json: app.json 未找到(env: Windows,mp,1.05.2106300; lib: 2.11.3)uni-app 允许小程序出现这个错误信息是因为没有在hbuildex x中进行运行,直接用小程序打开了原创 2022-03-10 11:10:17 · 1356 阅读 · 0 评论 -
史上最全基于vue的图片裁剪vue-cropper使用
史上最全基于vue的图片裁剪vue-cropper使用基于vue的图片裁剪vue-cropper新的需求vue-cropper官网代码拷贝最后基于vue的图片裁剪vue-cropper最近小编好久没有写博客了,今天发现突然涨了好几个粉,特别的开心,为了回馈大家,我今天准备了一点点小小的心意,最近工作实在太忙,难得抽空更博了,不过最近小编会快马加鞭努力更博的。新的需求最近小编遇到一个图片裁剪的需求,对于一个前端小白的我来说,搞这些花里胡哨的东西,走了很多弯路,各种百度,改了又改,原创 2022-03-09 14:47:31 · 12540 阅读 · 6 评论 -
个人博客系统项目-已开源
博客上线地址:欢迎访问我的博客!http://hikari.top项目介绍实现了一个简单的个人博客系统,技术栈为后端SpringBoot+JPA+MySQL,前端Vue+ElementUI+Echarts系统分为前台展示和后台管理两个部分,前台部分主要分为了引导页,首页,随笔,项目,留言和关于我页面,使用响应式布局,能够自适应移动端,后台有首页,博客管理,撰写博客,用户管理,分类管理,标签管理,评论管理,随笔管理,项目管理,个人中心,图片管理。项目开源地址:博客前端:https://gitee.c原创 2022-03-09 13:27:06 · 429 阅读 · 0 评论 -
word报错:题注或页码中不含章节编号。请使用“开始”选项卡上的“多级列表”按钮,然后选择链接到标题样式的编号方案(无法添加题注)
这破问题还真不好解决。。。。看了这个视频:WORD教学五(论文排版之论文中的图表跟随章节插入题注)貌似知道怎么弄了。。这样操作:选择标题,然后点击多级列表 --> 定义新的多级列表然后在“将级别链接到样式”那儿选一个项目进行链接,比如我这选的是然后我们在后边随便选择一个地方,点击引用 --> 插入题注点击删除标签,再点击新建标签 --> 输入“图”然后点击编号勾选“包含章节号”,选择标题3,也就是我们刚刚链接的那个标题,点击确定然后题注就生成了...原创 2022-03-09 12:06:45 · 36138 阅读 · 0 评论 -
Vue中demo@0.1.0 serve `vue-cli-service serve`解决方法
情况:日常 cnpm run serve,突然报错npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! demo@0.1.0 serve: `vue-cli-service serve`npm ERR! Exit status 1npm ERR! Failed at the demo@0.1.0 serve script.npm ERR! This is probably not a problem with npm. There is likely原创 2022-03-09 10:42:50 · 14924 阅读 · 2 评论 -
Vue.js环境搭建、安装Vue-cli脚手架、Visual studio code
目录本章简介任务1? 大觅项目业务场景?1.1 大觅项目业务分析?1.2 大觅项目技术栈选型任务2? 大觅项目环境搭建2.1 Node.js的介绍2.2 什么是NPM2.3安装CNPM2.4?安装Vue-cli脚手架2.5?安装Webpack?2.6 创建项目dm2.7 启动项目dm2.8 安装开发工具Visual Studio Code任务3 前端架构设计3.1 分层架构&模块化3.2 分离方式3.3 UI框架3.4 构建工具webpack本章简介目前典原创 2022-03-09 09:09:34 · 984 阅读 · 0 评论 -
uniapp view 水平居中
view 能够水平居中 不用设置固定宽和高width : auto?height : automargin : 20rpx注意:需要给盒子添加背景色,才能看到效果原创 2022-03-08 14:27:42 · 1846 阅读 · 0 评论 -
postman自动化测试
postman自动化测试文章目录postman自动化测试导入测试用例文件,测试web接口1、变量设置2、pre-request script请求前执行的脚本3、Tests请求返回结果执行的脚本4、使用Runner进行自动化测试参考Postman 快速入门之脚本语法Postman接口测试自动化介绍自动化接口测试之Postman(一篇搞定) - (很全)postman官方脚本语法 pre-request Script / Tests /javascript原创 2022-03-08 13:07:20 · 2033 阅读 · 0 评论 -
Module build failed (from .node_modules@dcloudiovue-cli-plugin-unipackagesvue-loaderlibloader
Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js):16:49:42.890 语法错误: This experimental syntax requires enabling one of the following parser plugin(s): ‘decorators-legacy, decorators’ (原创 2022-03-08 11:47:06 · 4777 阅读 · 0 评论 -
IDEA配置tomcat的方法、IDEA配置tomcat运行web项目
IDEA配置tomcat的方法1.打开idea,在项目运行列表下拉选择“Edit Configurations”2.点击 左上角的"+">Templates -> Tomcat Server -> Local>ok3.在打开的界面,第一行“Name”中填入tomcat的名称4.然后点击Configure…,在Application Servers界面,点击“+”,在Tomcat Server配置界面选择要添加的已安装的tomcat路径(bin的上一级路径),最后点击“O原创 2022-03-08 10:26:45 · 823 阅读 · 0 评论 -
el-input 限制最大值最小值(亲测有效)
业务需求中,我们经常会遇到输入框的限制数字范围的需求,max,min属性并不行。可以试试这个方法:代码:<el-form-item label="开始积分" prop="startScore"> <el-input type="number" max="5" min="0" @input="numberChange(arguments[0],5)" @change="numbe原创 2022-03-08 09:06:35 · 15606 阅读 · 0 评论 -
防华为手表太空人主题界面 html5 代码实现
效果图浏览器展示项目代码结构代码展示index.html 主页代码<html><head> <title>太空人表盘</title> <meta charset="UTF-8"> <link href="./assets/css/style.css" rel="stylesheet"> <script src="./assets/js/timeGeneration.js">&转载 2022-03-07 10:32:34 · 192 阅读 · 0 评论 -
制作一个简单HTML个人网页网页(HTML+CSS)
一个简单的HTML网页,这是我大学的一个期末作业,照片都是网上找的看一下成品图主页代码,这里的是引入css样的,images里面装的是css文件<!DOCTYPE html ><html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>我的驿站</title><link href="ima原创 2022-03-06 04:17:17 · 7999 阅读 · 0 评论 -
vue时间格式2021-11-21T123000.000+0000转换yyyy-MM-dd HHmmss
vue时间格式2021-11-21T12:30:00.000+00:00转换yyyy-MM-dd HH:mm:ss1.html部分<el-table-column prop="updateTime" label="更新时间" :formatter="dateFormat"></el-table-column>2.js部分 dateFormat(row, column, cellValue, index) { const daterc = row[colum原创 2022-03-06 01:34:31 · 1069 阅读 · 0 评论 -
Vue3 创建项目遇到的问题汇总
1.Uncaught SyntaxError: The requested module '/node_modules/.vite/vue-router.js?v=4b09f9b8' does not provide an export named 'default'【解决】vue-router的配置文件:方案一:import * as VueRouter from 'vue-router'import routes from './routers'const router = VueRou原创 2022-03-06 00:13:06 · 13614 阅读 · 0 评论 -
vue 路由警告 Duplicate named routes definition
今天在开发的时候,项目报了一个警告Duplicate named routes definition ,这里记录一下解决方式和思路。警告产生的原因根据提示内容,我们大概猜测是和路由的name有关,上网了解了一下,验证了我们的猜测是正确的。警告是由于路由的name 重复导致的。(原理?who care (艹皿艹 ))错误类型虽然我们已经知道警告是由于name重复导致,其实细分一下还是有点不一样的。一是静态路由中的name重复,一是动态路由的name 重复举例说明静态路由:错误demo:{原创 2022-03-03 23:30:24 · 695 阅读 · 0 评论 -
React Hooks面试题
React Hooks面试题整理React 加入 Hooks 的意义是什么?为什么 React 要加入Hooks 这一特性?if else条件判断里使用hooks有什么问题hooks闭包的坑有哪些?如何解决常用的Hooks有哪些?useEffect为什么有时候会出现无限重复请求的问题useEffect的依赖项里类数组根据什么来判断有没有值变化React Hooks api的原理:React Hooks如何模拟组件生命周期?模拟的生命周期和class中的生命周期有什么区原创 2022-03-03 16:51:39 · 440 阅读 · 0 评论 -
idea Cannot access defaults field of Properties的解决方法
在pom.xml文件中加入 org.apache.maven.plugins maven-war-plugin 3.2.0原创 2022-03-03 14:42:34 · 378 阅读 · 0 评论 -
echarts的gallery无法访问
echarts的gallery无法访问艰难寻找带dome 的echarts图标终于被我刨到啦!很好用哦,只是不能在线编辑,其他没毛病 ,连接:EChartsDemo集原创 2022-03-03 13:38:10 · 630 阅读 · 0 评论 -
解决sass-loader和node-sass版本冲突问题(太难了)
太难了,两天没有学习了,这个问题卡了很久,差点就放弃了,今天终于解决了,继续学习Vue!报错信息1:ERROR Failed to compile with 6 errors 7:45:21 PM error in ./src/components/advanceDemo/toastCom.vue?vue&type=styl原创 2022-03-02 04:28:32 · 1095 阅读 · 0 评论 -
报错Unknown custom element <xxx> - did you register the component correctly的原因及解决办法
报错信息components代码导致出错的可能的原因把components写成了componentimport xxx from “./xxx.vue” 写成了import { xxx} from “./xxx.vue”代码中有两个components,后一个的值把前一个覆盖了解决方案逐一对照上述3种可能导致出错原因,然后做对应修改即可解决问题我是第3个原因,被坑到差点怀疑人生,看到这篇文章的小伙伴你是什么原因?欢迎补充...原创 2022-03-02 03:25:00 · 1164 阅读 · 0 评论 -
前端案例:简易登录表单的制作,包括用户名、密码、随机验证码(代码完整,复制即用)
案例效果本案例基于 vue.js 和Element UI 实现。随机验证码采用 DOM 操作和 canvas 绘制,可随机生成和刷新;后续程序逻辑直接填入方法即可。Element UI 下载安装//npm安装elementnpm i element-ui -S//vue项目中全局引入 src/main.js中import ElementUI from 'element-ui';Vue.use(ElementUI);element ui 的使用方式参见官网:Element - The转载 2022-03-02 02:21:27 · 714 阅读 · 0 评论 -
【前端就业课 第一阶段】HTML5 零基础到实战(六)表格详解
注意:手机(APP)打开,内容显示更佳,不会的私聊博主即可想要拿代码或加入学习计划(** 博主会监督你并且教你写文章 **)的拉到最下面(PC端Web打开)加博主即可,目录也在最下面。参加博主前端学习计划发文时再头部记得机上本专栏链接,示例如下:我已加入 博主的免费前端 站起来 学习计划,专栏链接:https://blog.csdn.net/a757291228/category_11609526.html表格的使用一、表格的基础用法??:小媛,这节课咱们学习表格的使用。??小媛:就是类似Ex原创 2022-03-02 01:17:49 · 141 阅读 · 0 评论 -
vue3获取vuex中的对象时为proxy对象,如何获取值
在使用vuex的时候发现获取state的string number类型的变量时,是可以直接通过store.state.value 取到值的,但是在取对象的时候,控制台打印出来的是Proxy 对象,Proxy对象里边的[[Target]]才是真实的对象。//第一种获取target值的方式,通过vue中的响应式对象可使用toRaw()方法获取原始对象import { toRaw } from '@vue/reactivity'var list = toRaw(store.state.menuList)原创 2022-03-02 00:14:18 · 2275 阅读 · 1 评论 -
vant官网-vant ui 首页-移动端Vue组件库
Vant 是有赞前端团队开源的移动端vue组件库,适用于手机端h5页面。鉴于百度搜索不到vant官方网址,分享一下vant组件库官网地址,方便新手使用vant官网地址https://vant-contrib.gitee.io/vant/#/zh-CN/通过 npm 安装在现有项目中使用 Vant 时,可以通过npm或yarn进行安装:# Vue 2 项目,安装 Vant 2:npm i vant -S# Vue 3 项目,安装 Vant 3:npm i vant@next -Svant原创 2022-03-01 21:24:20 · 32442 阅读 · 0 评论