继续更新移动端的一个布局，这也是经典中的经典，当初只知道个rem和vwvh适配，其实这里面还有很多的门道不只是一个适配这么简单一.前置1.背景缩放我们都知道做移动端，给的图都是二倍图，你拿来用直接缩减一半，这样在手机上显示出来也会很清晰那么我们背景图片怎么来进行缩放呢推荐一个多倍图切图神奇cuttermanbackground-size除了covercontain还可以输入px和百分比原尺寸100px二.移动开发1.主流方案单独制作页面2.移动端解决方案注意初始化的css文件可以直接下载normalize.css特殊样式3.布局方案1.流式布局也就是百分比布局，宽度百分比，高度固定但是有个bu

继续更新移动端的一个布局，这也是经典中的经典，当初只知道个rem和vwvh适配，其实这里面还有很多的门道不只是一个适配这么简单一.前置1.背景缩放我们都知道做移动端，给的图都是二倍图，你拿来用直接缩减一半，这样在手机上显示出来也会很清晰那么我们背景图片怎么来进行缩放呢推荐一个多倍图切图神奇cuttermanbackground-size除了covercontain还可以输入px和百分比原尺寸100px二.移动开发1.主流方案单独制作页面2.移动端解决方案注意初始化的css文件可以直接下载normalize.css特殊样式3.布局方案1.流式布局也就是百分比布局，宽度百分比，高度固定但是有个bu

一.页面导航1.声明式导航通过navigator来跳转1.1导航到tabBar页面比如跳转到tabBar页面就需要navigator来跳转，要用到他的url和open-type属性1.2导航到非tabBar页面非tabBar页面只是没有配置为tabBar的页面，注意还是页面配置其他都一样，将open-type改为navigate即可为了简便，当跳转的为非tabBar页面可以省略opentype1.3后退点击实现后退效果，两个关键属性opentype为navigateBack，delta为数字表示后退的层级为了简便如果只是返回上一个页面可以省略，delta2.编程式导航2.1tabBar到tab

一.WXML模板语法1.1数据绑定绑定内容跟vue差不多，在页面的js文件定义到data里面然后通过插值语法用在wxml中即可绑定属性直接写上插值语法，没有：三元运算生成一个十以内的随机数算数运算1.2事件绑定小程序常用事件小程序事件对象常用属性target和currentTarget的区别，target是触发事件的源头组件，而currentTarget是当前触发这个事件的组件要绑定一个事件只需要在组件上写上事件类型以及对应的回调函数然后回调函数写在对应的js文件里面，没有什么包裹直接写在外层1.2.1修改data数据这里修改data里面的数据，需要在函数里面来改，而且改的方式有点不同，利用了

一.页面导航1.声明式导航通过navigator来跳转1.1导航到tabBar页面比如跳转到tabBar页面就需要navigator来跳转，要用到他的url和open-type属性1.2导航到非tabBar页面非tabBar页面只是没有配置为tabBar的页面，注意还是页面配置其他都一样，将open-type改为navigate即可为了简便，当跳转的为非tabBar页面可以省略opentype1.3后退点击实现后退效果，两个关键属性opentype为navigateBack，delta为数字表示后退的层级为了简便如果只是返回上一个页面可以省略，delta2.编程式导航2.1tabBar到tab

一.WXML模板语法1.1数据绑定绑定内容跟vue差不多，在页面的js文件定义到data里面然后通过插值语法用在wxml中即可绑定属性直接写上插值语法，没有：三元运算生成一个十以内的随机数算数运算1.2事件绑定小程序常用事件小程序事件对象常用属性target和currentTarget的区别，target是触发事件的源头组件，而currentTarget是当前触发这个事件的组件要绑定一个事件只需要在组件上写上事件类型以及对应的回调函数然后回调函数写在对应的js文件里面，没有什么包裹直接写在外层1.2.1修改data数据这里修改data里面的数据，需要在函数里面来改，而且改的方式有点不同，利用了

一.TS介绍1.1简介ts是2012年由微软开发，在js的基础上添加了类型支持1.2优劣势优势：任何位置都有代码提示，增加效率；类型系统重构更容易；使用最新的ECMAscript语法劣势：和有些库的结合并不是很完美；学习需要成本需要理解接口、泛型、类型等知识1.3与js区别首先要明确，ts的存在只是为了让编程更便捷，并不是用来取代js的，是因为js是一个弱类型没有接口泛型而已。二.环境安装首先安装ts，直接安装包即可注意是全局安装然后安装完后记得初始化ts初试化完之后有一个ts的配置文件，先修改两个东西rootdir表示我们的输入也就是写的代码所在的位置outdir表示代码会在此文件输出2.1

一.自定义组件1.1组件的创建与引用首先创建组件然后我们组件的引用分为局部和全局引用局部引用就是在当前页面能使用，在当前页面的json文件里面配置全局引用同样的道理，注意跟page等是同级的组件与页面的不同：虽然都有相应的四个文件1.2组件样式首先，默认情况下组件的样式就是隔离的==，组件之间不会相互影响，小程序也不会影响到组件，组件也影响不到小程序注意：虽然默认情况下是隔离的，但是也可以一些设置让其不隔离styleIsolation的属性：1.3数据、方法和属性数据就是组件js里面的data节点里面的数据方法就是组件js文件里面methods方法，区别于其他页面js的函数是直接写在里面的，组

一.TS介绍1.1简介ts是2012年由微软开发，在js的基础上添加了类型支持1.2优劣势优势：任何位置都有代码提示，增加效率；类型系统重构更容易；使用最新的ECMAscript语法劣势：和有些库的结合并不是很完美；学习需要成本需要理解接口、泛型、类型等知识1.3与js区别首先要明确，ts的存在只是为了让编程更便捷，并不是用来取代js的，是因为js是一个弱类型没有接口泛型而已。二.环境安装首先安装ts，直接安装包即可注意是全局安装然后安装完后记得初始化ts初试化完之后有一个ts的配置文件，先修改两个东西rootdir表示我们的输入也就是写的代码所在的位置outdir表示代码会在此文件输出2.1

一.自定义组件1.1组件的创建与引用首先创建组件然后我们组件的引用分为局部和全局引用局部引用就是在当前页面能使用，在当前页面的json文件里面配置全局引用同样的道理，注意跟page等是同级的组件与页面的不同：虽然都有相应的四个文件1.2组件样式首先，默认情况下组件的样式就是隔离的==，组件之间不会相互影响，小程序也不会影响到组件，组件也影响不到小程序注意：虽然默认情况下是隔离的，但是也可以一些设置让其不隔离styleIsolation的属性：1.3数据、方法和属性数据就是组件js里面的data节点里面的数据方法就是组件js文件里面methods方法，区别于其他页面js的函数是直接写在里面的，组