小程序

javascript 是最流行的编程语言之一，每年都会添加新的特性。本文介绍了添加在 ecmascript 2020（又称es11）中的新特性。 在引入 ECMAScript 2015（又称 ES6）之前，JavaScript 发展的非常缓慢。但自 2015 年起，每年都有新特性添加进来。需要注意的是，不是所有特性都被现代浏览器支持，但是由于 JavaScript 编译器 Babel 的存在，我们已经可以使用新特性了。本文将介绍 ECMAScript 2020（ES11）的一些最新特性。 Optional Chaining 可选链式调用 大部分开发者都遇到过这个问题： TypeError: Cannot read property ‘x’ of undefined…

本文主要为大家详细介绍了微信小程序实现tab和swiper切换结合效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望帮助到大家。 本文实例为大家分享了小程序实现tab和swiper切换效果展示的具体代码，供大家参考，具体内容如下 先上效果图： 实现代码如下： wxml页面 <scroll-view>   <block>   <view>   {{item}}   </view>  </block>  <view></view></scroll-view><view></view><swiper>  <swiper-item>   <view>tab0</view>  </swiper-item>   <swiper-item>   <view>tab1</view>  </swiper-item>   <swiper-item>   <view>tab2</view>  </swiper-item>   <swiper-item>   <view>tab3</view>  </swiper-item>  <swiper-item>   <view>tab4</view>  </swiper-item>   <swiper-item>…

