Vue开发随手笔记

VsCode超实用插件推荐，让你的开发效率火力全开

辅助开发类：1.VeturVUE开发必备插件1.语法高亮，包括vue/htmlcss/sass/scss/less/stylusjs/ts2.语义高亮，除了支持template模板以外，还支持大多数主流的前端开发脚本和插件
前端卡卡西呀·2022-04-21 14:32

Material UI中JSS的写法(随手笔记)

引言:  我习惯在给别人讲解某一个知识点的时候不会按照官方文档上那么严谨的去总结，因为我也是初学者过来的，我深知对于入门新手来说探索一个新的知识领域他们需要的不是多么深奥的概念，而是怎么去简单理解要学的知识点。那我自己为例子，在我刚从H5，Css，Js的海洋中遨游出来以后，趁着兴奋劲赶快冲向React的怀抱，于是我一头栽进去React的官方文档，结果读了三天，连元素渲染这个地方都没读懂，甚至一度怀
·2022-04-21 13:30

前端理论面试-遇到问题

vue开发中遇到的问题不要把v-if和v-for同时用在同一个元素上数据重复渲染，内容错乱。因为v-for指令的优先级高于v-if当它们处于同一节点。
Smallbore·2022-04-21 10:17

React router(V6)随手笔记.三

一.路由表的使用useRoutes首先我们观察下面的情景:如果Route过多，会显得整个组件臃肿，且这些信息在我们的布局代码中的出现好像没那么必要。路由表由此产生,这个hook主要用来解决Routes拥堵在界面上的问题。下面来讲解一下使用规则。我们刚开始使用的时候，还不是那么熟练，我不要急于一下子把它们分开到另一个文件夹内，我们就现在当前页面内引入，就把当前页面想象成我们将要从外部引入的那个rou
·2022-04-15 11:36

Vue与VScode实用插件大全

Vue插件集合vue开发文档：Vue.js介绍—Vue.js中文文档框架element-饿了么出品的Vue2的webUI工具套件mint-ui-Vue2的移动UI元素iview-基于Vuejs的开源UI
优秀的李i·2022-04-14 14:31

vue开发实现评论列表

本文实例为大家分享了vue+elementui实现锚点定位的具体代码，供大家参考，具体内容如下index.html          y       main.js//TheVuebuildversiontoloadwiththe`import`command//(runtime-onlyorstandalone)hasbeensetinwebpack.base.confwithanalias.i
·2022-04-14 13:29

vue之proxyTable代理超全面配置流程

目录前言介绍配置分离1.config.dev.js2.proxyTableHandler.js效果如下前言用了vue有一年多了，从最初的摸着石头过河到现在已经能熟练的使用vue开发项目，学到了许多，特别是
·2022-04-14 11:14

Node.js从入门到放弃.随手笔记(一)

提前声明:本文皆以自己为视角来记录自己学习node的过程，故不当做教程发布。刚开始初学不乏有认知错误的地方，请读者斟酌，如有误还望评论区内指出，鄙人定不耻下问虚心求救，一起提升。每种语言都有自己的运行环境，什么是运行环境？javaScript这门语言为什么可以在浏览器中运行？换句话说，为什么浏览器可以识别javascript这门语言的代码？为什么我就不能用java，C++，这种语言来开发网页呢？这
·2022-04-14 10:23

vue项目img src=“[object module]“

1.开发环境vue2.电脑系统windows11专业版3.在vue开发的过程中,我们经常会使用img,但是接收别人的项目可能会遇到imgsrc="[objectmodule]",下面我来分享一下。
·2022-04-13 09:41

MongoDB随手笔记（二）

一.文档的嵌套添加现在给数据库中age：“2”的文档对象添加一个属性，叫爱好(hobby)，hobby里又分成游戏（game），运动(sport)，运动和游戏中又包括了英雄联盟，篮球之类的选项。首先这肯定牵扯的是添加这个属性，毋庸置疑选择db.grade.update。tips:在终端里没有错误提示，需要特别注意一下花括号的位置和数量，你敲下{前括号的时候，终端并不会给你补齐}后花括号.二.嵌套文
·2022-04-12 10:23

vue实现可以快进后退的跑马灯组件

本文实例为大家分享了vue开发实现跑马灯效果组件的具体代码，供大家参考，具体内容如下用vue编写一个可以快进后退的跑马灯组件由于业务需求，要实现一个会可以控制速度的跑马灯，初开始用js的setinterval
·2022-04-11 17:01

MongoDB随手笔记（一）

