- 博客(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关注的人