最近做的项目里涉及到一个视频列表，点击播放视频，有点类似短视频APP个人主页的效果，直接使用了h5自带的video标签，没想到坑一个接一个。 首先展示下效果图： 踩坑记录： 踩坑一：视频列表中直接使用多个video标签无法达到产品的设计效果 ...

假设我们现在要实现box元素的居中 123 /* 公共代码 */ .wp { border: 1px solid red; ...

小程序生成带二维码的海报效果预览： 项目需求： 需要根据用户信息生成用户个人二维码，后台提供海报素材，将用户二维码画在海报上，并可预览海报，长按保存海报，方便用户分享或者发朋友圈。 涉及到的相关API： wx.getImageInfo()- ...

这是面试经常会被问的问题，以前自己也看过相关的博客内容，但总是面试的过程中只能想到简单的几种，今天做一个总结：实现方式分为两类：1、已知元素的宽高确定 2、元素宽高不定（常问）分别对应不同的解决方案已知元素的宽高确定         1、a ...

在日常开发中，经常会有代码复用的情况，比如在很多个页面里，发现用户没有登录需要弹框登录的时候，比如多个页面顶部都有一个搜索框或者列表底部的暂无数据等等。 这个时候我们可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以 ...

RxJS作为一个功能强大的事件处理库，其具备丰富的操作符，如何能将这些能力在快应用中发挥出来呢？本文对此做出了一些实践和尝试。 在快应用中使用 RxJS ## RxJS 介绍 备注：此文乃友情转载，原出自于在快应用中使用 RxJS。 Rx（ ...

js为什么是单线程？ 主要是因为最开始javascript是单纯的服务于浏览器的一种脚步语言（那时候没有nodejs）。浏览器是为了渲染网页，通过dom与用户交互，如果一个线程需要给dom执行click事件，而另一个进程要删除这个dom，这 ...

伪元素和伪类 说到这个，我们先回顾一下，伪类选择器和伪元素选择器，老版的浏览器没有严格区分下面 2 种写法。 a:after{} a::after{} 在新的标准中，单冒号(:)用于 CSS3 伪类，双冒号(::)用于 CSS3 伪元素，我 ...

下载 官方网站: ---- https://photo-sphere-viewer.js.org 附属依赖必选项： ---- three.js ---- browser.js 注： 可以直接使用 npm install photo-sphe ...

轮播图是项目中非常常见的一个效果，平时我们可能都会用别人写好的插件，但是必要的时候也需要自己手写，尤其是需要掌握下其中的实现原理。 一、需求 1.实现渐隐渐显自动轮播效果 2.鼠标移入：显示左右切换箭头，停止自动轮播 3.鼠标离开：隐藏左右 ...