首先我们得知道SQL是什么，structuredqureylanguage结构化查询语言，它也是一门高级语言，就像js和java这种一样，它也是一门单独的语言。最初的时候我以为它只是一种代名词，一种概念而已，现在才发现自己大错特错。一.数据类型MongoDB存储的数据类型为BSON(Binary-json)二进制JSON数据。二.和用SQL写出来的数据库对比MongoDB是NOSQL的代表类数据库
·2022-04-11 16:30

vue获取referrer

最近有个记录referrer的需求，便于分析页面的流量来源，因为使用vue开发的单页面应用，所以打算从vue-router出发来解决问题。
·2022-04-11 16:53

Vue开发实战五：项目分页列表模块加载

文章目录1.在src下新建mixins文件，并完成公用参数配置及网络请求2.在需要加载分页列表的页面引入mixins配置3.最终页面展示如下项目中常用list分页，在mixins中整合分页列表，实现模块功能复用。1.在src下新建mixins文件，并完成公用参数配置及网络请求importqsfrom'qs'exportdefault{data(){return{
博主逸尘·2022-04-11 07:32

Vue项目如何设置反向代理和cookie设置问题

设置项目场景问题描述原因分析解决方案Vue项目使用js-cookie细则什么是js-cookie在项目中进行安装在项目中的入口文件（main.js）全局引入在项目中使用Vue设置反向代理和cookie设置项目场景最近使用Vue
·2022-04-09 16:32

基于Vue开发的门户网站展示和后台数据管理系统

基于Vue的前端框架有很多，这几年随着前端技术的官方应用，总有是学不完的前端知识在等着我们，一个人的精力也是有限，不可能一一掌握，不过我们学习很大程度都会靠兴趣驱动，或者目标导向，最终是可以以点破面，逐步掌握各种前端知识的。本篇随笔主要以实际应用场景为例介绍一些Vue前端技术的拓展，供大家参考学习。
伍华聪·2022-04-07 11:00

el-table二次封装

在vue开发中使用element-ui的el-table时一般都需要进行封装以便于复用，提高开发效率，减少重复代码，这篇博客对el-table进行简单的二次封装：一、安装引入Element官方文档npm
幽小鬼·2022-04-06 18:30

React router(V6)随手笔记.二

一.换成自己独有的地址栏信息在地址栏里我们经常可以看到公司的名称或者当前页面的大概内容，其实我们也可以修改地址栏里的路径信息，很简单，在标签里的to属性里设置就可以二.需要注意的点我们需要注意的是，webpack会把react脚手架下名字叫做public的文件夹当成根目录，也就是说localhost:3000其实就是public这个文件夹，（你可以暂时这样理解）我这里在public文件夹下写了一个
·2022-04-06 14:49

TypeScript + Vue3.0 +volar Vue开发神器，制作一个step步进器案例

1，TypeScript具有类型系统是JavaScript的超集，可替代应用级的Javascript开发，TypeScript支持任意浏览器，任意环境，任意系统并且是开源的，目前前端三大开发框架VuereactAngular都是基于TypeScript，学习TypeScript的前景是大好的2，在这里用TypeScript和Vue做一个简单的步进器再创建一个steperCom.vue组件页面效果
鸭子嘎鹅子呱·2022-04-03 13:28

React router随手笔记.一

1.路由也更像是一映射关系。key对应一个value，怎么理解这句话呢？我们都熟悉的a标签是这样的页面2那么路由其实就是这样写页面2其实路由的原理就是操作BOM（浏览器对象）的一个方法，大家不要迷，我们经常使用的Window.alert(“xx”)这其实并不是dom的方法，而是浏览器的方法。看到这一大堆方法了吗，这其实都是浏览器对象自带的方法，我们关于路由的方法其实要用到的其实是这个这些方法其实操
·2022-04-02 20:13

vue异步组件与组件懒加载问题(import不能导入变量字符串路径)

vue异步组件与组件懒加载错误的原因分析解决方案一解决方案二vue懒加载组件路径不对vue异步组件与组件懒加载在写项目的时候，需要动态配置路由菜单，所有的菜单都是通过配置生成的，这就意味着菜单的路径（在vue
·2022-04-01 09:43

js随手笔记

1.获取页面元素可以使用以下几种方式：根据ID获取：使用getElementById()方法可以获取带有Id的元素对象根据标签名获取：使用getElementsByTagName()方法可以返回带有指定标签名的对象集合通过HTML5新增的方法获取：1.document.getElementsByClassName('类名')：根据类名获取某些元素集合2.document.querySelector
胡萝卜的侠客梦all·2022-03-30 11:29

Vue开发中出现Loading Chunk Failed的问题解决

目录报错现象发生原因解决思路触发bug一点思考报错现象某天测试反应在点击页签的时候出现了LoadingChunkFailed的错误，经过本人百度分析后判断是异步组件在发包时旧资源被替换的问题，然后一通CV操作之后发现问题还是存在，于是便有如下探究。发生原因用户在发包前进入了页面（也就是请求到了index.html），并且在index.html中可以得知将来要请求的异步组件的名字叫a.js，当服务器
·2022-03-29 18:47

vue开发公共组件之返回顶部

本文实例为大家分享了vue开发公共组件之返回顶部的具体代码，供大家参考，具体内容如下记录一下开发公共组件的流程。背景：pc端使用element-ui框架，本身是有返回顶部的组件的。
·2022-03-28 15:20

vue开发之不同浏览器的类型判断方式

目录一、通过navigator.userAgent来进行浏览器类型判断定义和用法语法navigator.userAgent使用场景判断是Android或者iOS判断是否是微信浏览器判断是否是QQ浏览器判断是手机端、平板还是PCnavigator.userAgent格式二、通过navigator.platform来进行浏览器类型判断定义和用法语法navigator.platform使用场景判断是An
·2022-03-26 16:40

vue中图片加载不出来的问题及解决

路径问题原因解决办法2、vue-router的history模式打包后界面空白二、assets目录下图片加载不出来vue-cli的assets和static的两个文件的区别原因解决办法简化本地图片加载的方法在使用vue
·2022-03-26 16:39

Vue 响应式原理剖析 —— 数据更新常见问题

概况在Vue开发的过程中，多少都会遇到数据更新后，页面没有更新渲染这类问题。
·2022-03-24 19:11

vue3中vuex教程

在Vue开发中，我们使用组件化的开发方式；而在组件中我们定义data或者在setup中返回使用的数据，这些数据我们称之为state；在模块template中我们可以使用这些数据，模块最终会被渲染成DOM
嘴巴嘟嘟·2022-03-24 12:41

上手 Vue 新的状态管理 Pinia，一篇文章就够了

Vuex作为一个老牌Vue状态管理库，大家都很熟悉了Pinia是Vue.js团队成员专门为Vue开发的一个全新的状态管理库，并且已经被纳入官方github为什么有Vuex了还要再开发一个Pinia？
IT沐华·2022-03-21 22:13

vue前台项目开发前置准备

4.1vue.editorconfig文件配置4.2normailze.css全局样式配置4.3vue.config.js文件配置五.better-scroll框架总结一、vue-cli3脚手架搭建便于vue
呆萌小新@渊洁·2022-03-18 21:25

【Vue】基础系列（一）Vue简介-Vue特点-搭建Vue开发环境

二、Vue的特点三、使用步骤1.搭建Vue开发者
勇敢*牛牛·2022-03-18 21:55

vue中this.$set()原理

$set()原理在vue开发中，经常会遇到这样的问题：当我们给响应式的对象新增属性时，新增的属性并不会显示到页面中；同样的对于响应式的数组，增加元素、修改数组长度时，数组的这些变化也不会反映到页面中（响应式对象和响应式数组是指在
xm2by·2022-03-18 21:51

上手 Vue 新的状态管理 Pinia，一篇文章就够了

Vuex作为一个老牌Vue状态管理库，大家都很熟悉了Pinia是Vue.js团队成员专门为Vue开发的一个全新的状态管理库，并且已经被纳入官方github为什么有Vuex了还要再开发一个Pinia？
·2022-03-16 09:01

element ui 弹框点击其他区域不关闭

在做vue开发的项目中遇到过这样一个需求：点击弹框外部弹框不关闭，把下面这个属性方到入口文件main.js中，全局设置一下importVuefrom'vue'importAppfrom'.
qwyio·2022-03-16 09:11

「基础搭建」从零开始，基于 Webpack5 搭建一个 Vue-Cli

前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心背景大家平时在进行Vue开发的时候，大部分人都是使用Vue-cli这个现成的Vue脚手架来进行开发的，但是用它用了这么久
·2022-03-15 10:32

基于SpringBoot+Vue开发的前后端分离博客项目一一后端开发

文章目录前言一、Java后端接口开发1.新建SpringBoot项目1.1开发技术栈：1.2pom中jar包引入：1.3配置文件：2.整合mybatisPlus2.1引入pom的jar包2.2配置分页插件、代码生成器2.3配置文件3.Restful风格结果封装4.整合Shiro+JWT，并会话共享4.1认证流程4.2整合步骤5.异常处理6.实体校验7.跨域问题8.登录接口开发9.博客接口开发总结前
早睡早起爱学习i·2022-03-14 03:49

Win7下electron-vue开发环境搭建

需求矛盾：因需要开发一个electron程序，需要安装nodejs，Win7系统能安装nodejs的最高版本是nodejs13.14.0，但是打包electron程序需要nodejs14以上版本才能编译。解决方法要么重装系统装win10安装新版本nodejs，要么要win7下装nodejs14，因本电脑有多种开发环境，如果重装win10再搭建开发环境很耗时豪力，所以就想在win7中安装nodejs
edudbs·2022-03-10 16:56

Vue开发实践指南之应用入口

目录前言创建应用添加Loading效果开始创建应用多页面改造总结前言Vue开发实践为本人的最佳实践，非业内最佳，仅用于提供给各位做参考，这是系列文，但发布时间和内容不固定。
·2022-03-05 13:00

Vue中使用watch同时监听多个值的实现方法

1.开发环境vue22.电脑系统windows11专业版3.在使用vue开发的过程中,我们有时候需要使用到监听watch来获取对应的数据,接下来让我们看一下使用方法和同时监听多个值的使用方法。
·2022-03-03 16:46

Vue全家桶之Vue CLI入门（三）

使用Vue-CLI可以快速搭建Vue开发环境以及对应的webpack配置，简化了程序员基于webpack创建工程化的Vue项目的过程。最新的版本是5.x（截至2022年2月）。
儒rs·2022-03-01 19:00

Vue开发实战十一:Vue3+TS+Antd实现vben项目的增删改查

文章目录1.效果图预览2.列表的实现3.数据新增、修改及附件上传的实现4.详情界面的实现说明：之前用Vue2+ElementUI|iView用的那是相当的爽，写法和之前做移动的用的Ionic很是类似，最近新开了一个项目，用的Vue3+TS+Antd那真是一把辛酸一把泪，完全摸索+找规律+瞎蒙，开发了一个模块之后终于有所得，以此篇文章记录。1.效果图预览老规矩先上效果图列表新增附件上传修改
博主逸尘·2022-03-01 16:41

vue开发遇到的问题及解决方法（自用）

vue项目创建很慢的解决方法检查node和npm版本是否过低node-vnpm-v更新npm和nodenpminstall-gnpmnpminstall-gn更改淘宝镜像npmconfigsetregistry[https://registry.npm.taobao.org](https://registry.npm.taobao.org/)--globalnpmconfigsetdisturl[
tysnd·2022-03-01 11:17

Vue 源码解读（7）—— Hook Event

前言HookEvent（钩子事件）相信很多Vue开发者都没有使用过，甚至没听过，毕竟Vue官方文档中也没有提及。Vue提供了一些生命周期钩子函数，供开发者在特定的逻辑点添加额外的处
·2022-03-01 08:06

Vue 源码解读（7）—— Hook Event

前言HookEvent（钩子事件）相信很多Vue开发者都没有使用过，甚至没听过，毕竟Vue官方文档中也没有提及。
李永宁·2022-03-01 08:00

神奇！这款 Vue 后台框架居然不用手动配置路由

前言做Vue开发脱离不了路由，尤其是中大型项目，页面多且杂，在配置路由的时候总是会变得逐渐暴躁，因为费时，并且又没有什么太多技术含量，总觉得是在浪费时间。
胡尐睿丶·2022-02-28 11:00

vuex的使用

vuex是什么vuex是一个专门为vue开发的状态管理工具，它采用集中式存储管理应用的所有组件的状态，其核心是state。
曦12·2022-02-25 15:00

分享12个Vue开发中的性能优化小技巧(实用!)

目录前言1.长列表性能优化1.不做响应式2.虚拟滚动2.v-for遍历避免同时使用v-if3.列表使用唯一key4.使用v-show复用DOM5.无状态的组件用函数式组件6.子组件分割7.变量本地化8.第三方插件按需引入9.路由懒加载10.keep-alive缓存页面11.事件的销毁12.图片懒加载总结前言性能优化，是每一个开发者都会遇到的问题，特别是现在越来越重视体验，以及竞争越来越激烈的环境下
·2022-02-24 13:35

03-vue组件传值

基于现在都是模块化开发，vue开发过程中组件之间传值是必不可少的，常用的vue的组件传值分为三种方式：父传子、子传父、非父子组件传值。
GL曲终人散·2022-02-20 10:50

vue3全局挂载和使用

1.开发环境vue3.02.电脑系统windows10专业版3.在使用vue开发的过程中,我们会有一些公用的属性和方法,我们一般为了方便使用会这个属性和方法挂载到全局,下面我来分享一下4.vue2挂载方法
·2022-02-19 19:08

vue创建项目使用yarn包管理工具

1.开发环境vue2.电脑系统windows10专业版3.在使用vue开发的过程中,我们在创建项目的过程中,我们之前选择的都是npm包,但是我们之后创建项目想要使用yarn包管理工具,怎么做呢?
·2022-02-19 19:08
上一页 25 26 27 28 29 30 31 32 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他