哦吼吼~微信应用号来了

最新推荐文章于 2021-01-27 10:15:24 发布
原创 最新推荐文章于 2021-01-27 10:15:24 发布 · 851 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

今天是个平常的周四，一早在地铁上就被微信应用号刷了屏，今日凌晨微信公众平台向外发出200个小程序内侧邀请函，尽管叫小程序，其实就是微信应用号。

早在今年一月份的微信公开课上，张小龙就透露即将推出微信应用号。他提出：让创造发挥价值，好产品应该是用完即走，微信应该是给用户提供便利，而非浪费时间，希望用户在微信里看到的都是自己愿意看到的东西，也希望用户能够留出来更多的时间去做其他的事情。


利用午休时间查了一下，

一头雾水啊有木有，但冥冥之中感觉是对前端的需求更高了。

目前微信官方还是以“小程序”之名内测这款产品，但其实它与微信“应用号”功能无异。从微信官方公布的“小程序”功能来看，主要包括这几个方面：　　

     视图容器：视图（View）、滚动视图、Swiper

      基础内容：图标、文本、进度条

　　表单组件：按钮、表单等等

　　操作反馈

　　导航

　　媒体组件：音频、图片、视频

　　地图位置服务

　　画布

　　文件操作能力

　　网络：上传下载能力、WebSocket

　　数据：数据缓存能力

　　位置：获取位置、查看位置

　　设备：网络状态、系统信息、重力感应、罗盘

　　界面：设置导航条、导航、动画、绘图等等

　　开放接口：登录，包括签名加密，用户信息、微信支付、模板消息

就是感觉好高大上有么有！！！！！

看有文章说这一举动会使APP的卸载率大大提高，个人认为是不完全对。既然存在就会有存在的理由，APP肯定是有非常高的优势，而这种优势是别的东西所替代不了的。


今天是周四，一个平凡的周四



