- 博客(6)
- 收藏
- 关注
RSS订阅原创 JS判断当前手机网页终端是安卓还是IOS
获取终端类别 let u = navigator.userAgent; //判断浏览器型号 let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if (isiOS) { //ios终端 } else { //android终端
2021-03-08 15:25:13
477
原创 jQuery/js 实现环形进度条
效果图 整体思路是：通过裁切（clip）产生两个半圆展示出静态的进度条，而后通过旋转（rotate）角度的变化产生动态效果 clip：只能在元素设置了“position:absolute”或者“position:fixed”属性时起作用 ； 结构 <div id="circle_1" class="circle"> <div class="pie_left"> <div class="left"></div> </di
2021-03-08 15:20:54
1497
原创 VUE使用MintUI（MessageBox）实现自定义提示框中的内容
项目需求将提示框中的提示内容修改成可以添加备注的多行文本域 效果图 准备工作 引入 mint-ui npm intall mint-ui --save 在main.js中引入mintUI // 引入mintUI import MintUI from 'mint-ui' import 'mint-ui/lib/style.css' Vue.use(MintUI) 在项目中引入mintUI的MessageBox模块 // 引入MessageBox模块 import { MessageBox
2021-03-08 14:56:04
1237
原创 vue锚点跳转
HTML <div class="member" ref="member"> 自己的结构、、、 </div> JS 使用的前提是页面允许上下滚动 1.scrollIntoView（Boolean）：如例 - 里面是一个布尔值 为true时 元素的顶端将和其所在滚动区的可视区域的顶端对齐； 为false时 元素的底端将和其所在滚动区的可视区域的底端对齐； （可能受结构影响显示不到最顶端） 1.getBoundingClientRect().top：如例 getBoundin.
2021-02-05 11:07:33
408
原创 vue 强制刷新渲染页面
vue 强制刷新渲染页面 that.$forceUpdate(); 使用环境： 1.数组v-for渲染层级过深，数据赋值成功，但是页面不渲染； 2.可能还没有留意到数组或对象的变更检测注意事项，或者你可能依赖了一个未被 Vue 的响应式系统追踪的状态； 个人实际开发中用到的效果问题总结出来便于自己以后开发查看调用 ...
2021-02-04 09:44:11
1146
原创 仿淘宝菜单栏左右滑动（VUE 移动端）
可通过左右滑动上方的结构来实现下方滑块的跟随移动； 个人实际开发中用到的效果问题总结出来便于自己以后开发查看调用 具体效果： HTML *使用两个数组分为上下两行 单个盒子设置固定宽度（以便后面进行计算）在包裹这两行数组的最外层盒子“menuItemsNav”添加 @scroll="scrollEvent 事件 *如果后台返回的是一个数组，可以根据下标奇、偶数来划分为两个数组 <!-- 菜单分类 --> <div class="menuItems"> .
2020-11-13 11:19:31
3434
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人