小程序学习日记2

1.Knex.js
解析:Knex.js is a “batteries included” SQL query builder for Postgres, MSSQL, MySQL, MariaDB, SQLite3, Oracle, and Amazon Redshift designed to be flexible, portable, and fun to use.

2.Koa
解析:Koa是一个新的web框架,由Express幕后的原班人马打造,致力于成为web应用和API开发领域中的一个更小、更富有表现力、更健壮的基石。通过利用async函数,Koa丢弃回调函数,并有力地增强错误处理。Koa并没有捆绑任何中间件,而是提供了一套优雅的方法,帮助快速而愉快地编写服务端应用程序。

3.页面栈
解析:框架以栈的形式维护了当前的所有页面。当发生路由切换的时候,页面栈的表现如下:
[1]初始化:新页面入栈
[2]打开新页面:新页面入栈
[3]页面重定向:当前页面出栈,新页面入栈
[4]页面返回:页面不断出栈,直到目标返回页
[5]Tab切换:页面全部出栈,只留下新的Tab页面
[6]重加载:页面全部出栈,只留下新的页面
说明:开发者可以使用getCurrentPages()函数获取当前页面栈。

4.微信小程序目录结构
解析:
[1]app.js:应用全局处理逻辑
[2]app.json:全局配置
[3]app.wxss:全局样式
[4]pages:页面
[5]project.config.json:项目配置
[6]utils:辅助函数

5.rpx
解析:rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。

6.enablePullDownRefresh
解析:是否开启下拉刷新。[Boolean:false]

7.web-view
解析:承载网页的容器。会自动铺满整个小程序页面,个人类型的小程序暂不支持使用。

8.微信小程序组件
解析:
[1]基础内容
[2]表单组件
[3]导航
[4]媒体组件
[5]地图
[6]画布
[7]开放能力
[8]原生组件说明
[9]无障碍访问
[10]导航栏
[11]页面属性配置节点

9.微信小程序API
解析:
[1]基础
[2]路由
[3]界面
[4]网络
[5]数据缓存
[6]媒体
[7]位置
[8]转发
[9]画布
[10]文件
[11]开放接口
[12]设备
[13]Worker
[14]第三方平台
[15]WXML
[16]广告

10.v-model指令
解析:v-model是一个指令,限制在<input><select><textarea>、components中使用,修饰符.lazy[取代input监听change事件]、.number[输入字符串转为有效的数字]、.trim[输入首尾空格过滤]。

11.CSS text-decoration属性
解析:text-decoration属性规定添加到文本的修饰,下划线、上划线、删除线等。
[1]none:默认。定义标准的文本。
[2]underline:定义文本下的一条线。
[3]overline:定义文本上的一条线。
[4]line-through:定义穿过文本下的一条线。
[5]blink:定义闪烁的文本。
[6]inherit:规定应该从父元素继承text-decoration属性的值。

扫描二维码关注公众号,回复: 9321723 查看本文章

12.Vue中:style与:class三元运算符使用
解析:
[1]style三元表达式

<p :style="{'color': (checkIndex3==m.txt ? '#3d8cff':'#BBBBBB')}">{{m.txt}}</p>

[2]class三元表达式

<i class="iconfont "  :class="[isShow=='password'?'icon-kejian':'icon-bukejian']"></i>

13.Vue监听键盘回车事件
解析:
[1]@keyup.enter
[2]@keyup.enter.native

14.koa项目搭建
解析:

npm init
npm install koa --save

15.koa ctx
解析:封装了request和response的上下文。

16.WXML引用
解析:WXML提供两种文件引用方式import和include。

17.WeUI.wxss
解析:WeUI是一套与微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含button、cell、dialog、progress、toast、article、actionsheet、icon等各式原生。

18.WXSS引用
解析:在CSS中,开发者可以这样引用另一个样式文件:@importurl(’./test_0.css’)。