这篇文章主要介绍了实现微信分享朋友链接显示，对学习技术有所帮助，感兴趣的小伙伴们可以参考一下 通常自己做的一个页面想通过微信像朋友分享时，展示的标题和描述都是不是自己想要的，自己查了一些资料，原来是通过js来进行控制展示效果如下： 标题、描述、还有分享的都是有js来控制的。js代码如下 <script> var dataForWeixin = { appId: "", MsgImg: "Christmas/201012189457639.gif",//显示图片 TLImg: "Christmas/201012189457639.gif",//显示图片 url: "Christmas/6.html?stra=!u738B!u4F1F",//跳转地址 title: "将我的思念和祝福送给您,颐养源祝大家圣诞快乐",//标题内容 desc: "将我的思念和祝福送给您,颐养源祝大家圣诞快乐",//描述内容 fakeid: "", callback: function () { } };…

微信小程序跳转，共有三种形式，页面中使用navigator组件做页面链接形式路由跳转，js中可以使用wx.navigateto–保留当前页面，跳转到应用内的某个页面，wx.redirectto–关闭当前页面，跳转到应用内的某个页面 wx.navigateback()–关闭当前页面，回退前一页面。 navigator组件做页面链接                 属性名                 类型                …

问题： 由于小程序的更新机制是异步的，因此部分用户不会马上使用上新版本，这就导致小程序的新版本覆盖率比较慢。 （学习视频分享：） 冷启动、热启动 小程序启动会有两种情况，一种是「冷启动」，一种是「热启动」。  冷启动指的是用户首次打开或小程序被微信主动销毁后再次打开的情况，此时小程序需要重新加载启动。 假如用户已经打开过某小程序，然后在一定时间内再次打开该小程序（目前：5分钟），此时无需重新启动这个过程就是热启动； 登录后复制 注意：基础库 必须1.9.90或更高版本,添加强制更新后，会在下个版本才生效！ 解决方案 1、删除小程序，然后再次搜索添加小程序,或者清除微信缓存数据（用户体验太差） 2、强制更新，代码如下: 前端代码：在app.js添加   onLaunch: function () {     const updateManager = wx.getUpdateManager()     updateManager.onCheckForUpdate(function (res) {       // 请求完新版本信息的回调       console.log(res.hasUpdate)     })     updateManager.onUpdateReady(function () {       wx.showModal({         title: '更新提示',         content: '新版本已经准备好，是否重启应用？',         success: function (res) {           if (res.confirm) {             // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启             updateManager.applyUpdate()…

2020年第一篇文章，年初忙着复习刷题一直没空去写东西，书看的越多感觉越技不如人，始终徘徊在小菜鸡的行列中，最近项目里正好有一个canvas的业务，突然又燃起了我一个ui前端的火种，记下了踩坑和思考。 踩坑 问题1:为什么在canvas上画图片模糊？ 在canvas上绘制图片/文字的时候，我们设定canvas：375*667的宽高，会发现绘制出来的图片很模糊，感觉像是一张分辨率很差的图片，文字看起来也会有叠影。 注意：物理像素是指手机屏幕上显示的最小单元，而设备独立像素（逻辑像素）计算机设备中的一个点，css 中设置的像素指的就是该像素。 原因：在前端开发中我们知道一个属性叫devicePixelRatio（设备像素比），该属性决定了在渲染界面时会用几个（通常是2个）物理像素来渲染一个设备独立像素。 举个例，一张100*100像素大小的图片，在retina屏幕下，会用2个像素点去渲染图片的一个像素点，相当于图片放大了一倍，因此图片会变得模糊，这也是1px在retina 屏上变粗的原因。 解决： 将canvas-width和canvas-height都放大2倍，在通过style将canvas的显示width,height缩小2 倍. 例如： <canvas width="320" height="180" style="width:160px;height:90px;"></canvas> 登录后复制 问题2:如何处理px和rpx的转换？ rpx是小程序里特有的尺寸单位，可以根据屏幕的宽度进行自适应，而在iphone6/iphonex上，1rpx等于不同的px。所以很可能会导致在不同手机下，你的canvas展示不一致。 在绘制海报的之前，我们拿到的设计稿一般都是基于iphone6的2倍图。而且从上一个问题的解决，我们知道canvas的大小也是2倍的，所以我们可以直接量取2倍图的设计稿直接绘制canvas，而尺寸需要注意一下rpxtoPx. /** * * @param {*} rpx *…

用c#写一个小九九乘法表 using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks;   namespace ConsoleManyHellos {     class Program     {         static void Main(string[] args)         {             Console.WriteLine("打印小九九乘法表");             int i, j;                         for (i = 1; i <p><img src="https://img.php.cn//upload/image/197/938/861/1490331876217078.jpg" title="[C#小程序]命令行小程序之小九九乘法表的实现代码" alt="[C#小程序]命令行小程序之小九九乘法表的实现代码" style="max-width:90%" style="max-width:90%"></p> 登录后复制 以上就是[C#小程序]命令行小程序之小九九乘法表的实现代码的详细内容，更多请关注米云其它相关文章！

学习微信小程序的书有哪些？ 从菜鸟到大神，小程序学习书籍推荐： 一、《小程序·巧应用，微信小程序开发实战》 内容介绍：该书系统全面地讲解微信小程序的开发技术。开篇创建一个小程序项目并解析体验, 介绍如何由零开始创建一个小程序, 全面体验小程序的开发工具、界面、开发框架、实现过程及其主要代码框架, 了解小程序的应用场景及开发要求。接着介绍小程序开发基础, 包括小程序开发的语言与语法、函数方法、模块、事件交互等。然后详细介绍了组件的应用与开发, 包括开发过程与组件应用技巧, 还详细分析了API接口, 包括使用各个微信原生API接口进行小程序开发的技巧。最后介绍了几个小程序实战案例, 让读者实践小程序各项能力的应用及掌握一些应用技巧。 图书简评：可以说，《小程序、巧应用》这本书是这个时代的及时雨，它不仅仅告诉我们应用号小程序的开发和使用，也为我们下一代信息化模式转型做了一个非常好的铺垫。 学习通道：极乐官方淘宝企业店铺有该书的电子版出售，价格仅5元，淘宝搜索“极乐APPx”,进入店铺，搜索书名购买。 二、《从零开始学微信小程序开发》 内容介绍：书籍共分3篇12章，第1篇介绍微信小程序的基础知识，包括微信小程序开发工具、微信小程序架构分析；第2篇介绍微信小程序的常用模块，通过一些小案例详细介绍了微信小程序提供的各种组件的使用、API函数的使用，访问手机硬件的函数；第3篇是综合案例，以微天气、微音乐这两个完整案例的开发，演示微信小程序开发的全过程。 图书简评：《从零开始学微信小程序开发》内容由浅入深，每个知识点都通过小案例进行演示，适合希望通过微信小程序开发应用的读者，具有HTML 5基础知识的读者都可阅读该书。 学习通道：极乐官方淘宝企业店铺有该书的电子版出售，淘宝搜索“极乐APPx”,进入店铺，搜索书名购买。 三、《21天精通微信小程序开发》 内容介绍：这是一本帮助编程爱好者和从业人员从零开始学习微信小程序设计的书。该书紧跟微信小程序的技术发展，是目前在该领域率先进行系统的技术探讨和培训的著作。该书站在学习的角度，目的是让学习者通过21天的时间了解到微信小程序的技术框架结构、开发环境搭建、编程语言细节等。该书全面地讲解了微信小程序的逻辑层与视图层的架构特点、JavaScript语言的入门和进阶知识、WXML语言的语法特点、WXML视觉组件的使用、WXSS样式表语言的语法入门、常用样式描述语句、盒模型和Flex布局等，快速具备微信小程序开发的能力。这是一本从零学习微信小程序开发的专业书，不需要额外的专业基础就能让你读懂这本书。对于初学者，该书可以作为一本系统的学习教程来使用；对于有经验的前端开发者，这本书可以作为微信小程序开发的参考书来阅读。 适用人群：该书面向的是对移动互联网应用开发有兴趣、有意入门或精通微信小程序开放的人群，包括大学学生、教师、培训机构学员和教师、移动应用前端程序员、网页前端程序员、移动应用的设计和调试人员、产品经理等。 推荐：《》 以上就是学习微信小程序的书有哪些的详细内容，更多请关注米云其它相关文章！

相信很多人都有在手机上看的习惯，比较看视频更真实更形象。那么我们在微信小程序中如何观看视频呢？这就需要video组件的帮忙了。今天我们就给大家演示一下，如何用微信小程序组件video播放视频。我们在网络上随便找了一个简短的视频源。video组件的格式如下： <video></video> 登录后复制 我们先来看一下动态效果图： 主要代码有： {   "pages":[     "copyright/copyright",     "pages/index/index",     "pages/logs/logs"   ],   "window":{     "backgroundTextStyle":"light",     "navigationBarBackgroundColor": "#fff",     "navigationBarTitleText": "使用video组件播放视频",     "navigationBarTextStyle":"black"   } } 登录后复制 以上就是微信小程序开发使用video组件实现播放视频代码的详细内容，更多请关注米云其它相关文章！

本篇文章给大家带来的内容是关于如何使用node.js来实现微信小程序实时聊天功能（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 我对im这块可谓是真正的小白，所以没接触过的可以来参考参考。在微信这个聊天工具里的小程序上实现聊天功能，总感觉怪怪的。但领导要求了，总是要干的。 然后就实时通讯这个关键词展开搜索，穿梭于网页之间。不过粘贴复制的真的太多了，找了半天也没找到想要的，不过还是提取到了关键词WebSocket和node.js，然后搜索这两是啥，什么关系，总算明白了一点。 最后确定了第一步需要干的是用的node.js搭建服务（我是装在自己的窗口下的）： 1.首先到官网下载node.js，连接：https：   //nodejs.org/en/安装很简单，双击下载好的文件，直接下一步一步，没什么特殊的选择，路径默认就好   可以打开命令行窗口输入节点-v会输出版本，来检验是否安装成功，其实这个也没什么必要 2.然后新建一个文件夹（我的node.js是安装在?盘的，然后再d盘下新建了个叫网页套接字的文件夹）   然后用命令转到该目录下：   在这个文件下安装我们要使用的模块：   安装模块前需要先生成一个配置文件，不然会报错（反正我报了）    生成配置文件命令：npm init -f   执行后可以看到在该文件下多了一个叫package.json的配置文件，先不用管（后面也没管过），接下来继续安装模块的操作   刚开始我是安装的socket.io，后来发现小程序根本用不了，所以这里也不说socket.io了。我们这里用ws   安装ws命令：npm install –save ws（卸载模块命令：npm uninstall模块名字） 3.安装好模块后，在你目录下创建一个的.js文件，我这是一个ws.js 我这里肯定会比你们的文件要多，不用这个在意然后打开这个的.js文件，开始编辑你的服务端代码，这个随便你用记事本还是其他什么软件这是最简单基础的一个打开连接，响应的代码： //引入ws模块 const WebSocket = require('ws'); //创建服务 port是端口 const wss = new WebSocket.Server({ port: 80});…