个人随笔
旺仔流奶
从现在开始努力也不算太晚
展开
-
vue click事件统一操作
目的:为了解决站外click事件需要进行统一操作——通过url Scheme来打开APP或者进入下载页,想对click事件进行拦截。解决思路:1.首先寻找vue的一些语法糖直接进行处理,比如使用事件修饰符,如@click.capture,这个修饰符是给元素添加监听器,当元素发生冒泡时,先触发带有这个修饰符的元素,如果有多个此修饰符,那么由外向内触发,想法是在最外层div进行操作,但是这个捕获的是所有点击事件,无论点击哪里都会捕获,而不是针对里面特定的@click,不能满足我们的要求。..原创 2020-08-07 11:20:20 · 592 阅读 · 0 评论 -
微信浏览器 视频自动播放 解决方法
一进入页面单个视频开始自动播放可使用wx-sdk 中wx.ready() 可监听WeixinJSBridgeReady事件 //一般情况下,这样就可以自动播放了,但是一些奇葩iPhone机不可以 document.getElementById('car_audio').play(); //必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效 document.addEventListener("WeixinJSBridgeRe原创 2021-03-11 18:01:21 · 3647 阅读 · 1 评论 -
SEO优化
常见两种方案:1.服务端渲染 SSR2.预渲染预渲染方式:1.prerender-spa-plugin webpack插件,在项目构建时把项目按照路由打包成html静态文件。所以只有: 路由是静态的 + 页面内容是死的,不需要ajax请求的2.prerender: 如果内容需要ajax动态请求,可以使用prerender,通过无头浏览器渲染页面并返回html区别:1插件是在打包过程中渲染,只能渲染静态路由,2是在请求时渲染,可以渲染动态路由prerender...原创 2021-03-11 17:59:59 · 73 阅读 · 0 评论 -
设计模式学习
1.观察者模式eg:DOM事件需要监听dom元素一些行为,但却不知道用户会在什么时间主动触发—— 在DOM节点上绑定事件函数var dom = document.getElementById('box');dom.addEventListener('click', function () { console.log("click box");}, false);// 模拟点击dom.click(); // click box此时,DOM的click事件是被观察者..原创 2021-03-11 17:59:18 · 46 阅读 · 0 评论 -
前端组件
1.H5iOSSelecthttp://zhoushengfe.com/iosselect/website/index.html#user-content-demos原创 2019-07-31 11:36:48 · 104 阅读 · 0 评论