- 博客(8)
- 收藏
- 关注
RSS订阅原创 基于Taro的移动端H5的悬浮按钮(可拖动)
今天工作时遇到了一个需求，要去做一个可拖动的悬浮按钮。效果图大概是这个样子，然后可以在界面上拖动。因为是taro的项目，所以下面的代码是基于taro实现的，最后边会给出原生js的实现代码首先是render部分，拖动的事件分布为：onTouchStart(开始拖动执行的事件)，onTouchMove(拖动时执行的事件)，onTouchEnd(拖动结束执行的事件)首先先给view设置固定定位fixed,然后通过控制left和top的属性来设置位置render() { return (
2020-06-11 16:49:13
2755
原创 padStart()方法,padEnd()方法
ES6 引入了字符串补全长度的功能，如果某个字符串不够指定长度，会在头部活尾部补全。padStart() 用于头部补全；padEnd() 用于尾部补全。var d = new Date();console.log(d.getFullYear() +'-'+ (d.getMonth()+1) +'-'+d.getDate());输出的结果如下：我们要将日期的格式转化为 yyyy-mm...
2019-06-13 11:50:09
210
原创 常用正则表达式公式总结
常用正则表达式公式总结1.数字：^[0-9]\*$2.n位的数字：^\d{n}$3.至少n位的数字：^\d{n,}$4.零和非零开头的数字：^(0|[1-9][0-9]\*)$5.由26个英文字母组成的字符串：^[A-Za-z]+$6.由26个大写英文字母（小写字母）组成的字符串：^[A-Z]+$ （^[a-z]+$）7.Email地址：^\w+([-+....
2019-06-12 10:23:21
325
原创 justify-content 属性
弹性布局中的justify-content属性justify-content语法如下：justify-content: flex-start（默认） | flex-end | center | space-between | space-aroundflex-start：向行头紧挨着填充。结果：flex-end:向行尾紧挨着填充结果center:居中结果：space-betw...
2019-06-03 10:13:06
1272
原创 js中map和for循环的迭代终止
map循环和for循环如果不加return false都迭代不会终止，会一直执行到循环结束如下图 this.state.tab.map((res)=>{ if(res.name.includes(this.state.value)){ console.log(123) }else{ ...
2019-05-31 14:52:39
21085
2
原创 taro中如何判断输入框输入的数据是否存在
判断输入的数据是否存在onActionClick(){ let boo =false this.state.tab.map(res=>{ if(res.name.includes(this.state.value)){ boo = true }else{ ...
2019-05-31 11:21:31
1355
原创 CSS中如何控制SPAN标签自动换行
一开始写了很多个span运行之后显示的结果为如果要让每一个span标签自动换行，则给span加上display:block;便会出现每个span标签自动换行的情况结果：
2019-05-24 10:10:17
15432
原创 超出部分隐藏
超出部分隐藏如果想要超出红色部分隐藏并用省略号表示：结果：[1]: http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference[2]: https://mermaidjs.github.io/[3]: https://mermaidjs.github.io/...
2019-05-23 10:48:16
330
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人