摘要: Vue 源码解析 Vue 的工作机制 在 new vue() 之后,Vue 会调用进行初始化,会初始化生命周期、事件、props、methods、data、computed和watch等。其中最重要的是通过Object.defineProperty设置setter和getter,用来实现响应式和依赖 阅读全文
posted @ 2019-11-24 12:59 lilicat 阅读(2410) 评论(0) 推荐(0) 编辑
摘要: 前些日子,在架构师带领下,我和另一个前端从零开始开发微信小程序。这是一个比较完整的项目开发,基于此项目,从以下几个点,我对小程序的架构进行一些分析和介绍。 由于本人能力有限,可能会有缺漏和错误,欢迎指出。 目录 内容 1. 项目介绍 此是一个轻量的小程序,全部由原生小程序页面组成。我们将之划分为7个 阅读全文
posted @ 2019-05-31 18:02 lilicat 阅读(8549) 评论(1) 推荐(1) 编辑
摘要: 缓存 每个微信小程序都可以有自己的本地缓存,可以通过 wx.setStorage/wx.setStorageSync、wx.getStorage/wx.getStorageSync、wx.clearStorage/wx.clearStorageSync,wx.removeStorage/wx.rem 阅读全文
posted @ 2019-04-28 09:27 lilicat 阅读(830) 评论(0) 推荐(1) 编辑
摘要: 页面跳转 小程序页面间跳转 保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面 小程序跳转H5 小程序有一个web-view的组件,是一个可以用来承载网页的 阅读全文
posted @ 2019-04-28 09:26 lilicat 阅读(500) 评论(1) 推荐(1) 编辑
摘要: 节点操作 不能使用window.document对象,所以无法操作Dom,操作节点可以使用wx.createSelectorQuery() SelectorQuery wx.createSelectorQuery() 返回一个 SelectorQuery 对象实例。 在自定义组件或包含自定义组件的页 阅读全文
posted @ 2019-04-28 09:25 lilicat 阅读(4932) 评论(0) 推荐(1) 编辑
摘要: wxs使用 WXS(WeiXin Script)是小程序的一套脚本语言,结合WXML,可以构建出页面的结构。 wxs可以说就是为了满足能在页面中使用js存在的,在wxml页面中,只能在插值{{ }}中写简单的js表达式,而不能调用方法,例如想获得某个时间的年份。 虽然也可以在page的data对象中 阅读全文
posted @ 2019-04-28 09:24 lilicat 阅读(3733) 评论(0) 推荐(0) 编辑
摘要: component使用 组件模板 组件模板的写法与页面模板相同。组件模板与组件数据结合后生成的节点树,将被插入到组件的引用位置上。 在组件模板中可以提供一个 <slot> 节点,用于承载组件引用时提供的子节点。 注意,在模板中引用到的自定义组件及其对应的节点名需要在 json 文件中显式定义,否则会 阅读全文
posted @ 2019-04-28 09:23 lilicat 阅读(5476) 评论(0) 推荐(0) 编辑
摘要: 事件 数据绑定部分讲了,对象状态发生变化,通知页面更新视图元素的单向数据流向。 一旦用户操作或者数据更新引起数据变化,视图需要同步更新。就需要用到事件传递了。视图上的数据都必须用过事件传递给对象,只有用户操作视图,才能获取到数据,并更新对象状态。调用this.setData()方法实现视图的部分渲染 阅读全文
posted @ 2019-04-28 09:21 lilicat 阅读(490) 评论(0) 推荐(0) 编辑
摘要: 【原文:数据绑定】 微信小程序是通过状态模式-单向数据流的方式来实现数据绑定的。 对象状态化,只要对象状态发送变化,就通知页面更新视图元素。 通过以下三个步骤实现: 识别哪个UI元素被绑定了相应的对象。 监视对象状态的变化。 将所有变化传播到绑定的视图上。 数据流向是单向的,视图变化不会影响对象状态 阅读全文
posted @ 2019-03-12 10:48 lilicat 阅读(532) 评论(0) 推荐(0) 编辑
摘要: 【原文:请求与封装】 微信小程序进行网络通信,只能和指定的域名进行通信,微信小程序包括四种类型的网络请求。 这里主要对普通HTTPS请求做一次详细介绍。 普通HTTPS请求 要微信小程序进行网络通信,必须先设置域名,不然会提示不合法。设置域名的信息可以在开发者工具-详情-域名信息中看到。 使用wx 阅读全文
posted @ 2019-03-12 10:46 lilicat 阅读(1720) 评论(1) 推荐(0) 编辑