家乐福618安全与性能保卫战(一)-安全高地保卫战
打造全国最全的AI Agent开发知识领域的博客
05-06 3684
仅以此系列用来感谢在618那段时间一起奋战的devops、开发、PM们，他们分别是： 俊龙 Neil吴 郝颖 虎哥 Lester Raymond Jun 欢哥 海涛 秋明 郭鑫 Lina 感谢他们给到我的支持、感谢他们给到我的配合、更感谢他们甚至在零晨4：30还给我打电话説：我觉得我还有一个更好的注意。。。我发觉这段逻辑似乎还有一...
（8）企业微信定时任务消息推送
pupupu777的博客
11-24 2849
消息推送这章出来的慢主要是最近用了很多消息推送的方式最后还是觉得用企业微信推送最舒服。 话不多说教程开始 1、准备工作 实名认证的微信号一个。（用于注册企业微信） 企业微信APP并登陆（接收应用的Secret） 手机一台。（用于登录扫码关注等） 新建txt文本文档一个。（用于保存后面获取到的企业微信ID等等代码） 一双手，一个不要想太多的脑袋。（双手成就未来，大脑跟着眼睛走。） 2 、注册企业微信 登录企业微信管理后台 点击登录 用你常用的微信来扫码注册（不是扫教程这里的码是你去页面..
叮咚哔哔多种好听提示音
03-31
叮咚哔哔多种好听提示音
撸一个微信天气小程序
weixin_34115824的博客
04-01 328
小程序、快应用现在可谓是家喻户晓，也更加密切的渗透入我们的生活中，笔者也算是个爱折腾的人，俗话说的好嘛，“不折腾，不前端“（当然是笔者自己的小心声）。于是在平日里忙碌的工作之余抽出来时间搞点事(si)情,来写一个属于自己的贴身小天气。说时迟那时快，这就来了... 经过两三年的发展，小程序的地位也步步高升，由腾讯领队的腾讯小程序，再到后来的支付宝，美团，头条等也都相应推出自家的小程序平台，都想顺...
顺着微信红包破微信的局，如何做到？
刘书的IT博客
02-14 1万+
摘要：每一次，都是微信在自我突破，每一次的努力，也正证明了它的不完善。微信的对手们要看到微信之外的东西。诸如临时群组的生成、与公众帐号的融合、wifi流量的导入、政企客户场景的设计，这些可以突破的地方。真正可怕的不是微信而是跟随。 一、火了？ 微信红包火了，全国人民喜大普奔。也让很多有"互联网思维"的人深深的深深的为马云丁磊们捉急，仿佛企鹅明天就占领全世界了。 其实，
华为手机助手上架流程_华为手机资料导入功能使用教程 看完你就知道了
weixin_39634132的博客
01-14 1482
操作方法01一、手机资料导入场景02终于买到心仪的手机啦，好开心有木有~~那么问题来了~旧手机上有好多联系人、照片、短信等等，都怎么传到新手机上呀？03手机要去送修，肯定是先恢复出厂设置啦(千万别当陈老师)，那么问题来了，修理好之后肿么导入原来的资料呀？04用SD卡强制升级了，手机的内容全没了，那么问题又来了，资料去哪儿了，怎么导入到新版本里啊？05带着问题，带着疑虑，和课代表一起，共同修炼几招数...
Amino——产品迭代
weixin_33810302的博客
01-20 531
2019独角兽企业重金招聘Python工程师标准>>> ...
大众点评网
weixin_34281477的博客
01-25 3275
大众点评网求职干货目录•1.公司介绍 •1.1大众点评概况 •1.2大众点评网历史 •1.3大众点评主营业务/品牌 •1.4大众点评网文化/价值观 •1.5大众点评工作地点 •2.校招介绍 •2.1大众点评2014校园招聘介绍 •2.2大众点评校园招聘流程 •2.3大众点评应聘注意事项 •3.HR答疑 •3.1大众点评校园招聘的相关FAQ •3.2大众点评相关FAQ •4.薪酬...
打开小程序的大门---一款天气小程序的诞生(蜗牛小天气)
weixin_30708329的博客
03-22 246
———— 润物无声，做一个有个格调的coder 小程序、快应用现在可谓是家喻户晓，也更加密切的渗透入我们的生活中，笔者也算是个爱折腾的人，俗话说的好嘛，“不折腾，不前端“（当然是笔者自己的小心声）。于是在平日里忙碌的工作之余抽出来时间搞点事(si)情,来写一个属于自己的贴身小天气。说时迟那时快，这就来了... 经过两三年的发展，小程序的地位也步步高升，由腾讯领队的腾讯小程序，再到后来的支付...
mysql 22001_mysql ERROR 1264 (22003): Out of range value for column 'x' at row 1 错误
weixin_29571873的博客
01-27 2075
mysql> insert into t1 values (-129), (-128), (127),(128);ERROR 1264 (22003): Out of range value for column 'x' at row 1 原因: 新版本的MySQL对字段的严格检查 解决 把my.cnf中的 sql_mode=NO_ENGINE_SUBSTITUTION,STRICT_TRA...
独家 | 我们扒出了这家中国创业公司，竟比苹果iPhone X早两年推出黑科技，还不用借助深度摄像头
AI科技大本营
09-19 1797
关心AI的人们都关注了此号☝☝☝于是，没有iPhone X，我也可以在我仅2000元的安卓机上玩转黑科技了。记者：鸽子在我威威天朝，表情包早已泛滥在各类社交应用程序中，如今，咱可以玩点新的包了。就这个啦！在苹果iPhoneX的带领下，一种新的娱乐方式来了...它生动而霸道地诠释了什么才是真正的表！情！包！我的表情我做主，吼吼...这就是iPhone X在基于Face ID的新功能下，推出的Anim
简单分析Python ctypes模块的WinDLL源码(我爱Python,吼吼~)
GaA.Ra的自留地 in Csdn
12-03 8973
又是一个寂寞的周末啊同学们,这几天天气变冷自己却没有赖床,好吧,表扬一次^^     扯点八卦,今天是pycon2011在上海那边开了,我早上和刚才看了网上的直播,做的很不错,形式很像irongeek.com的视频,我觉得这块在国内还是有一点点商业前景的,哈.听了网易林伟和豆瓣洪强宁的演讲,开拓了点视野,豆瓣基本主要都是用python做,网易说一些服务端也是用python写,结合c去做,但是py
php 使用 yansongda/pay 进行微信，支付宝支付
qq_38835450的博客
07-20 9277
最近项目使用yansongda/pay 进行微信与支付宝开发，整理一下自己开发中遇到的问题 yansongda/pay composer 扩展地址https://packagist.org/packages/yansongda/pay // 使用composer update 更新下载yansongda包扩展 复制 文档中 支付宝支付，微信支付例子，进行自己的配置 // 配置完成后进行下单 // 微信支付 $pay = Pay::wechat($this->config)-...
微信支付，支付宝支付，银联支付——三大支付总结
这个时代，作为程序员可能要学习小程序
05-23 2万+
银联支付，支付宝支付，微信支付的三大总结，之前也有写过两篇。> 支付宝植入总结： android 支付宝的植入 《曾经踩过的坑》 微信支付总结： Android 微信支付总结 备注：出于安全考虑，验签我们都是放到后台进行验签的。对于我们移动端节省了很多的劳动力。之前有做过支付宝支付和微信支付，所以这次做起来碰到的问题很少，key申请下来之后很快就搞定了。吼吼效果图：
微信小程序swiper组件实现抖音翻页切换视频功能
TP19981017的博客
06-22 4110
效果图: video官方介绍:https://developers.weixin.qq.com/miniprogram/dev/component/video.html swiper官方介绍:https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html 上代码就完了,奥利给 ! ! ! (里面包含了自定义导航栏的东西 不过不多 参考着康康 吼吼吼...) wxml: <!-- 自定义头部导航...
JS获取上一访问页面URL地址——（上）
热门推荐
AmberWu
06-24 4万+
在之前的文章 http://blog.youkuaiyun.com/amberwu/article/details/72876635提过一嘴关于js获取浏览器上一浏览页面地址代码是document.referrer，今天看大神张鑫旭的文章，对这个问题做一个深层研究 。 文章参考自：http://www.zhangxinxu.com/wordpress/?p=5957 一. 介绍介绍 获取上一个页面的U
修改input里placeholder颜色
AmberWu
02-07 4万+
2017年第一天上班！ 开工大吉！     html     如下：  Chrome支持input=[type=text]占位文本属性    所以，对下面这段代码并不起作用，另外，!important只有IE7和firefox能识别！input[placeholder], [placeholder], *[placeholder] { color:#333 !important
使用navigator.userAgent.toLowerCase()判断浏览器的类型
AmberWu
10-10 2万+
在跨平台、浏览器、移动设备兼容的时候，要根据设备、浏览器做特定调整，所以我们经常会用到navigator.userAgent.toLowerCase()来进行判断。 先来解释一下意思，navigator是HTML中的内置对象，包含浏览器的信息；userAgent是navigator的属性方法，可以返回由客户机发送服务器的头部的值，作用其实就是就是返回当前用户所使用的是什么浏览器，toLowerC
基于vue的倒计时demo
AmberWu
06-05 1万+
一般获取短信验证码的时候会用到这个呆毛： button里面包两个span标签，根据点击状态，显示不同的span，关键代码就是倒计时： &lt;button @click="getCode"&gt; &lt;span class="tip" v-if="!sendMsgDisabled &amp;&amp; !reGet"&gt;发送验证码&lt;/s
微信小程序map编辑多边形
最新发布
04-02
<think>好的，用户想了解微信小程序的map组件中如何编辑多边形。首先，我需要回忆微信小小程序提供的API和组件功能。微信小程序的map组件确实支持绘制多边形，但编辑功能可能需要通过其他方式实现。 首先，用户可能需要使用map组件的polygon属性来定义多边形的坐标点。然后，要实现编辑，可能需要结合触摸事件。比如，当用户点击某个多边形顶点时，可以拖动修改其位置。这时候需要监听markertap、callouttap或者regionchange事件，来捕获用户的交互动作。 接下来，可能需要动态更新polygon的points数组。当用户拖动一个顶点时，通过事件对象获取新的坐标，然后更新对应的点，并重新渲染地图。这里需要注意的是，频繁更新可能导致性能问题，需要优化渲染次数。 另外，微信小程序本身可能没有直接提供多边形编辑的API，所以需要自己实现这些交互逻辑。可能需要使用map组件的include-points属性来调整地图视野，确保编辑过程中的可视区域合适。 还有，用户可能需要添加或删除多边形的顶点。这可以通过在长按某个边时插入新点，或者提供按钮让用户手动添加。删除功能则需要捕获特定点的点击事件，并从数组中移除该点。 还需要考虑用户体验，比如高亮显示被选中的顶点，提供撤销/重做功能，或者实时显示多边形的面积和周长。这些增强功能可以提高编辑的便利性。 最后，要确保代码符合微信小程序的开发规范，比如正确设置map组件的属性，处理异步渲染的问题，以及测试在不同设备上的兼容性。可能还需要查阅微信官方文档，确认是否有新增的API或更新，以支持更便捷的多边形编辑功能。 总结下来，实现步骤大致是：初始化地图并绘制多边形，绑定交互事件，动态更新多边形数据，优化渲染和性能，添加辅助功能提升体验。同时，需要注意微信小程序本身的限制，寻找合适的解决方案。</think>微信小程序的 `map` 组件支持通过 `polygon` 属性绘制多边形，但原生暂未提供直接的图形编辑功能。实现多边形编辑需结合以下步骤： --- ### 1. **基础绘制** 在 `map` 组件的 `polygons` 属性中定义多边形： ```html <map id="myMap" polygons="{{polygons}}" style="width: 100%; height: 300px;" /> ``` ```javascript Page({ data: { polygons: [{ points: [ { latitude: 39.92, longitude: 116.46 }, { latitude: 39.93, longitude: 116.47 }, { latitude: 39.91, longitude: 116.48 } ], strokeWidth: 2, strokeColor: "#FF0000" }] } }) ``` --- ### 2. **实现编辑逻辑** 需手动实现交互，核心思路是： - **添加顶点**：通过点击地图事件获取坐标并插入到 `points` 数组。 - **移动顶点**：监听长按事件，拖动时更新坐标。 - **删除顶点**：双击顶点触发删除。 #### 示例代码（简化）： ```javascript Page({ data: { /* ... */ }, // 点击地图添加顶点 onTapMap(e) { const newPoint = e.detail.latitude && e.detail.longitude; const newPolygons = this.data.polygons.map(polygon => ({ ...polygon, points: [...polygon.points, newPoint] })); this.setData({ polygons: newPolygons }); }, // 长按顶点开始拖动 onLongPressMarker(e) { const index = e.markerId; // 假设顶点标记为marker this.setData({ draggingIndex: index }); }, // 拖动时更新坐标 onMarkerDrag(e) { const { latitude, longitude } = e.detail; const newPolygons = this.data.polygons.map(polygon => ({ ...polygon, points: polygon.points.map((point, i) => i === this.data.draggingIndex ? { latitude, longitude } : point ) })); this.setData({ polygons: newPolygons }); } }) ``` --- ### 3. **优化体验** - **视觉反馈**：高亮被选中的顶点（通过修改 `color` 或添加 `iconPath`）。 - **计算面积**：利用 Shoelace 公式实时计算多边形面积： $$ \text{Area} = \frac{1}{2} \left| \sum_{i=1}^{n} (x_i y_{i+1} - x_{i+1} y_i) \right| $$ - **撤销/重做**：通过历史记录数组保存每一步操作。 --- ### 4. **第三方库方案** 若需更复杂功能，可结合 `map` 组件与 Canvas 绘制： 1. 在 `map` 上覆盖一个透明 Canvas。 2. 使用 Canvas 绘制可交互的多边形。 3. 通过手势事件实现拖拽、缩放。 --- ### 注意事项 - **性能**：频繁更新 `polygons` 可能卡顿，建议使用 `throttle` 限制触发频率。 - **坐标系**：确保经纬度数据与地图控件一致。 - **兼容性**：不同设备对多点触控的支持可能不同。 微信官方文档：[map 组件](https://developers.weixin.qq.com/miniprogram/dev/component/map.html) 是核心参考，需持续关注 API 更新。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值