摘要: 大家都知道用JS实现返回上一页的功能很简单,也有几种方法,比如以下: 点击function,下面两种都可以 function back(){ history.go(-1); } function back(){ history.back(); } 在a标签中实现: <a class="back" h 阅读全文
posted @ 2020-03-23 17:29 padding2020 阅读(2808) 评论(0) 推荐(0) 编辑
摘要: Android原生输入框的焦点效果一直都让人看起来很舒服,所以今天就用web技术来实现。 先看一下效果图: 原理很简单: 就是在input框上加一层label,然后通过判断input框是否获得焦点,当当前input获取焦点后,给绑定它的label添加上移样式(active), 然后input失去焦点 阅读全文
posted @ 2020-03-19 18:13 padding2020 阅读(431) 评论(0) 推荐(0) 编辑
摘要: 本章概要: 1.认识HTML文档结构 2.认识HTML常用标签 从上一篇文章中提到的HTML是超文本标记语言,一种用来结构化web网页及其内容的标记语言。那么其中的结构化究竟是怎样的呢?我们来看下面一段代码: <!DOCTYPE html> <html lang="en"> <head> <meta 阅读全文
posted @ 2020-01-12 16:19 padding2020 阅读(794) 评论(0) 推荐(0) 编辑
摘要: 在Vue4.0开发微信公众号的时候,需要做微信分享功能。这个功能其实还算简单,具体的思路如下: 1.安装微信JSSDK和Axios(axios是http请求插件) 2.向后台请求微信配置参数 3.初始化微信分享配置API 4.需要分享的地方引用配置 那么现在来实现: 安装插件: yarn add w 阅读全文
posted @ 2020-01-10 10:58 padding2020 阅读(3498) 评论(11) 推荐(0) 编辑
摘要: 课本解释:命令模式是最简单和优雅的模式之一,命令模式中的命令(command)指的是一个执行某些特定事情的指令。 命令模式最常见的应用场景是:有时候需要向某些对象发送请求,但是并不知道请求的接收者是谁,也不知道被请求的操作是什么。此时希望用一种松耦合的方式来设计程序,使得请求发送者和请求接收者能够消 阅读全文
posted @ 2019-12-31 18:25 padding2020 阅读(203) 评论(0) 推荐(0) 编辑
摘要: 问题描述: 在一个页面中需要一个用swiper的轮播图,数据大概有40条,每一屏幕的swiper只显示其中的n条数据。 代码描述: <div id="app"> <div class="swiper-container"> <div class="swiper-wrapper"> <div clas 阅读全文
posted @ 2019-12-06 14:04 padding2020 阅读(2493) 评论(0) 推荐(0) 编辑
摘要: 当在dom元素中使用onclick绑定事件的时候,可以使用this来指向该元素对象。 打印输出的内容为: 所以可以通过该this对象来获取子元素 //通过element获取该对象下的一个audio标签function play(1,element){ let audio = element.getE 阅读全文
posted @ 2019-10-03 13:19 padding2020 阅读(5474) 评论(0) 推荐(0) 编辑
摘要: audio在使用中,如果有多个,在播放的时候,如果一个声音没有播放完继续下一个的话,原来正在播放的并不会关闭(在Android和PC上测试是这样,苹果产品不清楚) 现在需要做的是,当播放其中一个的时候,其他正在播放的全部关闭 实现思路:先获取当前HTML中所有的audio作为数组储存,当你指定要播放 阅读全文
posted @ 2019-10-03 13:15 padding2020 阅读(991) 评论(0) 推荐(0) 编辑
摘要: 实现如上图所示的内容,利用微信小程序自带的swiper标签,设置垂直滚动,原理就是这么简单,但是,如果需要动态加载数据呢? <view class='flex news'> <view class='news-left'>头条</view> <swiper class='news-right' ve 阅读全文
posted @ 2019-06-12 23:47 padding2020 阅读(2860) 评论(0) 推荐(0) 编辑
摘要: 微信小程序本来封装有底部导航栏,但对于想自定义样式和方法的开发者来说,这并不是很好。 参考链接:https://github.com/ljybill/miniprogram-utils/tree/master/custom-tabbar 首先创建一个底部导航栏组件,名为:navBar <view c 阅读全文
posted @ 2019-06-11 20:24 padding2020 阅读(20631) 评论(8) 推荐(1) 编辑
想了解更多的,大家也可以关注我的公众号:padding2020