Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
vue滚动插件:vue-seamless-scroll
地址 使用 vue seamless scroll 使用方法 1 下包 yarn add vue seamless scroll 2 局部导入 import vueSeamlessScroll from vue seamless scrol
前端VUE
vuejs
前端
javascript
canvas小练习之鼠标粒子特效
前端VUE
Web技术
javascript
前端
html
Vue项目中使用@代替src——并在VScode中开启@路径自动提示
这篇文章是为了记录一下项目里面经常使用的一个配置 路径别名 我自己个取的名 一般的 路径别名 src components src components 以上的路径别名的好处就是 当项目文件较多的时候 可以避免 这样的一层一层的回溯路径 当
前端VUE
vue
给element datetimepicker 设置默认当前时间
else里面就是设置默认当前时间15分钟后 watch row val this liveTime 当时间不为空时才回显 if val liveBeginTime val liveEndTime this liveTime push new
前端VUE
十四、内置模块path、邂逅Webpack和打包过程、css-loader
一 内置模块path 1 path介绍 2 path常见的API 这里重点讲一下path resolve 看上面的例子 从右往左开始解析 所以一开始解析的就是 abc txt 这个时候就会把它当成一个绝对路径了 为什么 因为看到斜杠 默认就
前端VUE
WEBPACK
前端
nodejs
用vue3+elementplus做的一个滚动菜单栏的组件
目录 起因 概览 设计及解决思路 1 滚动条竖起来 2 绑定菜单 3 吸附 优化 组件全部代码 起因 在elementplus中看到了滚动条绑定了slider 但是这个感觉很不实用 在底部 而且横向滚动 最常见的应该是那种固定在左上角的带着
Web技术
前端VUE
自定义组件
vuejs
javascript
VUE项目开发的完整流程
文章目录 一 VUE环境搭建 二 创建VUE项目 1 外部终端创建 2 IDea内部终端创建 3 项目介绍 4 vue 的特别之处 三 添加前端开发插件依赖 四 前端开发流程 1 创建组件与编码 2 配置组件路由 3 运行 五 前后端交互
前端VUE
vuejs
npm
前端
el-upload自定义上传文件显示进度条
el upload自定义上传文件时需要显示进度条 但使用http request会覆盖默认的上传行为 on progress也就不生效了 所以可以自定义上传的实现 效果图 功能实现 按钮
前端VUE
vuejs
前端
elupload
上传文件
vue awesome swiper 轮播图 循环不了 无法自动播放 loop无效 autoplay无效 蓝圈 解决办法
vue awesome swiper 轮播图循环不了 无法自动播放 loop无效 autoplay无效 解决办法 出现问题 1 轮播图无法自动播放 2 swiper opagination为蓝色圈如何变成白色圈 3 loop无效 对应的解决
前端VUE
前端
vue
swiper
轮播图
【Vue3】学习笔记-reactive响应式
Vue3 学习笔记 reactive响应式 用ref 设置响应式对象 用reactive 设置响应式对象 总结 用ref 设置响应式对象 JS中设置对象 import ref from vue var user ref username W
前端VUE
vuejs
学习
javascript
九、1~8文章的阶段案例
一 案例 现在我们来做一个相对综合一点的练习 书籍购物车 案例说明 1 在界面上以表格的形式 显示一些书籍的数据 2 在底部显示书籍的总价格 3 点击 或者 可以增加或减少书籍数量 如果为1 那么不能继续 4 点击移除按钮 可以将书籍移除
前端VUE
css
javascript
vuejs
前端
VUE 下拉框选择时给其他文本框赋值
VUE 下拉框选择时给其他文本框赋值
前端VUE
vuejs
若依tab权限问题
普通的按钮直接用v hasPermi就可以了 但是这个有个问题 这个东西相当于v show 而像el tab pane就需要v if才能把标签头隐藏 所以需要以下代码 v if checkPermi xxx xxx xxx import c
若依
前端VUE
Web技术
html
前端
vue2转vue3笔记
定义 vue3中不再使用data函数 而是采用ref reactive来定义响应式的数据 ref用来存放基本数据 reactive用来存放复杂的数据 注意这两种参数的值都不能直接使用 而是使用xxx value才能对其进行复制 而且reac
Web技术
前端VUE
笔记
vuejs
javascript
十五、Webpack打包图片-js-Vue、Label命令、resolve模块解析
一 webpack打包图片 1 加载图片案例准备 为了演示我们项目中可以加载图片 我们需要在项目中使用图片 比较常见的使用图片的方式是两种 img元素 设置src属性 其他元素 比如div 设置background image的css属性
前端VUE
javascript
WEBPACK
vuejs
【Vue3】学习笔记-响应式ref
Vue3 学习笔记 响应式ref vite创建Vue3项目 Vue3 声明全局变量 响应式ref 总结 vite创建Vue3项目 npm 7 用以下指令 npm init vite latest my vue app template vu
前端VUE
vuejs
学习
javascript
【Vue】学习笔记-组件传值
Vue 学习笔记 组件传值 前言 1 父级向子级传递数据 2 子级向父级传递数据 常见错误总结 前言 组件之间的传值可以分为三种 1 父级向子级传递数据 2 子级向父级传递数据 3 非父子级传递数据 本文主要讲解父级向子级传递数据和子级向父
前端VUE
前端
项目上线后首次加载慢的解决方案
1 使用路由懒加载 开发时尽量使用路由懒加载 component resolve gt require 放入需要加载的路由地址 resolve 2 使用gzip压缩 最高效 至少压缩一倍 npm install save dev compr
前端VUE
前端
javascript
开发语言
canvas小练习之渐变粒子特效
Web技术
前端VUE
css
html
javascript
【Vue】学习笔记-数据交互
Vue 学习笔记 数据交互 概述 安装axios 通过axios向后台获取数据 数据交互的实现 常见错误总结 概述 基于Vue的web项目显示的所有服务端数据 都是通过Ajax获取的 官方推荐使用Axios作为Ajax库 所以本文主要讲解在
前端VUE
vuejs
学习
交互
1
2
»