- 博客(9)
- 收藏
- 关注
RSS订阅原创 使用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
6490
9
原创 vue友盟埋点，用户使用情况浏览记录统计
vue友盟埋点，浏览记录统计记录受访分析情况受访页面、站内入口和站内出口的情况统计安装vue-uweb之后，需要进行一系列配置，详情请见https://www.ctolib.com/mip/raychenfj-vue-uweb.html这里主要阐述使用情况：trackPageview这个属性在用户页面访问过程中可以统计以下信息受访页面：浏览次数、输出PV、平均页面停留时间等数据站内入口：浏览次数、进入次数、跳出率、平均访问深度、平均访问时长、入口页次数占比等数据站内出口：浏览次数、离开次数、
2020-12-14 17:15:13
1925
原创 vue笔记（1）--（vue.extend()）
vue.extend()是什么vue.extend()是vue的一个构造器，继承自vue使用原因要从接口动态渲染组件；要实现一个类似于 window.alert() 提示组件，并且要求像调用 JS 函数一样调用它；遇到诸如此类的需求时，可以使用vue.extend()，...
2020-11-03 15:52:02
137
原创 溢出字符按省略号处理
溢出字符按省略号处理文本超出的部分用…代替设置元素的样式如下即可：display:-webkit-box;//设置该元素为弹性伸缩盒子模型-webkit-box-orient:vertical;//从上到下垂直排列元素内容-webkit-line-clamp:3;//文本只展示3行，并且在末尾显示...overflow:hidden;//元素隐藏...
2020-10-30 16:00:43
122
原创 react顶部导航栏固定顶部
react顶部导航栏固定顶部顶部固定导航方式千千万，我只推荐三种，觉得有用可以点个赞，谢谢(推荐第三种组件库)1. 原生方法事件监听方法包括window.addEventListener(“scroll”, () => {})和window.ontouchmove = () => {}。（主要应对苹果系统） class Product extends Component { constructor() { super(); this
2020-10-29 14:55:21
1973
2
原创 PC端和移动端监听事件卡顿原因
PC端和手机端出现页面卡顿的可能原因近期在做PC端和移动端碰到页面卡顿问题，本以为是在监听事件中用了俩getElement…的问题，也就是比较多的dom操作，过多消耗浏览器性能，所以显得卡顿。后来在移动端发现还是有卡顿，特意去查询了window.addEventListener，发现问题的真正原因是addEventListener的第三个参数。PC端监听onscroll事件，移动端监听touch 事件，这里有一个默认行为preventDefault() 需要执行。比如touchstart 事件对象的默认
2020-10-29 14:22:45
796
原创 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
730
原创 元素居中（固定宽高与不固定宽高）
元素居中元素的水平和垂直居中：（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
214
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人