logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue3项目头部吸顶

头部吸顶1.功能实现背景2.交互要求3.实现思路4.具体实现4.1新建吸顶导航组件src/layout/components/header-sticky.vue4.2Layout首页引入吸顶导航组件 src/views/layout/index.vue4.3在滚动到78px完成显示效果(添加类名)4.4 通过控制滚动距离,动态添加类名 src/views/layout/components/hea

文章图片
#javascript#html5#vue.js
git多次提交合并为一次

git reabse 合并多次提交

#前端
vue封装公共组件--工具栏组件封装及使用

1. 在src/components下创建组件PageTools,搭建基础结构,定义插槽<slot name="插槽名称">2.使用组件3.注册组件局部组件使用main.js里全局使用方式3:

vue3.0手动封装消息提示框

封装消息提示框1.使用场景2.提示组件 message.vue3.滑动效果4.通过方法的形式调用1.使用场景场景还是比较多的 例如常见的登录、做一些功能发送失败的ajax都可以用弹框提示2.提示组件 message.vue<template><div class="xtx-message" :style="style[type]"><!-- 上面绑定的是样式 --&g

#ajax#javascript#html
vue3手动封装骨架屏组件

骨架屏1.封装组件2.封装插件:插件定义 src/componets/library/index.js使用插件src/main.js3.最后使用组件完成左侧分类骨架效果: src/views/home/components/home-cate.vue5.效果展示1.封装组件<template><div class="xtx-skeleton" :style="{width,hei

#vue.js#javascript
vue实现上传头像

vue实现上传头像1.图片存储方案介绍1.1方案一:存到自己公司购买的服务器上1.2方案二:存到三方云服务器(阿里云,七牛云,腾讯云)1.2.1腾讯云cos申请配置1.2.1.1使用现成的腾讯云服务创建一个免费的云存储。1.2.1.2在腾讯云中创建帐号并实名认证1.2.1.3开通对象存储1.2.1.4创建存储桶1.2.1.5设置cors规则1.2.1.6配置云API秘钥2.封装一个组件,用来把图片

#vue.js#html5#javascript
VUE实现市、区二级联动

VUE实现市、区二级联动1.封装联动组件2.封装联动地区组件3.地区联动js代码步骤:效果图:1.封装联动组件<template><MyCity v-model="provAndCity" /></template><script>//引入联动子组件import MyCity from './companys/citys.vue'export def

#javascript#ajax#vue.js
vue实现上传头像

vue实现上传头像1.图片存储方案介绍1.1方案一:存到自己公司购买的服务器上1.2方案二:存到三方云服务器(阿里云,七牛云,腾讯云)1.2.1腾讯云cos申请配置1.2.1.1使用现成的腾讯云服务创建一个免费的云存储。1.2.1.2在腾讯云中创建帐号并实名认证1.2.1.3开通对象存储1.2.1.4创建存储桶1.2.1.5设置cors规则1.2.1.6配置云API秘钥2.封装一个组件,用来把图片

#vue.js#html5#javascript
vue3手动封装骨架屏组件

骨架屏1.封装组件2.封装插件:插件定义 src/componets/library/index.js使用插件src/main.js3.最后使用组件完成左侧分类骨架效果: src/views/home/components/home-cate.vue5.效果展示1.封装组件<template><div class="xtx-skeleton" :style="{width,hei

#vue.js#javascript
    共 12 条
  • 1
  • 2
  • 请选择