iheyu(一个新手小白女PHP初学者)

一. 小程序它的 配置文件有两个： 1 是app.ison的全局配置文件,全局配置。 2 是页面配置文件,页面配置。 二. 全局配置有几项: ...

小程序MINA框架分为三个部分：有 View(视图层)、App Service(逻辑层)和 Natice(系统层)。    1.View(视图层)中包含了小程序多个页面、每个页面都有WXML文件和 WXSS文件，是搭建页面视图的结构和展现样式。    2.App Service(逻辑层)就是处理思维逻辑的地方、MINA整个数据交互的服务中心，是有Manger处理逻辑部分的执行，另一部分是底...

    小程序生命周期分为：1.小程序程序生命周期 2.小程序页面生命周期；        1.小程序程序生命周期 ：有onLaunch、onShow、onHide、onError，如图：    第一次进入小程序客户端会帮我们初始化小程序的类型环境，会从CDN下载或本地缓存代码包，注入到运行环境里。    onLaunch：初始化结束后微信客户端会给我们逻辑层的Appjs的App...

WXSS的选择器概念：1.class只是选择器的一种。            2.在view标签直接用id标识的选择器。            3.element选择器可以在样式文件写入、页面上元素对应的标签名、就可以选择页面上的一些元素对它进行样式的定义。            4.::after和::before是更在选择器后面进行声明的，::after在view组件后边插入内容和...

在小程序里不平台的JavaScript它的脚本运行环境也是有所不同的，不同主要体现在这三平台的运行环境不一样，如图：    在ios上小程序的JavaScript代码，是运行在JavaScriptCore的中，由WKWedView来渲染，坏境有iOS8、iOS9、iOS10；    在Android上小程序的JavaScript代码，是通过X5 JSCore来解析，由X5基于Mobil...

在一个多页面的小程序里面所有页面的路由全部是由框架来管理，框架以栈的形式维护所有的小程序页面。    小程序有六种路由方式每种路由方式对应页面栈的表现：1、初始化 对应页面栈表现 新页面入栈（只有一个页面A）； 2、打开新页面 对应页面栈表现 新页面入栈（有两个页面A和B）；    3、页面重定向 对应页面栈表现 当前页面出栈，新页面入栈（在当前的B页面跳转C页面，B页面出栈，C页面入栈，...

在小程序首次打开启动用时比较长，再打开就会比较快。小程序启动有两种：1.冷启动 2.热启动，如图：    热启动：已经打卡过某个小程序、在一定时间内再次打卡这个小程序，就不需要再次重新启动了、只需要把后台的小程序切换到来前台使用这个过程就是热启动！    冷启动 ：用户首次打开或小程序被微信主动销毁后再次打卡的情况，小程序需要重新加载小程序小程序这个过程就是冷启动！        ...

一.事件：1.事件是视图层到逻辑层的通讯方式。          2.事件可以将用户的行为反馈逻辑层进行处理。          3.事件可以绑定在组件上、触发事件后、就会执行逻辑层中对应的事件处理函数。          4.事件对象可以携带额外信息。    如何绑定组件上一个事件呢？如图：    在index.wxml文件内通过view标签来绑定一个“点击事件”事件名称...

    组件的概念，如图：    小程序给我们提供的组件，如图 八类组件：1.视图容器组件主要控制页面内容、视图容器可以理解为一个盒子在这个盒子里面可以装入更小的盒子填满，这里提供有5种：    1、view 是最常用的容器组件；    2、scroll-view 滚动容器组件；    3、swiper 轮播容器组件；    4、movable-view 可支持移...

当我们页面内容元素过多时超过视图的编辑范围，我们就可以使用小程序的scroll-view 组件；    scroll-view是可滚动视图区域组件，提供了两种滚动方式 1、横向滚动通过 scroll-x 设置；    2、纵向滚动 通过 scroll-y 设置；                         3、upper-threshold 这个属性是距离顶部左边多远时（单位px）...

通过wxs结合wxml构建微信页面视图结构内容，使用wxs做过滤处理或计算处理来使用，wxs的语言特性：    一.模块特性：可以通过标签来声明、也可以通过文件来声明、文件需要命名为 .wxs后缀的文件，在wxs模块里每一个模块所定义的变量和函数默认都是私有的、对外是不可见的。    在index.wxml文件内声明了xws模块，通过xws标签来声明。    xws模块名通过mod...

    轻量：是指在入门JavaScript语言时候觉得JavaScript、没有其它语言学习起来那么重。    解释性：是指所编写的JavaScript语言它在运行时，机器会把JavaScript语言翻译成机器语言。    JavaScript语法接近于Java和C++,都是面向对象编程的。Java和JavaScript是两种语言。Nodejs中的JavaScript实现：是...

