代码改变世界

随笔档案-2017年11月

分类:点击切换样式

2017-11-29 17:36 by hongfa, 566 阅读, 收藏,
摘要: wxml页面 <view class='cateName {{firstId==index ? "slectedCateName" : ""}}' bindtap='clickName' wx:for="{{cateNameArr}}" wx:for-item="cateName" data-ind 阅读全文

Flex布局语法

2017-11-23 09:05 by hongfa, 183 阅读, 收藏,
摘要: 任何一个容器都可以指定为 Flex 布局 .box { display: flex; }行内元素也可以使用 Flex 布局 .box { display: inline-flex; }Webkit 内核的浏览器,必须加上-webkit前缀 .box{ display: -webkit-flex; / 阅读全文

正则表达的split()方法

2017-11-23 08:30 by hongfa, 774 阅读, 收藏,
摘要: // split() 方法用于把一个字符串分割成字符串数组。 var ptn = '123,456,789' var res = ptn.split(',') console.log(res) var ptn1 = '1, 2, 3, 4, 5' var res1 = ptn1.split(/\s* 阅读全文

正则表达式match()方法

2017-11-23 08:24 by hongfa, 378 阅读, 收藏,
摘要: var url = /(\w+):\/\/([\w.]+)\/(\S*)/ var text = 'Visit my blog at https://www.baidu.com/~wang' var result = text.match(url) if(result != null){ var f 阅读全文

前端切图

2017-11-22 10:16 by hongfa, 174 阅读, 收藏,
摘要: 前端切图 (1)布局、样式、逻辑 (2)先写布局的html标签,再写css样式,后写js逻辑 (3)合理书写布局的html标签,从大到小,使用具有语义化的html标签 (4)合理使用display切换显示html标签的块元素与行元素,float和vertical-align (5)在做响应式的网站时 阅读全文