专栏首页达达前端微信小程序敏捷开发实战

微信小程序敏捷开发实战

wxml->wcc编译->javascript 用户javascript->

wawebview->view

小程序原理

微信 小程序-》 webview appservice native

首次加载cdn 小程序包 冷加载读取缓存/检查更新

热加载直接后台切前台

ajax请求server response

webview预加载

微信小程序以及后台交互架构

后端服务

服务api

web server -》 业务应用 -》 文件,数据库,缓存 后台服务

后台设备: lb 负载均衡

web server 业务应用服务器-》分布式存储-》数据库集群-》缓存集群

serverless 架构 无服务器

image.png

image.png

小程序-》api网关-》云函数-》cdb云数据库

小程序通过网络api,发起请求

// 主播
<live-pusher src=""></live-pusher>

// 观众
<live-player src=""></live-player>

构建直播小程序 申请腾讯云直播服务 获取加密私钥 部署自己的业务后台 生成开播,播放端地址 开启小程序

setData优化 频繁setData = 频繁dom操作 ui延迟 事件延迟

超大数据setData 脚本执行时间过大

在后台setData 多余的资源消耗 抢占前台js执行

onhide时停止数据更新

image.png

image.png

微信小程序登录过程 获取code

应用态的access_token /cgi-bin/token 中控cache模块维护 cache失效时间,比如expires_in*5/6 appsecret不要放到前端 session_key不要放前端

开放数据域 目的:保证用户隐私的前提下开放用户数据给第三方 定义:开放数据域 是一个封闭,独立的JavaScript作用域

image.png

image.png

image.png

image.png

image.png

image.png

image.png

wxParse富文本的坑 https://github.com/icindy/wxParse

rich-text

wxapp-webpack-plugin

代码精简

zanproxy npm install -g zan-proxy

image.png

image.png

image.png


若本号内容有做得不到位的地方(比如:涉及版权或其他问题),请及时联系我们进行整改即可,会在第一时间进行处理。


请点赞!因为你们的赞同/鼓励是我写作的最大动力!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 小程序开发

    .json 后缀的 JSON 配置文件 .wxml 后缀的 WXML 模板文件 .wxss 后缀的 WXSS 样式文件 .js 后缀的 JS 脚本逻辑文件

    达达前端
  • NodeJS后台

    1.切换盘符 e: 2.改变目录 cd 目录名 3.执行程序 node xxx.js

    达达前端
  • 微信小程序微信登录

    开发接口 登录 wx.login wx.checkSession 签名加密

    达达前端
  • SAP Spartacus里解析route参数的逻辑

    先加载custom Component,如果里面有routerLink,解析,试图生成url:

    Jerry Wang
  • SAP ABAP实用技巧介绍系列之 How is configuration data loaded

    Jerry Wang
  • GEO数据库单基因文章套路视频(GEO生存分析)

    ...

    用户6927366
  • 图数据库neo4j介绍(2)——概念

    DC童生
  • 程序员制作网站告白女朋友

    链接: https://pan.baidu.com/s/1zfuhR8w3DlxsleU6phglBw 密码: ugbx python2很小,只有20M。下载...

    潇洒坤
  • 【云开发校园技术布道师】我的小程序学习之路

    经过了一个月小程序的学习,我对小程序的开发也逐渐从0基础到了了解。本次就开始实战做一个留言板

    用户5784073
  • ESA2GJK1DH1K升级篇: MQTT通信控制升级-APP用户程序制作过程(V1.0)

    返回给MQTT 我要升级了   "{\"data\":\"updata\",\"status\":\"start\"}"

    杨奉武

扫码关注云+社区

领取腾讯云代金券