logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

javascript-移动的模态框

页面效果:点击链接后,弹出登录模态框,点击关闭链接可以关闭模态框,鼠标在模态框标题区域按下后可以拖拽模态框,松开鼠标后,模态框停止移动实现思路:html、css搭建好页面,设置好模态框内容和样式后,将模态框隐藏:display: none;如果点击弹出模态框后,页面背景色发生改变,可以添加一个遮罩层,将遮罩层也先隐藏给点击后弹出模态框的元素添加点击事件- - -onclick事件处理程序中设置-

#javascript#css#html +1
javascript-缓动动画效果

实现思路主要使用setInterval定时函数给需要动画的元素添加绝对定位和偏移量,注意它的父元素要给相对定位多个元素执行动画,可以将动画代码封装成一个函数元素调用定时函数,定时移动,定时函数里- - -计算出每次移动距离,公式:var step = (target - obj.offsetLeft) / 20;obj 动画对象, target 目标左偏移量,20 控制的是动画速度,数值越大越慢,

#javascript#html#css +1
uniapp 小程序开发 设置好友分享及朋友圈分享功能实现方法

uniapp 小程序开发 设置好友分享及朋友圈分享功能实现方法

文章图片
#uni-app#前端
Vue3-生命周期函数

生命周期函数:在某一时刻,会自动执行的函数共8个:1. 实例生成之前会自动执行的函数- - -beforeCreate()2. 实例生成之后会自动执行的函数- - -created()3. 组件内容被渲染到页面之前自动执行的函数- - -beforeMount()4. 组件内容被渲染到页面之后自动执行的函数- - -mounted()5. 数据发生变化时会立即自动执行的函数- - -beforeU

#vue.js#前端
css-边框重叠问题解决

相邻元素都加上边框后,会出现边框加粗的效果,但实际中我们需要边框不加粗的效果,代码示例1:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name

#css#前端
vscode一键生成vue模板方法

vscode一键生成vue模板方法

文章图片
#vue.js#vscode#前端
vscode插件cssrem-px自动转rem

vscode插件cssrem安装安装方法:安装成功后:cssrem插件修改字体大小方法注意cssrem插件默认的字体大小是16px,但是我们实际开发页面时需要改成自己所用的字体大小,更改方法为:更改前:可以直接在上图中5的位置,将默认的16改成所需字体大小,例如我改成了75:修改后配置文件会自动保存cssrem插件的使用cssrem插件成功后后,编写css代码时,当打出 “px” 后,会自动跳出一

#vscode#css
Ant Design Vue 中 message组件自定义图标及修改样式方法

Ant Design Vue 中 message组件自定义图标及修改样式方法

文章图片
#vue.js#前端#anti-design-vue
(vue3)vite+TS+element-plus icon图标自动导入实现方法

(vue3)vite+TS+element-plus icon图标自动导入实现方法

文章图片
#vue.js#前端
    共 39 条
  • 1
  • 2
  • 3
  • 4
  • 请选择