摘要: 阅读全文
posted @ 2017-10-26 13:51 Viva_nan 阅读(516) 评论(0) 推荐(0) 编辑
摘要: (一)主体 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:leftright center 登录条:loginbar 标志:logo 广告:banner 页面主体 阅读全文
posted @ 2017-10-23 15:37 Viva_nan 阅读(2910) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2017-10-16 17:17 Viva_nan 阅读(194) 评论(0) 推荐(0) 编辑
摘要: 那天闲着,学习了一下样式效果,自己实现了一个简单的加载中的效果 废话不多说,开始吧!! 一、实现一个圆环 要实现圆环,首先我们需要知道盒模型里面border的本质,先来看一个效果吧 从上面,我们应该可以看到元素盒模型中 border 的本质:元素每个方向上的 border 是梯形而并非矩形。知道了这 阅读全文
posted @ 2017-09-25 17:13 Viva_nan 阅读(2734) 评论(0) 推荐(1) 编辑
摘要: 获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。 1 document.body.clientWidth ==> BODY对象宽度 2 document.body.clientHeight ==> BODY对象高度 3 document.documentElement.clie 阅读全文
posted @ 2017-09-25 17:07 Viva_nan 阅读(274) 评论(0) 推荐(0) 编辑
摘要: 面向对象中的几个概念: 一切事物皆对象 对象具有封装和继承特性 对象与对象之间使用消息通信,各自存在信息隐藏 JavaScript 语言是通过一种叫做 原型(prototype)的方式来实现面向对象编程的。 基于类的面向对象和基于原型的面向对象方式比较 在基于类的面向对象方式中,对象(object) 阅读全文
posted @ 2017-09-25 08:59 Viva_nan 阅读(147) 评论(0) 推荐(0) 编辑
摘要: 暑期干货 http://www.uisdc.com/new-for-developers-08-2017 渐变色 https://webkul.github.io/coolhue/ 阅读全文
posted @ 2017-09-13 09:44 Viva_nan 阅读(103) 评论(0) 推荐(0) 编辑
摘要: 使用了微信提供的开发工具是真心难用,卡顿厉害、中英文切写注释换相当不爽、还没办法多开窗口,相信大家也遇到过这种现象。 下边我们介绍下webstorm来开发微信小程序的一些配置: 1.首先FileType下Cascading Style Sheet 添加*.wxss 1.png 2.FileType下 阅读全文
posted @ 2017-09-07 11:30 Viva_nan 阅读(453) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0px; padding: 0px; } body{ font-size: 阅读全文
posted @ 2017-08-29 13:05 Viva_nan 阅读(419) 评论(0) 推荐(0) 编辑
摘要: Page({ mapData:[ [{id:11},{id:12}], [{id:21},{id:22}], [{id:31},{id:32},{id:33}] ] }) <view class="container"> <view class="map"> <view wx:for="{{mapD 阅读全文
posted @ 2017-08-24 17:40 Viva_nan 阅读(1694) 评论(0) 推荐(0) 编辑