19.ECMAScript
解析:ECMAScript是一种由Ecma国际通过ECMA-262标准化的脚本程序设计语言,JavaScript是ECMAScript的一种实现。
[1]浏览器中的JavaScript:由ECMAScript和BOM[浏览器对象模型]以及DOM[文档对象模型]组成的,Web前端开发者会很熟悉这两个对象模型,它使得开发者可以去操作浏览器的一些表现,比如修改URL、修改页面呈现、记录数据等等。
[2]NodeJS中的JavaScript:由ECMAScript和NPM以及Native模块组成,NodeJS的开发者会非常熟悉NPM的包管理系统,通过各种拓展包来快速的实现一些功能,同时通过使用一些原生的模块例如FS、HTTP、OS等等来拥有一些语言本身所不具有的能力。
[3]小程序中的JavaScript:由ECMAScript以及小程序框架和小程序API来实现的。同浏览器中的JavaScript相比没有BOM以及DOM对象,所以类似JQuery、Zepto这种浏览器类库是无法在小程序中运行起来的,同样的缺少Native模块和NPM包管理的机制,小程序中无法加载原生库,也无法直接使用大部分的NPM包。

20.小程序API
解析:小程序提供的API按照功能主要分为几大类:网络、媒体、文件、数据缓存、位置、设备、界面、界面节点信息还有一些特殊的开放接口,介绍一下API一般调用的约定:
[1]wx.on*开头的API是监听某个事件发生的API接口,接受一个Callback函数作为参数。当该事件触发时,会调用Callback函数。
[2]如未特殊约定,多数API接口为异步接口,都接受一个Object作为参数。
[3]API的Object参数一般由success、fail、complete三个回调来接收接口调用结果。
[4]wx.get*开头的API是获取宿主环境数据的接口。
[5]wx.set*开头的API是写入数据到宿主环境的接口。

21.wx.getSystemInfo或者wx.getSystemInfoSync
解析:来获取手机品牌、操作系统版本号、微信版本号以及小程序基础库版本号等,通过这个信息,可以针对不同平台做差异化的服务。

22.Exparser框架
解析:Exparser是微信小程序的组件组织框架,内置在小程序基础库中,为小程序的各种组件提供基础的支持。小程序内的所有组件,包括内置组件和自定义组件,都由Exparser组织管理。
[1]基于ShadowDOM模型:模型上与WebComponents的ShadowDOM高度相似,但不依赖浏览器的原生支持,也没有其他依赖库;实现时,还针对性地增加了其他API以支持小程序组件编程。
[2]可在纯JS环境中运行:这意味着逻辑层也具有一定的组件树组织能力。
[3]高效轻量:性能表现好,在组件实例极多的环境下表现尤其优异,同时代码尺寸也较小。

23.wafer2-client-sdk
解析:小程序腾讯云解决方案SDK。

24.pm2
解析:pm2是一个进程管理工具,可以用它来管理node进程,并查看node进程的状态,当然也支持性能监控,进程守护,负载均衡等功能。
[1]pm2全局安装:npm install -g pm2
[2]启动进程/应用:pm2 start bin/www 或 pm2 start app.js
[3]重命名进程/应用:pm2 start app.js --name wb123
[4]添加进程/应用:watch pm2 start bin/www --watch
[5]结束进程/应用:pm2 stop www
[6]结束所有进程/应用:pm2 stop all
[7]删除进程/应用:pm2 delete www
[8]删除所有进程/应用:pm2 delete all
[9]列出所有进程/应用:pm2 list
[10]查看某个进程/应用具体情况:pm2 describe www
[11]查看进程/应用的资源消耗情况:pm2 monit
[12]查看pm2的日志:pm2 logs
[13]若要查看某个进程/应用的日志:pm2 logs www
[14]重新启动进程/应用:pm2 restart www
[15]重新启动所有进程/应用:pm2 restart all

25.Koa中间件
解析:当一个中间件调用next()则该函数暂停并将控制传递给定义的下一个中间件。当在下游没有更多的中间件执行后,堆栈将展开并且每个中间件恢复执行其上游行为。

参考文献:
[1]Knex.js:http://knexjs.org/
[2]Koa:https://koa.bootcss.com/
[3]weui-wxss:https://github.com/Tencent/weui-wxss
[4]小程序开发指南:https://developers.weixin.qq.com/ebook?action=get_post_info&docid=0000a24f9d0ac86b00867f43a5700a

发布了364 篇原创文章 · 获赞 422 · 访问量 36万+

猜你喜欢

转载自blog.csdn.net/shengshengwang/article/details/104355150