自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 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 381

原创 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 1306

原创 VUE使用MintUI(MessageBox)实现自定义提示框中的内容

项目需求将提示框中的提示内容修改成可以添加备注的多行文本域效果图准备工作引入 mint-uinpm intall mint-ui --save在main.js中引入mintUI// 引入mintUIimport MintUI from 'mint-ui'import 'mint-ui/lib/style.css'Vue.use(MintUI)在项目中引入mintUI的MessageBox模块// 引入MessageBox模块import { MessageBox

2021-03-08 14:56:04 1052

原创 vue锚点跳转

HTML<div class="member" ref="member"> 自己的结构、、、</div>JS使用的前提是页面允许上下滚动1.scrollIntoView(Boolean):如例 - 里面是一个布尔值 为true时 元素的顶端将和其所在滚动区的可视区域的顶端对齐; 为false时 元素的底端将和其所在滚动区的可视区域的底端对齐; (可能受结构影响显示不到最顶端)1.getBoundingClientRect().top:如例 getBoundin.

2021-02-05 11:07:33 313

原创 vue 强制刷新渲染页面

vue 强制刷新渲染页面that.$forceUpdate();使用环境:1.数组v-for渲染层级过深,数据赋值成功,但是页面不渲染;2.可能还没有留意到数组或对象的变更检测注意事项,或者你可能依赖了一个未被 Vue 的响应式系统追踪的状态;个人实际开发中用到的效果问题总结出来便于自己以后开发查看调用...

2021-02-04 09:44:11 1041

原创 仿淘宝菜单栏左右滑动(VUE 移动端)

可通过左右滑动上方的结构来实现下方滑块的跟随移动;个人实际开发中用到的效果问题总结出来便于自己以后开发查看调用具体效果:HTML*使用两个数组分为上下两行 单个盒子设置固定宽度(以便后面进行计算)在包裹这两行数组的最外层盒子“menuItemsNav”添加 @scroll="scrollEvent 事件*如果后台返回的是一个数组,可以根据下标奇、偶数来划分为两个数组<!-- 菜单分类 --> <div class="menuItems"> .

2020-11-13 11:19:31 3128 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除