1.输入https://mp.weixin.qq.com 进入小程序官网,登录 页面就跳转了小程序的后台，如图： 2.有小程序官方“文档”和“社区”入口，我们进入“文档”,如图： 3.小程序了解一下设计，小程序开发分“小程序开发”和“小游戏开发”4.小程序运营是一些“微信小程序平台运营规范”，如图： 5.小程序数据，小程序各项数据分析功能的详细介绍，如图：...

1.微信开发者工具要用手机，微信扫码登录，如图: 2.我们可以创建两种项目：微信小程序的项目、公众号网页项目。3.我们选择“小程序项目”，有项目目录、AppID、项目名称，（如果项目目录，填的是一个空目录，他会出现快速启动模板） 通过这个选项我们可以快速建立一个微信小程序，如图: 4.进入到了微信开发者功能界面主要分为四个模块，上面有：工具栏、下面有：模拟器、代码编...

  1.自动生成开发者工具的配置文件 "project.config.json"，是保存了开发者工具的一些个性化设置，如图：    2.一个微型小程序应用，至少要有两个条件：一个是"app.js"（是注册微信小程序的应用），另一个是"app.json"（是微信小程 序应用的一个全局配置）文件。    3.创建app.js文件，点击"+",选择创建JS文件"app.js",如图：...

每个商品对应许多品牌，需要把每个品牌对应商品信息展现给用户、当商品信息比较少，可以一行一行写wxml标签。    当商品信息比较多，又不固定的时候、就推荐使用小程序渲染属性了。    通过wx:for绑定数组，使用wxml列表渲染属性、在data对象里定义了items数组、里面是各个商品名称，在wxml文件内block标签里通过wxfor属性传入数组。    index变量:index...

在wxml里定义了一个模板、用template标签来表示，在template里面定义了代码片段、name属性作为template名称，在外面可以直接使用所定义的模板。    通过is属性来声明使用哪一个模板，is属性也可以做一些动态的数据绑定。在使用模板需要传入需要使用的数据，data属性就是确保向模板数据信息。    注意模板有自己作用率、只能用data属性传入。如图：、    ...

一.小程序的开发框架是由：WXML、WXSS、WXS、JavaScript组成的，如图：    1.WXML就是描述页面的内容。    2.WXSS就是描述页面的样式。    3.JavaScript是处理页面的交互逻辑以及数据通信。    4.WXS是对WXML能力增强的脚本语言，可以把请求到的数据进行计算处理，帮助WXML快速构建出页面的内容结构。   二. WXML（...

三. WXML有4个语言特性：1 数据绑定、2 列表渲染、3 条件渲染、4 模板引用 通过WXML特性可以构建复杂页面的内容，如图：        1.WXML数据绑定特性：小程序里通过WXML数据绑定功能，实现数据的更新。        （绑定文本）    ~WXML如何实现数据绑定，WXML的动态数据都来自页面js文件中Page的data对象，数据绑定用Mustache的语法，...

    一、外联样式引入    1.WXSS除了支持响应式的像素、还支持外联样式的导入。外联样式通过@import标志符来引入的，外联样式好处、当我们不 同页面内具有相同样式的元素时可以把，    相同样式的元素处理成外联样式文件，以减少文件资源的大小。    2.如何用@import引入外联样式文件?    在index.wxml外联，view标签下定义了class为conta...

    WXSS语言决定了小程序页面的各个元素在视觉上的展示，WXSS与CSS即为相试的、为了适合微信小程序开发WXSS对CSS进行相应的修改。    width:用来设置元素'宽度' / height:用来设置元素'高度 '/ position:用来设置元素'定位方式' / color:用来设置元素'文本的颜色'      border:用来设置元素'边框样式'！    如图： ...

    在购物网站上看到轮播图里面是热门商品的信息，在小程序里用 swiper 滑动视图容器组件来实现。    swiper 滑动视图容器组件的属性：    1.indicator-dots：滑动容器面板组件在面板上加一些指示点，指示点就代表当前容器内的滑块它在容器内的位置，是否显示面板是用indicator-dots 属性来控制的的；    2.indicator-color：它的...