前端
文章平均质量分 53
普通网友
这个作者很懒,什么都没留下…
展开
-
vue3 script-setup 语法糖 父子组件通信 使用defineEmit,defineProps,defineExpose (useContext 弃用)
官方地址https://github.com/vuejs/rfcs/blob/script-setup-2/active-rfcs/0000-script-setup.md#closed-by-default新的写法相比之下写法变得更加简化,下面具体看是否真香子组件![在这里插入图片描述](https://img-blog.csdnimg.cn/20210623152824701.png组件传值父组件下面上源码//子组件<template> <div>原创 2022-03-11 20:33:37 · 422 阅读 · 0 评论 -
npm安装报错解决合集(一)
在新版nodejs已经集成了npm,所以npm也都安装好了。可以通过输入下面命令来测试是否成功安装node -vnpm -v如果安装成功,都会出现版本号用npm -v测试,报错:node:internal/modules/cjs/loader:936 throw err; ^Error: Cannot find module 'D:lcbsoftwareodejsode_modulespminpm-cli.js' at Function.Module._reso原创 2022-03-11 15:09:37 · 12644 阅读 · 1 评论 -
Express 框架的使用(详细)
文章目录Express 框架1.1 Express框架是什么1.2 Express 框架特性1.3 原生 node.js 与 Express 框架对比1.4 基本使用(入门代码)2. 中间件2.1 什么是中间件2.2 中间件的基本使用2.3 app.use 中间件用法2.4 中间件应用2.5 错误处理中间件2.6 捕获错误3. express 请求处理3.1 构建模块化路由3.2 GET参数的获取3.3 POST参数的请求3.4 app.use()方法的进原创 2022-03-11 12:25:33 · 402 阅读 · 0 评论 -
Ant Design Vue a-table标签使用插槽slot写column时,调用record提示无法获取record的属性
今天在项目时遇到一个小bug,出现的原因也有点细,不仔细看还真看不出来,记录一下,希望下次不要因为这种小问题调bug了。问题描述:a-table中的solt如下<template slot="title" slot-scope="text, record"> <a @click="onDetail(record)">{{ record }}</a> </template>colomn中的title写法如下 {原创 2022-03-11 11:04:11 · 2444 阅读 · 0 评论 -
带你熟练掌握 HTML
HTML 基础文章目录HTML 基础一,结构1.1HTML文件基本结构1.2标签层次结构二、HTML常见标签2.1 标题标签2.2注释标签2.3段落标签2.4换行标签2.5格式化标签2.6 图片标签 img ☆2.7超链接标签2.8表格2.9列表标签三、表单标签3.1 input ☆3.2 select3.3 textarea3.3 无语义标签前言:1、HTML只是表达一些结构/信息2、HTML表示网页的结构——骨 (类似于报原创 2022-03-10 10:36:02 · 171 阅读 · 0 评论 -
前端启动出现报错,提示vue-cli-service serve的解决办法
在命令行中使用命令 npm run dev运行从网上下载的一个vue项目时出现了以下报错:npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! ruoyi@3.6.0 dev: `vue-cli-service serve`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the ruoyi@3.6.0 dev script.npm ERR! This is probably not a problem原创 2022-03-09 14:17:07 · 1802 阅读 · 0 评论 -
vue项目node-sass sass-loader node 版本对应问题
本人总结了一套万能无错的版本node 8.11.2sass-loader 7.3.1node-sass 4.7.2node版本对应的node-sasssass-loader 4.1.1,node-sass 4.3.0sass-loader 7.0.3,node-sass 4.7.2sass-loader 7.3.1,node-sass 4.7.2sass-loader 7.3.1,node-sass 4.14.1使用国内镜像npm install -g mirror-config-原创 2022-03-09 11:33:21 · 1610 阅读 · 0 评论 -
vue3中ref的理解
1.什么是refref和reactive一样,也是用来实现响应式数据的方法由于reactive必须传递一个对象,所以在实际开发中如果只是想让某个变量实现响应式的时候回非常麻烦所以Vue3提供了ref方法实现简单值得监听2.ref本质ref底层其实还是reactive,所以当运行时系统会自动根据传入的ref转换成reactive.3.ref注意点在vue中使用ref的值不用通过value获取在js中使用ref的值必须通过value获取4.ref获取元素在vue2中我们可以通原创 2022-03-09 10:12:25 · 394 阅读 · 0 评论 -
Vue warn] Component is missing template or render function
解决方式:检查script代码是否正确示例1<script setup></script>示例 2<script>export default { setup () { return {} }}</script>原创 2022-03-09 08:37:40 · 2920 阅读 · 0 评论 -
The request client is not a secure context and the resource is in more-private address space private
问题突然间文档平台http://doc.xxx.cn所有视频无法播放,控制台报错如下: Access to XMLHttpRequest at ‘https://xxx.yyy.com?accessKey=Y7TkK6ML2Pt0TAht&fragmentNum=0’ from origin ‘http://zzz.cn’ has been blocked by CORS policy: The request client is not a secure context and the reso原创 2022-03-08 13:57:23 · 701 阅读 · 0 评论 -
npm list vue显示empty解决办法
出现这种情况怎么办?D:odejsodejs>npm list vueD:odejsodejs`-- (empty)后面加个 “ -g ” (全局) 试试D:odejsodejs>npm list vue -gD:odejsodejsode_global`-- vue@2.6.14原创 2022-03-08 12:36:59 · 2281 阅读 · 3 评论 -
H5画布 canvas 入门到精通 _ 第一部分(canvas简介、绘制圆形矩形、案例饼状图绘制)
目录1. canvas 简介2. canvas 标签介绍3. canvas 上下文 Context4. 案例:在 canvas 画布中绘制表格5. canvas 的 beginPath 状态6. 绘制矩形 rect7. 绘制圆形 arc8. 案例:根据一组数据绘制饼状图1. canvas 简介canvas 是HTML5 提供的一种新标签 ,与 div 类似,是一个矩形的画布,它可以支持 JavaScript 在上面绘画,控制每一个像素;canvas 拥有多种绘制路径、矩形、圆形、字符以转载 2022-03-08 09:56:21 · 216 阅读 · 0 评论 -
com.alibaba.fastjson.JSONException field null expect ‘[‘, but {, pos 1, line 1,
json字符串转 List对象时出现如下异常:com.alibaba.fastjson.JSONException: field null expect '[', but {, pos 1, line 1, column 2{。。。。。 at com.alibaba.fastjson.parser.DefaultJSONParser.parseArray(DefaultJSONParser.java:741)java实现的后台逻辑:String tasksInfos = getMapValu原创 2022-03-08 08:36:19 · 12610 阅读 · 0 评论 -
曲鸟全栈UI自动化教学(九):Selenium为什么慢?那是你加载策略设置不对
一、前言有不少粉丝,甚至一些行业中有一定经验的朋友都说selenium性能差、很慢,打开一个网页要等半天才开始执行。初学的粉丝提出这个问题我能够理解,行业工作经验数年还这样说我就有点诧异了。看来很多小伙伴还是没有阅读官方文档的习惯,这里就简单的讲解一下为什么你会觉得selenium慢以及如何解决这个问题:当我们通过webdriver(比如启动谷歌浏览器:webdriver.Chrome())启动浏览器时,会启动一个没有任何缓存、cookie的浏览器。这个时候通过driver.get("https://x转载 2022-03-07 08:38:50 · 1447 阅读 · 0 评论 -
基于Vite + Vue3 + NaiveUI + TypeScript的中后台管理模版 — Soybean Admin开源啦
???基于Vite + Vue3 + NaiveUI + TypeScript的中后台管理模版 — Soybean Admin开源啦???简介Soybean Admin 是一个基于 Vue3、Vite、TypeScript、Naive UI 的免费中后台模版,它使用了最新的前端技术栈,内置丰富的主题配置,有着极高的代码规范,基于mock实现的动态权限路由,开箱即用的中后台前端解决方案,也可用于学习参考。特性最新技术栈:使用 Vue3/vite2 等前端前沿技术开发, 使用高效率的npm包管理器pn原创 2022-03-06 05:07:32 · 450 阅读 · 0 评论 -
[Vue warn] Failed to resolve component xxx
bug内容:原文:[Vue warn]: Failed to resolve component: testIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.at 必应翻译:未能解决组件:测试如果这是一个本地自定义元素,请务必通过编译器从组件分辨率中排除它。原因预读:逻辑问题:父组件都已经挂载上了,原创 2022-03-06 02:24:40 · 4913 阅读 · 0 评论 -
Vue中的methods方法
在 methods 中定义方法我们可以使用 methods 属性给 Vue 定义方法,methods 的基本语法:var vm = new Vue({ methods:{ // 在此时定义方法,方法之间使用逗号分隔 方法名:function(){}});示例:例如在 methods 中定义一个名为 show 的方法:methods:{ show: function(){ console.log("显示内容") }}在方法中访问属性在 me原创 2022-03-06 01:03:21 · 6945 阅读 · 0 评论 -
TypeError parentComponent.ctx.deactivate is not a function
vue3在使用keep-alive出现切换页面报错vue-router.esm-bundler.js?f6c4:3295 TypeError: parentComponent.ctx.deactivate is not a function at unmount (runtime-core.esm-bundler.js?9e79:4686) at patch (runtime-core.esm-bundler.js?9e79:3664) at Ob原创 2022-03-05 23:42:25 · 2946 阅读 · 0 评论