自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 css动画之按钮放大缩小动态效果——animation

<button class="btn">点我</button>.btn {animation: scaleDrew 2.5s ease-in-out infinite;}@keyframes scaleDrew {/* 定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称 */ 0% { transform: scale(1); ...

2019-10-09 19:12:36 7190

原创 【Chrome 调试技巧】教你一步不用安装插件就可以完成--电脑页面截图

在 Chrome 的调试打开的情况下按下 [ Ctrl] + [Shift] + [P]Mac: [⌘] + [Shift]+ [P]这里我们点击full size screenshot 整张页面截图会将截好的图直接下载下来,简直不要太方便!!!!...

2019-09-26 11:22:43 209

原创 css:显示文本省略号

省略号展示通常分为两种情况不折行:div { white-space:nowrap;// 规定文本是否折行 overflow: hidden;// 超出宽度溢出隐藏 text-overflow: ellipsis;// 超出的内容省略号显示}代码折行:div { overflow: hidden; text-overflow: ellip...

2019-09-17 11:13:51 221

原创 判断当前网络环境是否为微信环境

判断当前网络环境是否为微信环境let _ua = navigator.userAgent.toLowerCase()if(_ua.match(/MicroMessage/i)) == 'micromessenger') { this.shareClient = 1 // 微信环境}

2019-09-06 11:14:56 780

原创 vue 导航锚点——点击平滑滚动,导航栏对应变化

情况描述:h5页面的活动首页,首屏图片展示,图片下有导航栏,以及模块展示。滑动屏幕,导航栏吸顶,点击导航栏,滚动到对应模块//点击导航栏获取点击indexgoDetails(index) { this.activeMenu = index // 点击index加样式 let height = Number(document.getElementById('na...

2019-09-06 11:12:19 11547

原创 微信小程序学习--页面跳转(4)

页面跳转使用API页面跳转 使用API wx.navigateTo()函数写上需要跳转的页面,里面传入的是一个对象,对象内使用url属性,对应的就是需要跳转的页面的路径(注意:这是接收的是一个相对路径,并且页面不需要使用.wxml后缀)wx.navigateTo({ url: 'test?id=1', events: { // 为指定事件添加一个监听器,获取被打开页...

2019-08-19 20:21:32 301

原创 微信小程序学习--全局属性的使用(3)

全局属性使用在第一部分,小程序的文章结构介绍中,我们知道:app.js文件,用于放置一些全局的函数和全局的属性微信小程序–文件结构指路:➡️ 微信小程序学习–文件结构(1)一般情况下,我们会把一些常用的函数和属性写在app.js文件内,这样不用在页面之间传值,或者不用重复加载在app.js页面中有一个globalData,这是一个全局对象。在里面添加一个属性 info:“你好”g...

2019-08-19 19:22:45 234

原创 微信小程序学习–生命周期(2)

Page生命周期在index.js文件添加Page() 接受一个object参数,其指定页面的初始数据、生命周期函数、时间处理函数等。生命周期函数:onLoad 监听页面加载 ===》 调用列表数据方法onReady 监听页面初次渲染完成 ===》可以在这个时候 wx.setNavigationBarTitle(Object object) 动态设置当前页面的标题...

2019-08-19 19:15:04 134

原创 微信小程序学习–文件结构(1)

微信小程序学习–文件结构(1)app.json文件​ ——小程序的全局配置文件pages 设置页面路径window 设置默认页面的窗口表现tabBar 设置底部tab的表现networkTimeout 设置网络超时时间debug 设置是否开启debug模式pages来指定小程序由哪些页面...

2019-08-14 11:21:31 139

空空如也

空空如也

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

TA关注的人

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