logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue移动端实现日历

实现功能:左滑返回上一个月,右滑下一个月,支持农历,下拉展示记录日志,持续更新思路:获取本月日历中的上个月显示日期以及下个月显示日期,通过数组展现核心代码;getCurrentMonVal(year,month){month = month - 1let getWeekday = calendar.getWeekday(year,month)let getPreMonthCount = calen

文章图片
2024最新前端面试题

数组是属于Object类型的,也就是引用类型,所以不能使用 typeof 来判断其具体类型。Object.getPrototypeOf()方法返回指定对象的原型,然后和Array的原型对比。isPrototypeOf()方法可以判断一个对象是否存在于另一个对象的原型链上。5、Array原型链上的isPrototypeOf。主要是判断某个实例(arr)是否属于某个对象。判断实例(arr)的构造函数是

文章图片
#前端
react实现时钟翻牌效果

解决方案:通过判断数字改变(这里通过新旧数值变动来判断,不贴代码啦),每次变动的时候手动把animationIterationCount设置为infinite(持续动画),半秒后改为1(动画只执行一次),需求:随着数字的变动要求有时钟翻动动效。问题:只在加载时有动效。

文章图片
#css#react.js
vue3中reactive赋值失败

前提:标题绑定点击事件,对于ref定义的普通类型的数据可以实现改变数值,对于reactive定义的数据不能直接赋值解决方法:再封装一层数据如:原本: let arr = reactive([]) =======> arr = [1,2,3] ×改为:let data = reactive({arr: []})data.arr = reactive([1,2,3])√...

#vue.js
git push报错

error: RPC failed; HTTP 504 curl 22 The requested URL returned error: 504send-pack: unexpected disconnect while reading sideband packetfatal: the remote end hung up unexpectedly

#git
vue3中兄弟传值

在vue2中常见的兄弟组件间传值有vuex等,vue3中继续使用发现vuex中值发生变化,然而列表没有更新,百度后得到另一种方法传值的组件<script>import { ref, reactive, onMounted,getCurrentInstance } from 'vue'import { useStore } from "vuex"export default {setup

#vue.js#elementui#javascript
vue简单实现移动端视频

描述:视频详情页以及全屏展示视屏详情包括:①提示视频大小,主义流量消耗;②视频右侧下方展示播放量按钮,分享按钮,全屏按钮;③视频正下方展示标题;④图标切换:视频开始按钮、进度条、上一个及下一个视频、全屏按钮;⑤背景毛玻璃样式(暂时先不考虑)全屏同视频详情,区别:标题在视频上方思路:放弃使用插件,采用video标签形式,注掉原生样式。视屏详情:页面静态模块(按钮文字等),通过绝对定位实现;观看次数:

#vue.js#html#javascript
vue移动端从列表详情返回列表页之前的位置(包括分页情况)

前提:vue的移动端分页,从列表进入详情后返回后直接回到了当前列表页顶部,而不是回到之前的位置,影响用户体验解决方案:使用keepalive加上router具体步骤:router中用meta设置变量scrollTop存储当前的滑动位置,默认为0,导航守卫中给其赋值,然后在需要的页面中用actived钩子重新给当前页面的scrollTop赋值为meta中记录的scrollTop代码router.js

文章图片
#vue.js#javascript#前端
    共 12 条
  • 1
  • 2
  • 请选择