2022年11月23日
H5页面在ios手机滑动卡顿问题
摘要： H5页面在ios手机滑动卡顿问题 业务需求场景 在我们开发中，H5页面多多少少会在外部打开，比如微信，钉钉，那么就会存在一些意想不到的bug！此次主要针对移动端H5页面在iOS端产生的 橡皮回弹（橡皮筋效果）造成滑动卡顿问题做一下相关记录，希望对遇到类似问题的同学有所帮助。 方案一：使用 inobounce.js inobounce 阅读全文
posted @ 2022-11-23 11:10 -Sirius- 阅读(751) 评论(0) 推荐(0) 编辑
2022年11月10日
纯CSS实现文本展开收起
摘要： 提到 CSS 状态切换，大家都能想到 input type="checkbox" 吧。这里我们也需要用到这个特性，首先加一个 input，然后把之前的 button 换成 label ，并且通过 for 属性关联起来！ <div class="wrap"> <input type="checkbox 阅读全文
posted @ 2022-11-10 14:59 -Sirius- 阅读(565) 评论(0) 推荐(0) 编辑
2021年12月30日
canvas绘制video
摘要： canvas绘制video 主要思路： Canvas中可以使用ctx.drawImage(video, x, y,width,height)来对视频当前帧的图像进行绘制，其中video参数就是HTML5中的video标签。故我们可以通过Canvas的动态效果不断获取video当前画面，渲染到Canv 阅读全文
posted @ 2021-12-30 10:36 -Sirius- 阅读(479) 评论(0) 推荐(0) 编辑
2021年12月27日
移动端H5-iPhone安全距离适配
摘要： 安全区域？ 安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角（corners）、齐刘海（sensor housing）、小黑条（Home Indicator）影响，如下图蓝色区域： 也就是说，我们要做好适配，必须保证页面可视、可操作区域是在安全区域内。 更详细说明，参考文档：Human I 阅读全文
posted @ 2021-12-27 14:49 -Sirius- 阅读(1525) 评论(0) 推荐(0) 编辑
2021年11月20日
uniapp中的scroll-view自定义下拉刷新
摘要： uniapp下拉刷新 uniapp的下拉刷新有两个方法, 一种是整体的下拉刷新, 使用页面生命周期函数onPullDownRefresh; 另外一种是局部的下拉刷新也叫自定义下拉刷新, 使用scrpll-view组件中的自定义下拉刷新事件。 一.整个页面的刷新(onPullDownRefresh) 阅读全文
posted @ 2021-11-20 16:16 -Sirius- 阅读(6133) 评论(2) 推荐(0) 编辑
2021年11月18日
移动端H5长按事件
摘要： import Vue from 'vue' Vue.directive('longpress', function (el, binding){ // if (typeof binding.value !== 'function') { // throw Error(binding.value + 阅读全文
posted @ 2021-11-18 13:39 -Sirius- 阅读(1533) 评论(0) 推荐(0) 编辑
html2Canvas 前端保存页面为图片
摘要： html2canvas 前言：前端保存页面为图片，最常见的方案都是利用html2canvas来生成图片。 html2canvas详细介绍 html2canvas官网 应用场景 PM要求将公司子公司...获得的一些奖项，前端按要求展示；并且要把H5页面的局部保存图片分享出去。 解决方案：html2ca 阅读全文
posted @ 2021-11-18 13:34 -Sirius- 阅读(992) 评论(0) 推荐(0) 编辑
2021年11月12日
uniapp如何实现锚点定位?
摘要： 在scroll-view组件中有一个scroll-into-view属性：（值应为某子元素id。设置哪个方向可滚动，则在哪个方向滚动到该元素）。【官方scroll-view说明】 此属性的意思则是此属性的值为子元素设置的id时，则可跳转到子元素位置。 先看下效果： 直接上代码： html: <tem 阅读全文
posted @ 2021-11-12 14:26 -Sirius- 阅读(2051) 评论(0) 推荐(0) 编辑
前端分页加载数据方法?
摘要： 分页功能一般是后台实现，前端请求就完事了。但是偶有情况...那也很无奈！数据少的情况，前端可做！数据多了，还是得建议后台来做！！ 【注】我这里其实主要用的是Array.slice(start, end)方法！直接上代码，不啰嗦！ 【效果】 代码： html: <template> <view> <b 阅读全文
posted @ 2021-11-12 11:35 -Sirius- 阅读(521) 评论(0) 推荐(0) 编辑
2021年11月11日
vue-cli（vue脚手架）2.0 搭建项目超详细教程
摘要： 1.安装vue-cli ① 使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入：npm install webpack -g或者（npm install -g webpack），安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。 ② 全局 阅读全文
posted @ 2021-11-11 14:57 -Sirius- 阅读(1728) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示