前端
文章平均质量分 62
普通网友
这个作者很懒,什么都没留下…
展开
-
Vue3 使用 element-plus 不生效的原因之一
该网址https://www.h5w3.com/124920.html涉嫌抄袭本文章,无法联系作者,只好把人挂在这里。根据这篇https://blog.csdn.net/GongWei_/article/details/109986596配置下来,发现还是不生效,折腾半天之后发现,由于我用了router,所以我没动最后一句“createApp(App).use(router).mount(’#app’)”,我的main.js是这么改的:import { createApp } from 'vue'原创 2022-03-11 20:43:35 · 3864 阅读 · 3 评论 -
uniapp通过uni.addInterceptor实现路由拦截功能
扒了插件市场的uni-start,抽出来的简单的路由拦截功能。项目结构|-- |-- App.vue |-- index.html |-- main.js |-- manifest.json |-- pages.json |-- uni.scss |-- .hbuilderx | |-- launch.json |-- api # api文件 |-- components # 自定义组件,按照格式:组件名/组件名.v.原创 2022-03-11 19:20:06 · 1674 阅读 · 0 评论 -
Pinia的简单使用
前言最近发现vue中出了个Pinia,与vuex一样用来管理状态的。提前简单学习一下,免得以后用到了不会??Pinia官网: Pinia以下内容都是基于vue3的基本使用安装npm install pinia@next注:npm不好使的话,可以用cnpm试一下在main.js文件中创建一个 pinia(根存储)并将其传递给应用程序import { createPinia } from 'pinia';app.use(createPinia());基本格式import { def原创 2022-03-11 15:19:37 · 638 阅读 · 0 评论 -
jquery实现走马灯特效(扑克牌切换效果)
话不多说,先上大致效果:本着程序员的开源精神,代码奉上:html代码:<div class="main-box"> <div class="poker_box"> <div class="pokerCaroursel poker-content" data-setting='{ "width":1094, "height":338, "pokerWidth":488, "pokerHei原创 2022-03-11 13:57:08 · 363 阅读 · 0 评论 -
git clone项目出错 npm ERR code ERESOLVEnpm ERR ERESOLVE unable to resolve dependency tree
npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR! npm ERR! While resolving: naive-ui-admin@1.5.4 npm ERR! Found: vue@3.1.2npm ERR! node_modules/vuenpm ERR! vue@"^3.1.2" from the root project npm ERR!npm ER原创 2022-03-11 12:35:17 · 709 阅读 · 0 评论 -
avue-form表单常用属性和用法
个人用法:在vue中可以单独建立一个option.js文件,放置默认的统一参数,在使用的vue组件中引入该文件,设置组件内特殊的参数。全面参数请参考 avue官方文档option.js文件// 默认表单选项export function formOption (config) { const option = { card: false, size: 'mini', labelWidth: '100', //弹出表单的标题的统一宽度 labelPosition:原创 2022-03-11 11:13:55 · 2228 阅读 · 0 评论 -
能够有效提升开发效率的 20 余款 VSCode 插件(多图带效果展示)
能够有效提升性能的 20 余款 VSCode 插件代码快捷键、报错信息、代码注释,总有一款 VSCode 的插件能够提升你的工作效率。有下载量可以说是非常大、百万级别的插件,至少感觉是应该下载试用一下的插件们,也有你可能都没有听说过,但是个人体验非常好用的插件。Auto Rename Tag使用效果如下:又因为 auto rename tag 中并不是一定需要输入“合法”的标签名,所以对于其他的框架——例如说 React——来说,用途也挺大的。Image Preview不知道自己是不是插入原创 2022-03-10 12:10:11 · 755 阅读 · 0 评论 -
【踩坑】Vue3 setup中如何使用$refs
Vue3 引导大家使用 setup 方法以同步的方式组织逻辑,实质上编写方式与2.X时代发生了巨大变化。同步意味着 setup 方法中无法使用 this( this 并不指向当前组件实例 ),我们需要使用 vue3 中暴露出来的方法来实现vue的一些功能 (比如computed)如下:<script setup>import {computed,ref} from 'vue'const num = ref(10)const status = computed(()=>num.val原创 2022-03-09 13:06:15 · 8170 阅读 · 2 评论 -
wangEditor-v5使用
1、介绍wangeditor基于 slate 内核开发,但不依赖于 React ,所以它本身是无框架依赖的。并且,官方封装了 Vue React 组件,可以很方便的用于 Vue React 等框架。本文介绍的是wangeditor v5版本,所用到的项目例子和版本是vue3+wangeditor v52、安装安装 editoryarn add @wangeditor/editor# 或者 npm install @wangeditor/editor --save安装 React 组件yarn原创 2022-03-09 11:45:57 · 1570 阅读 · 0 评论 -
vue3及与vue2的区别总结(部分)
1.生命周期的变化:3.x(上) 2.x(下)不难看出,vue3.0与vue2.0之间生命周期函数在销毁的时候有变化:beforeDestroy --> beforeUnmountdestroyed --> unmounted其他的区别主要在于书写使用的语言上的差别在ts中使用 class 类组件书写可以 参考 vue-class-component 或者 vue-property-decorator书写的风格和vue2.0的选项式区别不大。如果使用js书写代码 则应当使用原创 2022-03-09 10:22:01 · 680 阅读 · 0 评论 -
vue 虚拟dom和diff算法详解
虚拟dom是当前前端最流行的两个框架(vue和react)都用到的一种技术,都说他能帮助vue和react提升渲染性能,提升用户体验。那么今天我们来详细看看虚拟dom到底是个什么鬼虚拟dom的定义与作用什么是虚拟dom大家一定要记住的一点就是,虚拟dom就是一个普通的js对象。是一个用来描述真实dom结构的js对象,因为他不是真实dom,所以才叫虚拟dom。虚拟dom的结构从下图中,我们来看一看虚拟dom结构到底是怎样的如上图,这就是虚拟dom的结构,他是一个对象,下面有6个属性.原创 2022-03-09 08:47:15 · 152 阅读 · 0 评论 -
TypeError Cannot read properties of undefined (reading ‘state‘)
写个刚好写个项目中要用到vuex在app里面挂载了一个player组件main.js里也引用了这个store文件但报了一个Error in render: "TypeError: Cannot read properties of undefined (reading ‘state’)import Store from './store/index'import Vue from 'vue'import App from './App.vue'import router from './route原创 2022-03-08 14:06:57 · 3920 阅读 · 0 评论 -
npm安装windows-build-tools时卡在Successfully installed Python 2.7
解决npm安装windows-build-tools时卡在Successfully installed Python 2.7如果你找到了这里,说明你之前看过的博文都是没有效果且没有任何意义的。因为我按照其他的教程试验了一下,根本没有任何效果。这其实是windows-build-tools安装脚本的一个BUG,我在其github的issue中找到了这个链接:https://github.com/felixrieseberg/windows-build-tools/issues/244有兴趣的可以直接打原创 2022-03-08 12:46:31 · 608 阅读 · 0 评论 -
JS基本功修炼,一文搞懂JavaScript数组
JavaScript 数组的全方位解析1. 数组概述2. 访问数组3. 二维及多维数组4. 数组的常用操作1. 数组概述1. 1 数组是什么?数组可以看成是一个容器,用来存放值举个例子:一整栋楼可以看成一个数组里面的每一个房间都是数组的元素,它们一起组成了整个数组1.2 数组的定义以下两种方式定义的数组是一样的:// 字面向量let arr = [1, 2, 3, 4];// new 关键字创建一个实例,继承至基类Arraylet arr2原创 2022-03-08 11:26:22 · 135 阅读 · 0 评论 -
html,实现心动的表白代码
今天看到多年年前的大佬写的 js表白代码,觉得不错,分析给大家代码在这宫里Love <link type="text/css" rel="stylesheet" href="./Love_files/default.css"> <script type="text/javascript" src="./Love_files/jquery.min.js"></script> <script type="text/javascript" sr原创 2022-03-08 10:05:58 · 614 阅读 · 0 评论 -
CSS基础班笔记(二)
web前端剑法之css??web前端剑法之css地址??CSS基础班笔记(一)https://blog.csdn.net/Augenstern_QXL/article/details/115560532??CSS基础班笔记(二)https://blog.csdn.net/Augenstern_QXL/article/details/115560502??CSS基础班笔记(三)https://blog.csdn.net/Augenstern_QXL/article/details/115726原创 2022-03-08 08:45:56 · 331 阅读 · 0 评论 -
谷歌(Google)浏览器显示内存不足,无法打开此网页
问题描述在使用谷歌浏览器时,频繁出现内存不足,无法打开此网页。问题分析Chrome需要虚拟内存的支持!总是优先占用虚拟内存,虚拟内存满了才使用物理内存。也就是说,虚拟内存设置的越大,Chrome可以打开的标签页就越多。注:本人就是在清除C盘一些“无用”文件,想把虚拟内存移到D盘,但C盘虚拟内存删了,但D盘没设置,所有导致了错误。问题解决1.在系统属性中选择“高级”,点击“设置(S)…”。2.在性能选项中选择“高级”,点击“更改©…”。3.选择一个盘符,点击系统管理的大小,点击设置,点击原创 2022-03-07 10:11:43 · 25773 阅读 · 1 评论 -
毕业三年,我从鉴黄师转行到阿里做前端
文章目录前言鉴黄路漫漫毕业季迷惘转行不易有点飘了面试复盘一重新审视面试准备简历自我介绍非技术能力你有什么问题想问我吗?面试复盘二笔试初试复试终面HR最后一啰嗦前言最近两个月比较忙,没有写文章,感觉尿尿都有点儿分叉了。本篇文章记录一下自己毕业后的转型过程和一些亲测面试题,如果你也想转行,不妨可以看看,我们有没有共同点。鉴黄路漫漫毕业后,我的第一份工作是视频审核,也就是大家常说的鉴黄师,每天的工作就是看视频,看各位up主上传的视频。乍原创 2022-03-07 08:48:23 · 239 阅读 · 0 评论 -
学会在Vue项目中插入高德地图JS API与地图的相关设置,看这一篇就够了~(保姆级精简教学)
高德地图API官网:高德开放平台 | 高德地图API。由于博主是基于前端 Vue 框架进行开发的,所以针对地图 JavaScript API****结合 Vue 展开介绍。目录一、案例效果二、开发准备1. 注册高德开放平台账号2. 创建应用添加 key 值三、项目中使用地图组件1. npm 获取高德地图 API2. 页面中使用地图 API(案例)3. 完整代码+详细注释四、在地图中添加覆盖物、图层、插件、事件等属性1. 添加图层2. 在地图中使用插件(地图控件)3. 其他设置转载 2022-03-06 05:17:09 · 1776 阅读 · 1 评论 -
修改element ui中form表单的 label 颜色样式
刚开始使用.el-form-item__label,但是使得所有的form下的labal都变色了。.el-form-item__label{ color:#f56c6c; font-weight:bold; font-size:20px }我只是想让下图的label变色但下面也改变了颜色:查询资料后,加上class=“item”,就能表示其唯一性,只在一个页面起作用 <el-form-item label="收款人姓名:" :label-width="fo原创 2022-03-06 03:56:21 · 3645 阅读 · 0 评论 -
《JavaScript百炼成仙》统一回复粉丝们的一些问题
感谢老铁们能喜欢这本书,这两天评论和私信很多,我几乎每一条都会认真看。哈哈,真是不得不佩服大家伙的幽默细胞,比如很多人回复“虽然看不懂,但我大受震撼”,“我是不是看完这个就学会java了?”,诸如此类。这两天的私信和评论,一开始我是每一条都回,后来因为信息实在太多,我有点回复不过来了。所以,我专门开个贴回复一下老铁们的问题。1. 为什么可以写书?我能写吗?有很多朋友问我要达到怎样的条件才能出书,普通人能写吗?我的回答是:当然可以啦!我还特地去翻看了当年找我写书的聊天记录。时间是2018年2月,原创 2022-03-06 02:34:18 · 159 阅读 · 0 评论 -
vue前后端分离后台管理系统(权限管理,登录),前端脚手架。对接后端基于SpringSecurity提供的后台接口
文章目录前言(很重要哦)一、概念和技术总结(重点,一定要搞懂)1. vue2. vue-admin-template模板文件解析3. 异步相关,前后端交互4. 导航守卫5. 路由解析二、单点登录实现1. 后端接口和响应结果分析2. 解决跨域,以及请求头.几乎所有项目都需要的配置,背下来吧。3. 验证码展示4. 单点登录,退出登录,根据后端API实现1. api接口2. 路由组件编写登录函数逻辑3. 修改store(vuex)异步逻辑5. 流程总结三原创 2022-03-06 01:13:01 · 1389 阅读 · 0 评论