- 博客(9)
- 收藏
- 关注
原创 使用vant组件中van-tabs、van-pull-refresh和van-list时,切换tabs标签,列表重复加载问题。
使用vant组件中van-tabs、van-pull-refresh和van-list时,切换tabs标签,列表重复加载问题问题现象:tabs切换时,如果之前的tab已经滚动到底部,直接点击其他的tab,将再触发一次onload事件。问题原因:这种情况下,切换tab会导致触发两次请求数据的方法,一次是监听tab切换事件执行的,另一次是由于之前一个tab已经滚动到底部触发的onload事件。解决措施:设置一个全局变量tabchange,监听到tab切换事件时设置tabchange为true,在onloa
2021-05-25 17:14:16 6851 9
原创 vue友盟埋点,用户使用情况浏览记录统计
vue友盟埋点,浏览记录统计记录受访分析情况受访页面、站内入口和站内出口的情况统计安装vue-uweb之后,需要进行一系列配置,详情请见https://www.ctolib.com/mip/raychenfj-vue-uweb.html这里主要阐述使用情况:trackPageview这个属性在用户页面访问过程中可以统计以下信息受访页面:浏览次数、输出PV、平均页面停留时间等数据站内入口:浏览次数、进入次数、跳出率、平均访问深度、平均访问时长、入口页次数占比等数据站内出口:浏览次数、离开次数、
2020-12-14 17:15:13 2049
原创 vue笔记(1)--(vue.extend())
vue.extend()是什么vue.extend()是vue的一个构造器,继承自vue使用原因要从接口动态渲染组件;要实现一个类似于 window.alert() 提示组件,并且要求像调用 JS 函数一样调用它;遇到诸如此类的需求时,可以使用vue.extend(),...
2020-11-03 15:52:02 156
原创 溢出字符按省略号处理
溢出字符按省略号处理文本超出的部分用…代替设置元素的样式如下即可:display:-webkit-box;//设置该元素为弹性伸缩盒子模型-webkit-box-orient:vertical;//从上到下垂直排列元素内容-webkit-line-clamp:3;//文本只展示3行,并且在末尾显示...overflow:hidden;//元素隐藏...
2020-10-30 16:00:43 138
原创 react顶部导航栏固定顶部
react顶部导航栏固定顶部顶部固定导航方式千千万,我只推荐三种,觉得有用可以点个赞,谢谢(推荐第三种组件库)1. 原生方法事件监听方法包括window.addEventListener(“scroll”, () => {})和window.ontouchmove = () => {}。(主要应对苹果系统) class Product extends Component { constructor() { super(); this
2020-10-29 14:55:21 2044 2
原创 PC端和移动端监听事件卡顿原因
PC端和手机端出现页面卡顿的可能原因近期在做PC端和移动端碰到页面卡顿问题,本以为是在监听事件中用了俩getElement…的问题,也就是比较多的dom操作,过多消耗浏览器性能,所以显得卡顿。后来在移动端发现还是有卡顿,特意去查询了window.addEventListener,发现问题的真正原因是addEventListener的第三个参数。PC端监听onscroll事件,移动端监听touch 事件,这里有一个默认行为preventDefault() 需要执行。比如touchstart 事件对象的默认
2020-10-29 14:22:45 868
原创 layui.open中的iframe层监听软键盘enter事件无效(安卓端)
layui.open中的iframe层监听软键盘enter事件无效(安卓端)在html代码与引入的layui正确的情况下,发现在APP应用到手机上时,iOS端弹起软键盘之后,页面顶部标题行在滚动时可以固定,而在安卓端时,顶部固定布局失效,起初认为是固定定位属性在安卓端和iOS端的识别问题,然后发现问题是出在open的参数中area的值的设定类型。layer.open({ area: [950px, 550px], scrollbar: false, content: url + '?id=' +
2020-10-21 17:00:23 796
原创 元素居中(固定宽高与不固定宽高)
元素居中元素的水平和垂直居中:(1)元素的宽高固定(元素百分比偏移和margin加偏移量)(2)元素的宽高固定(margin的auto)(3)使用transform属性(4)使用table(5)使用flex元素的水平和垂直居中:来自一个野蛮生长的前端小白的成长记录开始咯,先从元素居中开始:(1)元素的宽高固定(元素百分比偏移和margin加偏移量).parent{ position: relative; }.child{ position: absolute; width: 固定; he
2020-10-20 15:35:43 225
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人