web

实现循环跑马灯效果，如下图 数据从左到右无缝循环滚动 鼠标移入元素可暂停滚动，鼠标移出恢复滚动 可自定义滚动的速度 代码

 ``` ```

介绍及原理 原理 rem单位的特点，是1rem对应的px值等于根元素html的font-size值。也就是说，当根元素html的font-size值变化时，1rem的值会跟随着动态变化。比如: 有一个

方案一：前端动态设置 meta/title（基础方案） 适合对 SEO 要求不高、只需简单优化的场景。 优点 实现简单，无需改动项目结构 对于百度、Google 部分页面有一定效果 缺点 仅对部分搜索

场景 当需求是需要一次性渲染几千上万甚至十万或更多条数据的时候，如果我们一次性在页面上渲染会导致页面渲染很慢甚至卡死 优化方法 时间分片 虚拟列表 时间分片 使用 requestAnimationFr

准备工作 新建文件 flexible.js （与main.js同级即可） 安装插件 插件名：px to rem & rpx & vw (cssrem) 适配配置 flexible.js 在main.j

简介 涉及数据类型 blob、file ObjectURL DataURL、text、BinaryString、ArrayBuffer blob、file blob、file 来源 通常我们得到Fil

canvas基本使用 你的浏览器不支持 canvas，请升级你的浏览器。canvas基本使用 你的浏览器不支持 canvas，请升级你的浏览器。canvas基本使用 你的浏览器不支持 canvas，请

设置页面中所有视频未播放时展示的封面图 先看效果 场景 有时候我们会在页面中手动写上video 也可能页面的内容是后端通过富文本传递给我们，我们使用v-html指令进行内容渲染而生成的video 如果

页内跳转，跨页跳转，函数跳转 1.页内跳转：在同一个页面进行跳转 这种方案也能实现回到顶部功能 2.从A页面跳到B页面的指定锚点 思路：将锚点值作为query属性，传给B页面，然后B页面再通过prop

环境：vue2  "@zxing/library": "^0.19.1", 扫码方式 第一种：微信jssdk自带的扫一扫功能，优点：无兼容性问题，只要微信能扫一扫的场景，这个api都能扫。缺点：只能在

有时候我们使用input框的时候不想让其自动填充内容 一般来说有一个简便方法和一个复杂方法 简便方法：设置属性值 autocomplete="off" autocomplete="new-passwo

先上效果图 封装组件理由 在很多网站中都会有这么一个悬浮的导航栏/按钮 之类的东西，想要做一个固定的悬浮盒子并不难，直接一个固定定位即可完成需求，但是有时候会有奇葩的要求：需要让这个悬浮盒子可以拖动！

1.锚点方式 注意：a标签的方式会导致地址新增参数 2.通过点击事件将scrollTop重置为0 不过这种回到顶部是直接回到顶部，没有平滑效果 解决方案：页面平滑滚动 凡是需要滚动的地方都能加上css

获取屏幕的宽度和高度 网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.bod

有时候我们会遇到一种奇葩需求：在搜索页面，搜索结果的数据中展示的内容肯定包含搜索关键词的，但是现在需要将搜索关键词在搜索结果中突出展示出来 例如： 这种我们该怎么做呢？ 解决思路：将需要突出展示的内容

使用element组件库 引入： 使用： url-list：是数组，数组内容为：['url','url','url'] on-close：是关闭事件的回调函数，一般都是让控制组件显示/隐藏的变量变成f

文件下载 1.简便方式 a标签的target属性有五个特殊值 target="_self" 内容在当前页面显示。 target="_blank" 内容在新页面显示。 target=“three” 内容