fsoooo Blog

内不欺己，外不欺人，上不欺天。君子所以慎独。

小程序学习笔记 生命周期

最近开始研究小程序，发现小程序和Vue有相似的东西：生命周期。（生命周期是指一个小程序从创建到销毁的一系列过程） 由于小程序分为应用和页面两个部分，所以小程序的生命周期就涉及到三个部分： 应用的生命周期 页面的生命周期 应用的生命周期对页面生命周期的影响 在小程序中 ，通过App()来注册一个小程序 ，通过Page()来注册一个页面 先来看一张小程序项目结构 从...

Posted by fsoooo Blog on April 10, 2018

小程序学习笔记 日常总结

目录结构 1.为了方便开发者减少配置项，描述页面的四个文件（home.json/home.js/home.wxml/home.wxss）必须具有相同的路径与文件名。 配置 2.app.json文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等 3.pages数组的第一项代表小程序的初始页面。小程序中新增/减少页面，都需要对 p...

Posted by fsoooo Blog on April 10, 2018

小程序学习笔记 文件结构

项目文件 app.js 小程序的脚本代码，监听处理小程序的生命周期函数、申明全局变量、调用框架提供的API等等 App();函数注册一个小程序 onLaunch();程序初始化完成时触发，全局指触发一次 onShow(options);启动或从后台进入前台显示时触发 onHide();从前台进入后台会触发 ...

Posted by fsoooo Blog on April 10, 2018

小程序学习笔记 微信支付避坑指南

小程序接入微信支付避坑指南 微信支付的整体申请流程，一图以蔽之。 微信支付申请流程 容易掉坑的地方集中在「登记商户资料」—「平台审核资料」的环节。 大部分企业在第一次申请微信支付时，并不能事先了解不同的类目（结算周期）会对应有不同的商户号能力，一旦注册下来之后，发现完全和自己的业务、或者资金管理要求无法匹配的，只能放弃，然后再重新申请，浪费了很多时间。 下面有四个在申请过程中会...

Posted by fsoooo Blog on April 10, 2018

小程序学习笔记 引入第三方ui

小程序使用npm引入第三方UI，经常出现错误，没有node_modules,导致无法引入第三方UI等 正确操作应该是： 先新建一个小程序项目，初始化npm项目 npm init 执行成功，会生成一个package.json 文件 { "name": "weapp-hotel", "version": "1.0.0", "description": "A Wecha...

Posted by fsoooo Blog on April 10, 2018

小程序学习笔记 开发须知

一、小程序开发须知 App() 必须在 app.js 中注册，且不能注册多个。 编译后的代码包大小需小于 1MB，否则代码包将上传失败。 每个页面需要手动在app.json中进行注册，否则不能访问。 app.json中pages数组的第一项代表小程序的初始页面，小程序中新增/减少页面，都需要对 pages 数组进行修改。 直接修改 this.data 无效，无法改变页面...

Posted by fsoooo Blog on April 10, 2018

小程序学习笔记 底层框架实现原理解析

小程序底层框架实现原理解析 本文主要探讨小程序框架本身底层实现的一些技术细节，能帮助我们更好地理解整个小程序的运行机制，方便应用开发疑难杂症处理。 一、概述 小程序就是基于当前的WEB规范实现的一种程序，运行在微信里面。既然是基于WEB规范，那自然离不开HTML,CSS和JS，虽然微信官方给出了不一样的名称：WXML,WXSS，但本质上还是在整个WEB体系之下构建的。 WXML vs...

Posted by fsoooo Blog on April 10, 2018

小程序学习笔记 小程序和vue比较

最近在研究小程序和vue，发现vue和小程序很多地方都很相似，但是vue的双向数据绑定却比小程序的单向数据绑定好用，慢慢的还发现了其他的异同点，于是整理了这篇文章。 一.生命周期 vue生命周期 小程序生命周期 生命周期：小程序的生命周期分为 应用的生命周期和页面生命周期。 钩子函数：相比之下，小程序的钩子函数要简单得多。vue的钩子函数在跳转新页面时，钩子函数都...

Posted by fsoooo Blog on April 10, 2018

小程序学习笔记 启动

小程序启动过程 初次进入小程序的时候，微信客户端初始化好宿主环境，同时从网络下载或者从本地缓存中拿到小程序的代码包，把它注入到宿主环境。大概是这么个过程： 创建线程（渲染层和逻辑层），启动小程序。 载入基础库（WebView 基础库和 AppService 基础库）。 载入小程序业务代码（下载或者从本地缓存中拿到）。 使用App()注册程序实例。 为了让小程序业务代...

Posted by fsoooo Blog on April 10, 2018

小程序学习笔记 双线程

一切始于双线程 技术选型 目前来说，页面渲染的方式主要有三种： Web 渲染。 Native 原生渲染。 Web 与 Native 两者掺杂，也即我们常说的 Hybrid 渲染。 前面也说过，小程序最终的呈现形式，是 WebView + 原生组件，Hybrid 方式。我们结合之前对小程序的期望来看： 开发门槛：Web 门槛低，不过 Native 也有像 R...

Posted by fsoooo Blog on April 10, 2018

FEATURED TAGS
前端 编程 PHP Laravel Vue 小程序 生活 随笔 品格 成长 历史 岁月 读书 情感 亲情 修行
ABOUT ME

内不欺己，外不欺人，上不欺天。君子所以慎独。

FRIENDS