自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

haozi的博客

探索未知

  • 博客(12)
  • 收藏
  • 关注

原创 vscode 常用插件,够用就好

汉化包 Chinese auto rename tag better comments css peek git graph gitlens html/css/js snippets indent-rainbow path intellisense prettier code formatter rainbow brackets vetur vue component vue3 snippets vue-beautify

2024-10-21 15:40:48 168

原创 vue瀑布流 - vue-waterfall-easy

vue 瀑布流 - vue-waterfall-easy

2021-12-03 15:33:29 4635

原创 vant ui中实现底部导航栏路由,van-tabbar-item使用v-for,自定义图标

看了好几个网友的代码,真是坑啊。还是自己好好研究,才是王道。直接参考官网的代码就好了https://vant-contrib.gitee.io/vant/#/zh-CN/tabbar#zi-ding-yi-tu-biao,具体属性,再参考API进行自定义配置。Tabbar Propsactive-color 选中标签的颜色 string TabbarItem Slots名称 说明 参数 icon 自定义图标 active: 是否为选中标签 代码

2021-08-04 16:01:29 8293 3

原创 使用可视化工具(GUI)创建Vue项目

使用可视化工具(GUI)创建Vue项目首先安装的是:Node.js,Vue-cli版本要在3.0以上,npm install -g @vue/cli 或者 npm i -g @vue/cli查询版本,vue -V(大写) 或者 vue --version使用命令行,输入 vue ui,浏览器会自动打开创建窗口,点击创建 选择创建目录后,点击底部创建按钮,按需选择,继续下一步。 最后需要保存预设的话,就保存一下。创建项目中需要点时间.........

2021-01-15 14:32:37 1145

原创 奇葩!小米手机自带浏览器css兼容问题,强制屏蔽、隐藏类名为 top_box 的元素。

如标题所示,今天记录一下小米手机自带浏览器的问题。同一个页面代码,不论在微信环境,其他第三方浏览器,或者嵌入app中显示都没有问题,唯有小米浏览器,莫名其妙的有个元素不见了。然后一顿修改,测试,换各种方法。。。最终发现是类名的问题!!!!!<div class="top_box"> 我的类名是top_box,在小米浏览器中被强制隐藏</div><div class="top-box"> 我的类名是top-box</div&gt

2020-06-16 11:38:59 2566 2

原创 H5页面使用JS判断小程序环境,跳转本小程序的页面或另一个小程序

最近有个项目需求,H5页面在小程序中打开时需要隐藏一些功能。

2019-11-05 14:32:04 3182

原创 IOS12以上微信内置浏览器下键盘收起底部出现空白

Bug表现:在IOS12以上的系统下,微信打开链接点击输入框获取焦点后虚拟键盘自动弹出,输入内容后收起键盘,原来弹出键盘的位置一片空白,页面没有自动适应整个屏幕。解决办法:在公共js文件下对设备进行判断,如果为IOS设备则全局处理该问题,即在当前页面滚动的位置上下滚动1px的距离即可实现页面的自适应! let ua = window.navigator.userAgent; ...

2019-08-21 13:18:11 621

原创 原生JS实现canvas移动端电子签名板/画板

最近做一个移动端项目, 有电子签名功能, 生产PNG格式上传服务器, 而且需要横屏签名, 这需要注意移动端的横屏后宽高的变化, 以下是JS核心部分

2019-04-28 15:22:12 3428 3

原创 JS中 slice()和splice()区别

1.slice() 方法返回选定的元素,即一个新的数组,原数组并未发生改变参数(2个) :a : 必需。从第几个开始选取。如果是负数,从尾部开始算起的位置。如 -1 指最后一个元素...b :可选。从第几个开始选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,则是数组的长度。如果是负数,从尾部开始算起的位置。如 -1 指最后一个元素...let arr = new ...

2019-04-27 17:31:08 425

原创 localStorage存储数据的格式

1. localStorage 是以字符串的形式来存储的//存:转为字符串 let obj = {"name":"Lee","age":"20"} localStorage.setItem("user",JSON.stringify(obj));//取:转换成对象 let user = JSON.parse(localStorage.getItem("user")...

2019-04-25 11:44:15 8370

原创 JS面向对象 - 构造函数 - 继承

继承 :子类继承父类的属性和方法好处 :减少代码量, 公共的父类可以复用. 降低耦合度.JS里实现继承的方法 :1. 通过改变构造构造函数中对象的指向实现继承2. 通过原型链实现继承.function Animal(){ this.species = "哺乳动物"; this.place = "地球";}function Cat(){ A...

2019-03-27 21:33:44 204

原创 JS倒计时

//设置结束时间 endTime var ft = new Date( endTime ) ;//未来时间放计时器外面, 只获取一次, 月份要减 1 var fTimes = ft.getTime() ;//未来时间戳 var timer = setInterval( function(){...

2019-03-27 20:48:05 216

空空如也

空空如也

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

TA关注的人

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