-
小程序获取 Camera 实时帧数据，转base64
2021/1/4 11:58:01
1、业务场景 在小程序中，需要每隔0.5s获取获取一次Camera实时帧数据，转为base642、开始 (1)获取Camera 实时帧数据 // wxml <camera device-position="{{device?'front':'back'}}" flash="off" binderror="error" style="width: 100%; height: 560rpx;" class="camera"></camera> 复制代码 // js let listener page({ data: { device: true, ... -
微信小程序 API promisify 及后端接口统一管理
2021/1/4 11:57:58
API promisify 微信小程序几乎所有的 API 都是采用回调的形式，很容易陷入“回调地狱”，完全享受不到“现代化”的异步编程 Promise、async/await 所带来的优势。 我们可以对微信小程序的 API Promise 化。 // 封装 export const getImageInfo = (src) => { return new Promise((success, fail) => wx.getImageInfo({ src, success, fail })) } // 使用 const... -
微信小程序的生命周期
2021/1/4 11:57:55
起源 需求: 每次进入首页需判断该用户身份、若满足条件则弹窗、若不满足啥也不干. 现状: 封装了用户身份组件, 具备身份判定、弹窗显示等逻辑, 调用方需在onShow时获取组件实例&调用实例方法; 弊端: 调用方需在onShow时获取组件实例&调用实例方法、假设我有100个页面都需要引入该组件, 那么100个页面都需这么写?? 秉承"懒人"原则、寻找优化方案 改进: Componen... -
鸿蒙 “JS 小程序” 数据绑定原理详解
2021/1/4 11:57:52
在几天前开源的华为 HarmonyOS （鸿蒙）中，提供了一种“微信小程序”式的跨平台开发框架，通过 Toolkit 将应用代码编译打包成 JS Bundle，解析并生成原生 UI 组件。 按照入门文档，很容易就能跑通 demo，唯一需要注意的是弹出网页登录时用 chrome 浏览器可能无法成功： JS 应用框架部分的代码主要在 ace_lite_jsfwk 仓库 中，其模块组成如下图所示： 其中为了实现声明式 ... -
微信小程序入门4--事件
2021/1/4 11:57:49
事件入门 小程序官方文档对事件的解释如下 事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息，如 id, dataset, touches。截取官方文档中的部分交互事件 事件实现流程 首先在页面.wxml中使用bind定义事件捕获,并绑定回调函数 <view ... -
微信小程序发布体验版
2021/1/4 11:57:46
我司的技术栈目前使用uni-app进行多端开发。故而先讲uni-app如何与微信小程序配合联调uni-app的发布方式 uni-app在代码中书写完毕之后 点击发行--》打开发布微信小程序的窗口。填写微信小程序的 AppId。并进行发布，编译之后的代码会出现在 unpackage/dist/build/mp-weixin文件夹中。如果没有使用uni-app直接是微信小程序原生开发，则可以忽略这一步。登陆微信公众平... -
微信小程序工程化之持续集成方案(学到了！)
2021/1/4 11:57:43
本文将简单介绍一下持续集成的概念，并手把手带你在你的微信小程序项目中完成属于你的持续集成方案。什么是前端工程化 所有能降低成本，并且能提高效率的事情总称为工程化。在前端项目中能够减少重复工作、扩展 javascript\html\css 本身的语言能力、解决功能复用和变更问题、解决开发和产品环境差异问题、任何时间任何地点生成可部署的软件、解决发布流程问题，都属于前... -
微信小程序使用wxParse，解决图片显示路径问题
2021/1/4 11:57:41
我们经常用到发布文章，用的是UEditor百度富文本编辑器,方便排版，存储的也是html代码，这样小程序解析出来的也是排版的样式，但是使用wxParse解析html的时候，因为存储的是图片的相对路径，所有在小程序解析的时候图片不显示，网上搜了好多，说当时图片的时候在解析出来的图片相对路径前面加上域名，这样也挺麻烦的，没到图片的地方都要判断一下，所有我找了个简单粗暴的方法... -
微信小程序实现简单的树形选择控件------treeSelect
2021/1/4 11:57:39
前段时间公司突然要写小程序，项目中有一个树形控件。我找了很久的插件和框架。没有发现小程序能用的。只能硬着头皮自己写。 老规矩，先贴图 为什么要特意强调此图标呢？ 因为该图标为中间状态。此处是我后期要优化的地方，在下面的代码中还未实现。我有了初步的思考。 我的代码中设定（以网络部为例）0 该部门成员全部未选中1 该部门成员全部选中-1 该部门成... -
给原生小程序安排上Composition API
2021/1/4 11:57:28
通过对逻辑层的封装，让原生小程序使用Vue3的Composotion API 使用示例 index.wxml <view> <view>{{count}}</view> <button bindtap="add">数字 +1</button> </view> 复制代码 index.js import {Epage, ref, onShowHooks} from 'enhance-weapp' function useCount() { const count = ref(0) const add = () => {... -
微信小程序--页面与组件之间如何进行信息传递和函数调用
2021/1/4 11:57:26
这篇文章我会以我自己开发经验从如下几个角度来讲解相关的内容 页面如何向组件传数据组件如何向页面传数据页面如何调用组件内的函数组件如何调用页面内的函数 1.页面如何向组件传数据 ? 最常用，最规范的方式，设置数据监听器observer。 ? 假设在页面内引入了组件sc "usingComponents": { "sc":"" } ? 想要配置一个监听器用来监听页面中数据list的变化，组件... -
如何用uni-app快速将Vue项目输出到小程序和H5
2021/1/4 11:57:23
随着微信小程序的火爆及百度、头条小程序的持续推进，跨端开发的需求愈发迫切，业界随之出现了一系列的跨端框架，但对于H5平台跨端支持的都不太彻底：Vue技术栈的小程序框架：对于H5平台支持普遍较弱部分React技术栈的小程序框架：虽支持生成可在H5端运行的代码，但仅仅是代码可运行，离项目直接发行上线的目标还存在一定差距。本文主要分享在实现uni-app发行到H5平台时，在引... -
微信小程序设置打开弹出层后，让下层页面不可滑动
2021/1/4 11:57:21
这个问题在很多时候都会用到，比如在调用自定义弹窗、加载动画的时候，需要让页面不可以滑动，等等。 其实这个问题很简单，直接看代码： <!-- index.wxml --> <view class="mask" catchtouchmove="stopTouch" bindtap="hidePop" wx:if="{{mask}}"></view> <view class="pop" catchtouchmove="stopTouch" wx:if="{{mask}}"> <view>这是弹... -
微信小程序页面自动滚动到指定位置
2021/1/4 11:57:19
我们有时会需要让页面自动滚动到某个位置（比如点击顶部的目录，滚动到下面对应内容的位置），那么在小程序中我们应该怎么做呢？做法 1.使用wx.createSelectorQuery().select().boundingClientRect()查询到需要滚动到的元素位置 2.使用wx.pageScrollTo()将页面滚动到对应位置 复制代码 官方文档wx.createSelectorQuery() 官方文档wx.pageScrollTo() scrollTo() { // 1.... -
微信小程序--关于加快小程序开发的几个小建议
2021/1/4 11:57:16
1.使用 app.json创建页面 ? 按照我们平常的开发习惯，创建一个新的页面，一般都会先创建文件夹，再创建对应page的形式，创建完成后，app.json中会自动注册该页面。实际上，我们还可以通过直接在app.json中注册页面来生成对应的page。 "pages": [ "pages/index/index", "pages/newpage/newpage" ], ? 如上所示，在配置文件中注册该路径，小程序就会自动创... -
“图书爬虫”小程序云开发实战
2021/1/4 11:57:14
产品功能 微信?程序扫一扫，获取图书的isbn码通过isbn码爬取豆瓣图书接口，获取图书信息图书信息存储入数据库，形成图书列表技术点 taro框架实现一套代码构建多端小程序taro-ui 作为UI框架基于serverless的云函数开发，爬取网站图书信息云数据库存储图书信息项目创建及调试 使用命令创建模版项目，这里选用的是云开发的模版 taro init myBook cd 到项目文件夹，安装依赖 ... -
小程序开发遇到的坑，知道下总是好的！
2021/1/4 11:57:11
因为之前一直做的是pc端的开发，而且大部分是用的vue或者react技术栈。并且所做的web网页基本也都不需要兼容低版本浏览器，所以在开发过程中对于兼容的处理其实比较少的。然而当开始接触微信小程序原生开发之后，也开始遇到并解决了一些坑，有些是兼容性导致的，这里就简单记录下自己遇到并解决的坑，希望对你也有所帮助，不用在此浪费时间！ text标签不要换行，view中如果也... -
微信小程序：wx-charts动态绘制折线图
2021/1/4 11:57:00
wx-charts是基于 Canvas的微信小程序主流图表工具，体积小易操作，支持多种图表的绘制，这里主要就动态绘制折线图做出详解，所谓动态，指的是表格的数据不是固定的，而是通过网络接口或者其他的途径获得的。 1.配置工具 首先，需要将wx-charts配置到小程序中下载好文件后将其放到微信小程序utils文件夹中，然后在js文件中引用即可： var wxCharts = require('../../utils/... -
如何落地H5小程序直播开发
2021/1/4 11:56:57
大前端这几年算是一个热词，对于前段来说如果不是大前端，技术相对来说就已经算是落后了。如果还停留在对ES6，Vue这些基本技能的学习只能说处于一个及格线。 如果想做的卓越必须必备另一些大前端技能，比如说NodeJS，express.js, koaJs服务类，或者three.js这类3d数据图像，还有二维图像处理，比如d3,raphael, echart, 最后hls, flv视频行业。 如果只会ES6,Vue，React, Webpa... -
一起学习可视化图表库及字节小程序适配
2021/1/4 11:56:54
这篇文章是对蚂蚁金服可视化团队 Antvis 的开源图表方案 F2 的源码阅读，还有该库的一大背景——图形语法的了解学习。我们会从实际需求背景出发，谈到图表方案大的背景、图形语法这个阵营的基本思想，然后进入 F2 源码的简要分析，其大致的学习分析思路是：整体架构划分 —— 各模块分工 —— 重要模块设计实现。源码分析过后，又回到需求背景，记录了在特定的需求场景中，如何... -
uni-app开发微信小程序引入vantWeapp库
2021/1/4 11:56:51
为什么使用nui-app开发微信小程序呢? 一次开发,多端发布防止源码反编译,增加安全性提供插件市场,ui库,丰富的周边生态 确实是优点多多,所以打算用uni-app开发一款微信小程序,奈何首席ui设计师小姐姐不喜欢nui-app自带的ui库,却一眼相中了vant的组件样式,于是开始了舍近求远的引入VantWeapp的征程 特别注意 vant自己是不跨端的.千万不要搞错了.引入Vant的h5 ui库,只能在h5...
推荐文章
- 企业如何通过网站提升业务？2026年官网赋能增长的5大核心策略
- AI时代，网站重新变得重要：企业不可替代的数字核心资产
- 小程序上，如何实现播放课程不可以拖动，切到后台报警并停止播放？
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
