摘要:
小程序的代码不像写html一样,并没有dom节点的这样的一些操作。它必须是操作数据,通过数据再去渲染页面。更像我们用过的vue,react。 我们看下微信小程序里面,Page的生命周期。 https://developers.weixin.qq.com/miniprogram/dev/framewo 阅读全文
摘要:
1、注册小程序(开放给了个人开发者以及公司) 2、代码开发 3、提审(微信官方人员对代码审核) 4、上线 1、注册小程序(开放给了个人开发者以及公司) 2、代码开发 3、提审(微信官方人员对代码审核) 4、上线 阅读全文
摘要:
1、小程序搜索入口 & 附近的小程序 2、扫一扫、长按识别小程序码 3、好友分享、群分享 4、关联公众号 5、第三方的小程序应用商店 6、小程序之间互相跳转 1、小程序搜索入口 & 附近的小程序 2、扫一扫、长按识别小程序码 3、好友分享、群分享 4、关联公众号 5、第三方的小程序应用商店 6、小程 阅读全文
摘要:
官方给的说法是: 微信小程序,简称小程序,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用 总结发现有这么几点: 1、免安装(不需要单独安装,是依托微信这个载体) 2、操作更接近原生app (可以调用微信里面的一些api,比如打开相机,上传视频,上传 阅读全文
摘要:
响应式设计 .在不同设备上正常使用 .一般主要处理屏幕大小问题 .主要方法: .隐藏 + 折行 + 自适应空间 .rem/viewport/media query 第一个案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> 阅读全文
摘要:
.像文本一样排block元素 .没有清除浮动等问题 .需要处理间隙 一种方式 <style> .container{ width: 800px; height: 200px; font-size: 0; /** * 使用inline-block,就相当于是文本,文字和文字之间肯定是有间隙的 * 不可 阅读全文
摘要:
float的特性一 .元素‘浮动’ .脱离文档流 .但不脱离文本流 首先看一个案例,直观的了解下float的特性 <style> .container{ background: red; width: 400px; } .p1{ background: green; float: left; wid 阅读全文
摘要:
.弹性盒子 .盒子本来就是并列的 .指定宽度即可 <style> .container { width: 800px; height: 200px; display: flex; border: 1px solid black; } .flex { background: red; margin: 阅读全文
摘要:
relative是相对元素本身位置进行移位,但不会改变本身位置的大小 本身的位置 本身的位置 移位后,可以看到,p5的位置还是在那,并不会自动往上走,也就是p2的位置原来所占据的位置不变的。不会因为偏移而改变布局的计算 移位后,可以看到,p5的位置还是在那,并不会自动往上走,也就是p2的位置原来所占 阅读全文
摘要:
普通的表格布局 <style> .table { display: table; width: 800px; height: 200px; } .table-row { display: table-row; } .table-cell { vertical-align: middle; displ 阅读全文