8月第三周

8.18

will-change 属性

The will-change CSS property provides a way for authors to hint browsers about the kind of changes to be expected on an element, so that the browser can set up appropriate optimizations ahead of time before the element is actually changed. These kind of optimizations can increase the responsiveness of a page by doing potentially expensive work ahead of time before they are actually required.

8.21

- 微信小程序中使用阿里矢量图标

http://blog.csdn.net/mrhuangxiutao/article/details/72178445

- WebView渲染载体

- 微信小程序页面传值

-1- url + " " 传参

用<nevigator>标签传递
复杂类型的参数可以用JSON.Stringfy()转化为字符串传递

-2- 用getCurrentPages()获取栈中全部页面,然后把数据写入相应界面

适合往已存在的页面传值

-3-写入本地,可以跨页面传值

wx.setStorage/wx.getStorage
写入本地的数据缓存可以分为同步与异步两种方式

-4-把数据声明为全局变量

var detail = getApp().detail;

8.22

- JS数组查重的方法

- 微信小程序定位到当前城市

- 几种响应式布局

-1-响应式布局

写多个样式表文件,逐渐被淘汰

-2-rem布局

通过rem把页面等分,rem是相对于根路径font-size尺寸的
所有想要适应不同页面,只需改变font-size即可

-3-流式布局

一般使用百分比或者flex 宽度永远铺满页面宽度,但高度和其他长度仍用px

-4-scale伸缩布局

  • 通过js更改viewport的initial-scale
  • 直接写死viewport
<meta name="viewport" content="width=360;user-scalable=no">

上面这行代码的意思是一直用width=360的宽度处理这个页面
(伸缩的问题在于不能显式的设置minnum-scale=1.0,否则就达不到效果,而且这个值是触发gpu raster的一个条件
gup raster?硬件加速)

-5-rpx布局

系统级的rem,不用自己设置,1rpx=windows.innerWidth/750

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章