-
开发微信小程序时，遇到的坑
2021/1/5 14:54:18
最近在开发小程序，遇到一些坑，总结出来跟大家分享一下，我这里使用的是mpvue框架，mpvue也有不少坑~ 1.scroll-view的属性设置，scroll-y设置，不管我们设置scroll-y=true还是false，其实都会滚动的，要想设置scroll-y为false，我们需要用数据绑定的形式来设置才会起效:scroll-y=false 2.有时候明明设置 一个变量，当它为false的时候才展示某个元素，比如 isHide?hide:sho... -
Rax 小程序运行时方案解密与思考
2021/1/5 14:54:14
2020 年 3 月，暨支持编译时方案之后，Rax 小程序发布了支持运行时方案的版本。截至目前，Rax 仍是业界唯一一个同时支持编译时和运行时方案的小程序开发框架。本文将向大家介绍 Rax 小程序运行时方案的原理以及我们的思考。 回顾编译时方案 介绍运行时方案之前，我们再回顾下什么是编译时方案。顾名思义，编译时方案侧重于编译，这其中的代表框架是 Taro v2.x。其通... -
用 Vue 3.0 来写个小程序框架
2021/1/5 14:54:10
由于小程序的开发起来比较原始复杂且繁琐，跟我们主流的开发方式差距很大，所以为了提高我们开发小程序的效率，市面上出现过很多的小程序的框架：mpvue，Taro，uni-app 等等，这些框架或多或少地将我们带到现代化的开发方式中来，他们可以让你使用 React 或者 Vue 来开发小程序。今天就分享一个如何利用 Vue 3.0 来构建一个小程序的框架。基础知识 Vue 3.0 简单看看 Vue 3.0 ... -
创建一个苹果小程序 App Clip 你该知道哪些事
2021/1/5 14:54:08
在 Xcode 工程中，你可以为你的 App 添加一个 app clip target, 利用 Xcode ，app clip 可以与你的 app 共享代码与资源，并可以编译，调试，运行在真机或者模拟器环境。但是，在实际使用过程中，开发者必须在自己的服务器上做好验证 app clip 的有效性的手段。添加一个 App Clip Target 利用 Xcode 创建一个 iOS 工程利用 App Clip template 为该 iOS 工程创建一个新的 Target... -
微信小程序前端样式WXSS书写
2021/1/5 14:54:00
一. WXSS的简单介绍 WXSS(WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。与 css 相比，WXSS 扩展的特性有： 尺寸单位样式导入 二. 尺寸单位 rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像... -
mpvue开发微信小程序基础知识
2021/1/5 14:53:57
一、mpvue简介 mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。mp 即 mini program 的缩写。 二、mpvue快速入门 ① 通过脚手架引入mpvue模板 vue 3.0已经不支持vue init命令了，... -
微信小程序—setData()的使用方法和注意事项
2021/1/5 14:53:54
在小程序中各个页面之间是相互独立的，一个页面分为渲染层(视图层 webview)、逻辑层(JavaScript)、系统层(底层)。在架构上，WebView和JavascriptCore都是独立的模块，并不具备数据直接共享的通道。换而言之，若要将逻辑层中的data的数据渲染到页面中，他们之间是无法直接通信的，往往需要系统层作为中间角色。我们都知道视图层的数据来源于逻辑层data，而视图图层若想要改变逻... -
如何给你的Taro小程序项目加上TS
2021/1/5 14:53:51
现在有越来越多的项目开始使用 ts，我们熟知的 React 、Ant Design 也已经全面转变为 ts。那么 ts 能给我们带来什么呢？粗谈 TypeScript 很多人会好奇，ESLint 可以为我们提示代码不规范以及使用错误等问题，在有 ESLint 的情况下为什么还需要 TypeScript？ 首先，ESLint 是用来检测代码规范的，并不能检测代码逻辑问题。 其次，我们都知道 JavaScript 是一种弱类型语言，并... -
微信小程序弹窗显隐动态控制页面滚动
2021/1/5 14:53:33
需求描述：点击van-dropdown-menu菜单，弹出弹窗之后页面不可滚动，点击关闭弹窗时，页面恢复可滚动。 方案一： 打开弹窗时，给页面page的style样式加上overflow: 'hidden'，关闭弹窗时，去掉该样式。（存在问题： 部分IOS机型无效） 具体操作： <!-- wxml代码 --> <van-dropdown-menu> <van-dropdown-item id="orderType" bind:open="popupShow" bind... -
微信小程序|列表渲染-for循环
2021/1/5 14:53:31
问题描述 大家学习程序设计都知道for循环，而且很多编程都需要用到 for 循环。在制作微信小程序特别是列表页面的时候，是否有遇到过列表元素很多或者不确定的情况，如果一个一个的去敲就会有很大的工作量非常的麻烦。那么可不可以用 for 循环来解决这个问题呢？ 解决方案 编程的人都知道for循环是一种循环语句。当元素的数量很多的时候，用 for 循环来遍历元素解决... -
一文详解小程序授权、登录、session_key和unionId
2021/1/5 14:53:28
微信应用的一个很大的优势就在于使用过程中是不需要进行注册和显式登录的，大部分问题基本上可以一键解决。但是在授权、登录和获取用户信息的过程中都发生了哪些事情，今天我们就来讨论一下。这篇文章主要分析以下几个问题：授权和登录的意义session_key 的作用unionId 的作用，有哪些获取途径在应用中如何保存用户登录态1授权和登录的意义首先必须要明白，授权和登录实际上是... -
Taro 3.1 beta 发布: 开放式架构新增 4 端支持
2021/1/5 14:53:25
一、开放式架构背景 近年来业界推出的小程序平台越来越多，但 Taro 核心维护的平台只有 6 个（微信、支付宝、百度、头条、QQ、京东小程序），因此常常有同学提出能不能支持某某平台的 Feature Request。 基于目前的架构，对于单一平台的兼容性代码分布于 Taro 核心库的各个角落，涉及编译时与运行时等部分。支持一个新的平台需要改动所有的这些地方，开发复杂度高，同时社区... -
如何使用小程序实现微信扫一扫登录
2021/1/5 14:53:20
个人网站是无法接入微信扫一扫登录的，只能使用曲线救国的方式，采用小程序了，小程序是可以获取到微信用户的 UnionID 的。首先第一步要注册一个小程序应用，很简单的，用邮箱申请即可注册完成之后就可以进行开发了，我后台服务使用的是node来写的生成小程序二维码要做扫一扫登录，二维码是不可少的，官方也提供了几种生成二维码的方式。我使用的是A接口，详细信息可查看官方文... -
活动答题小程序如何获取手机号，并且每个手机号仅限参加1次 ...
2021/1/5 14:53:18
背景是这样的，我前段时间不是接了一个知识竞赛在线答题的小程序的项目需求嘛。其中，有一项活动规则是这样的，信息录入：每位参赛者，需填写公司名称、姓名、手机号（微信授权验证方式，每人仅限参加1次）。接下来，我们一起看看如何一步步实现。查看文档由此可知，是通过微信小程序的开放能力获取的。获取手机号获取微信用户绑定的手机号，需先调用wx.login接口。因为需要用... -
微信小程序云开发如何上手
2021/1/5 14:53:15
简要介绍 微信小程序云开发，是基于 Serverless 的一站式后端云服务，涵盖函数、数据库、存储、CDN等服务，免后端运维。基于云开发可以免鉴权调用微信所有开放能力。创建环境 打开小程序项目，点击工具栏“云开发”进行开通： 根据对话框提示，创建云环境： 选择默认免费配额： “提交订单”，创建完成。 此后，就可以打开“云开发控制台”了： 创建云函数 云函... -
如何识别小程序中的手机号？
2021/1/5 14:53:13
最近做的一个页面里面包含手机号，点击可以拨打电话，本计划着让后端把各个字段查出来就行了，结果接口方面给直接拼好了。 接口返回的字符串： "【王海】师傅已接单，联系电话：18839687266。稍后与您联系。师傅签到码为【1234】，师傅上门输入签到码后才可开始服务。" 复制代码 这让我们绑定打电话的事件就不那么方便了，问题聚焦到解析字符串，找出手机号。 split大法... -
小程序canvas写一个简单的图片应用
2021/1/5 14:53:10
应用展示截图需求既然是小应用，那就希望最终成品是有 适用的场景 且是 有价值 的需求来源这个应用需求的灵感 在以前工作生活中，经常会无意中获得同事的 美照 这时我们想要把这张照片做成表情包一般给图片添加几个说明文字一个有意思的沟通工具（表情包）就完成了需求分析基于以上需求的拆解可以将要应用功能实现整理一下用户需要上传一张图片可以添加文字文字可以作 样式调整... -
百度小程序框架性能优化实践
2021/1/5 14:53:07
今天给大家讲的题目是《百度开源小程序框架架构演进和性能优化实践》。本次分享包含两部分，第一部分是百度智能小程序整体的框架及演进，主要讲百度小程序开发全流程概况、百度智能小程序框架，以及百度小程序多宿主运行保障；第二部分是百度小程序框架的性能优化，主要讲整个小程序的启动过程，以及从开发者角度，有哪些重要的优化点。百度智能小程序整体框架及演进整个移动互... -
使用uniapp,进行小程序的分包
2021/1/5 14:53:05
第一步先创建一个分包的目录 非必要的（用户第一次加载的时候没用到的代码、图片资源）资源不要放在代码里 必要的资源就放在主包 第二部 然后在把我们不常是很关键的用户意见反馈页面放到新建的分包文件 第三步需要在page.josn文件配置分包路径 root 表示分包根目录 pages:页面数组 ?path：相对路径 之后我们需要把跳转到该文件的路径修改一下就好了 分包就...
推荐文章
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
- “啤酒”域名Bier.de以114万元登顶Sedo榜！
- 商标是买现成的还是去自己申请？
- 普通企业为何要做分销系统？
