2019年5月7日
摘要: 小程序开发的共同属性; id 属性值:字符串 功能:组件的唯一标识 作用:保证页面的唯一 class 属性值:字符串 功能:组件的样式类 作用:对应wxss定义的样式类 style 属性值:字符串 功能:组件的内联样式 作用:可以动态的设置内联样式 hidden 属性值:布尔 功能:组件是否显示 作 阅读全文
posted @ 2019-05-07 21:02 Web引领者 阅读(398) 评论(0) 推荐(0) 编辑
摘要: 所有组件的属性都是小写 rpx与px的一个区别:rpx是响应式的屏幕像素 来自页面的js文件中的 Page()方法中的 data对象 页面的数据要用 mustache 语法 变量名加双{}包起来 这种语法的强悍之处在于,可以在页面的各个角落都可以传数据, 而且还能直接在页面中解析出数据,运算等等。。 阅读全文
posted @ 2019-05-07 20:52 Web引领者 阅读(216) 评论(0) 推荐(0) 编辑
摘要: 一个小程序的基本目录结构: 全局文件的配置:根目录下 app.js:注册小程序的应用 里面有一个App()的函数 参数是一个对象 project.config.json:小程序的个性化设置,对应的独立的小程序 app.json:各个页面的注册路径 是一个对象格式 里面以键值对形式书写 pages属性 阅读全文
posted @ 2019-05-07 20:31 Web引领者 阅读(1850) 评论(0) 推荐(0) 编辑
摘要: 移动式布局 1.移动设备:手机和iPad 系统分:安卓系统和iOS系统 安卓系统内置浏览器是谷歌,ios内置safari浏览器,他们的内核都是webkit,不需要考虑兼容性,但安卓和iOS系统还是有区别的; 2.布局(写页面)所考虑的东西 设备宽度:就是设备实际大小,设备分辨率,就是手机屏幕; 页面 阅读全文
posted @ 2019-05-07 17:19 Web引领者 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 使用meta标签 在head标签里面加上这一句; <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" 阅读全文
posted @ 2019-05-07 16:09 Web引领者 阅读(191) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>爆炸效果轮播</title> <style> *{ margin:0; padding:0; } ul,ol{ list-style:none; } .sli 阅读全文
posted @ 2019-05-07 16:00 Web引领者 阅读(240) 评论(0) 推荐(0) 编辑