微信小程序查看有多少节点

wx.createSelectorQuery()

基础库 1.4.0 开始支持，低版本需做兼容处理

返回一个SelectorQuery对象实例。可以在这个实例上使用select等方法选择节点，并使用boundingClientRect等方法选择需要查询的信息。

示例代码：

Page({

  queryMultipleNodes: function(){var query = wx.createSelectorQuery()

    query.select('#the-id').boundingClientRect()

    query.selectViewport().scrollOffset()

    query.exec(function(res){

      res[0].top       // #the-id节点的上边界坐标  res[1].scrollTop // 显示区域的竖直滚动位置})

  }

})

selectorQuery

selectorQuery 对象的方法列表：

方法 参数 说明

select selector 参考下面详细介绍

selectAll selector 参考下面详细介绍

selectViewport   参考下面详细介绍

exec [callback] 参考下面详细介绍

selectorQuery.select(selector)

在当前页面下选择第一个匹配选择器selector的节点，返回一个NodesRef对象实例，可以用于获取节点信息岁森。

selector类似于CSS的选择器，但仅支持下列语法。

ID选择器：#the-id

class选择器（雹雀谈可以连续指定多源碰个）：.a-class.another-class

子元素选择器：.the-parent >#the-child.a-class

多选择器的并集：#a-node, .some-other-nodes

selectorQuery.selectAll(selector)

什么是px

    像素，相对于显示器屏幕的分辨率。

    特点：固定大小，设置以后就不能因为页面改变而改变。

什么是pt

    物理长度单位 1pt = 1px +1px*1/3

什么是em

    相对长度单位，相对当前对象内文本的字体尺寸。

    特点：em的值并不是固定的，em会继承父级元素的字体大小。

    注意：浏览器默认字体大小16px。谷歌最小12px。

什么是rem

    CSS3新增的一个相对单位（root em）相对于根节点html的字体大小来计算的。默认 1rem = 16px

    特点：值只受到根节点html的字体大小影响，并不受父元素字体大小的影响。

rem适配

写在js的内容

(function(document,window){

    let doc    = document.documentElement,//获取根节点html

    resizeEvent = "orientationchange" in window ?  "orientationchange" :"resize",

    resets      = () =>{

        if(doc.clientWidth>750){

            doc.style.fontSize = "100px"

            document.getElementById("root").style.width = '750px'

            return

        }

        let fontSizeValue = doc.clientWidth/7.5

        doc.style.fontSize = fontSizeValue+"px"

        document.getElementById("root").style.width = "auto"

    }

    if(!doc.addEventListener) return

    window.addEventListener(resizeEvent,resets,false)

    doc.addEventListener("DOMContentLoaded",resets,false)

})(document,window)

--------------------------------------------我是一条分割线--------------------------------------------

App

  原生开发  ios   

​安卓

前端开发app  dclould  apicloud  ---开发完移动端页面之后，进行打包apk文件

前端开发的原生app应用  ------ react-native  flutter  weex ----跨终端应用开发

混合开发 hybird  套壳开发 ------对于前端没什么太大工作  主要还是写移动端页面

h5页面-------webapp -----移动端网站

小程序开发

微信公众号开发

平台---

业务平台

后台管理

pc端的面向客户的网站

企业站

orientationchange 事件

当设备的方向变化（设备横向持或纵向持）此事件被触发。

js

   坦喊 //判断在window对象中是否有orientationchange属性

    'orientationchange' in window   

DOMContentLoaded 事件

当初始的 HTML 文档被完全加载和解析完成之后（不需要等待图片等其他资源加载完成），DOMContentLoaded 事件被触发。

 load 事件

页面上碧信余所有的资源（图片，音频，视频等）被加载以后才会触发load事件，简单来说，页面的load事件悔滚会在DOMContentLoaded被触发之后才触发。

window.onload=function(){

}

document.onready

---