取得授权 作为一个社交平台，首先要做的肯定是经过用户授权，获取用户信息，小程序提供了很方便的接口： 进入小圈圈 这个 button 有个 open-type 属性，这个属性是专门用来使用小程序的开放能力的，而 getUserInfo 则表示 获取用户信息，可以从**bindgetuserinfo...而且，为了方便在个人主页复用，列表渲染中的每一个 item 都要抽象出来。这时就要使用小程序中的 Custom-Component 功能了。...photo 则表示附图数据，但是限于小程序 image 元素的实现，想要显示一张图片，要么提供该图片的 url，要么提供该图片在 云存储 的 id，所以这里最佳的实践是：先把图片上传到云存储里，然后把回调里的文件...如果是类似 Vue 或者 React 的框架，我们很容易就能想到属性监控，如 watch、useEffect 等等，但是小程序目前 Page 并没有提供属性监控功能，怎么办？
1.安全域名SSL 配置443端口 https 2.wafe2方案 小程序主机经常502 错误 3.文档不仔细，需要各种搜索帖子 4.API更新太快 譬如getuserinfo 5.webview只适合认证小程序...，个人小程序不能使用 6.wx.previewImage只有在web-view下才会出现长按识别二维码(并非官方给的小程序页面) 7.Tgit不怎么好用，团队协作编辑能力不够友好 8.前端view...附：个人实践小程序开发源码 https://github.com/jcomey/dlite.git
UI 小程序作为MVVM框架中的一员，数据驱动是核心，得数据者得天下 要理解数据通信，和生命周期、运行机制密不可分，像双线程通信模型、数据驱动、底层框架、界面渲染机制等等，本文不会展开叙述，也不可能讲的比官方文档更好...、更实时 本文主要理解以下几点：（想了半天，才概括如下） 1、小程序中数据的作用域 2、合理操作数据，提升性能 3、组件间的数据通信 4、缓存数据 5、扩展-状态管理westore 在这之前，还是上几张官方的图...明确几点概念 渲染层和数据相关 逻辑层负责产生、处理数据，小程序的JS脚本运行在同一个JsCore线程里 逻辑层和渲染层是一对多的关系，但页面对象（page）和页面层级（webview）一一对应 一、小程序中数据的作用域...，和VUE一样，不过VUE中只要写this.text，而小程序中要写this.data.text，每次写到这个就郁闷，其实与界面渲染无关的数据最好不要设置在data中，对性能也是大有好处 4、自定义组件中的数据...而且据统计，开发小程序使用最多的技术栈是使用小程序本身的开发工具和语法，所以最大的痛点只剩下状态管理和跨页通讯 现在主流的MVVM框架如vue/react/angluar都有状态管理，小程序也可以有，由于小程序的即时特性
不光如此，因为有些用户的简介里有一些特殊符号，®或者笑脸之类的，于是在这里纠结了很久，好歹最后是成功了(其实也就是过滤掉了那些特殊符号) 效率来说呢，开始的时候一个小时能采集大概1.4w条微博的用户信息...，但是由于我是从每个人的关注列表里采集的，所以很快就会遇到爬到许多已经爬过的用户，所以总的来说效率不是很高，怪不得那个“中国爬盟”要发动群众的力量去爬 而且有些担心爬久了微博账号被封，我也没敢尝试太久...'212332231') #creepy_myself() ''''' 虽然很谨慎地处理了中文编码，但每过一段时间还是会有一些问题 于是抛掉了所有异常，防止程序中断
它其实像微信小程序，全称是 Progressive Web App，直译过来的意思是渐进式网络应用。从它的定位和形态上你可以先把它看作 Google 版小程序。不用下载app，就可以直接在手机上运行。...浏览图片和视频的过渡动画也很 APP，如果不是没有广告的话，其实很难分得清与微博 APP 的区别了。 12 月 13 日上午十点开始，访问移动版微博网页的用户已经自动跳转到最新的微博 PWA 版本。...从微博 PWA 版多个操作步骤也可以看出，PWA 在实际应用中其实有点类似于「养成游戏」——也就是渐进式的形象表达。...这对于内容构成中图片、视频占比跟高的微博也意义重大：有了这项离线能力，微博 PWA 版在网络较差的环境下也能保证图片和视频的加载速度。...在开发者文档示例中，利用这项离线能力，语音备忘录不需要网络也能记录声音了。 网页与 APP 最大的区别之一是没有推送，网页因此也给用户留下了「用完即走」的印象。
在“开发设置”页面查看AppID和AppSecret，配置服务器域名以确保小程序能够正常访问服务器 4 开发小程序 开发前建议阅读开发文档，也可前往开发者社区对开发中遇到的问题进行提问与交流， 点击了解接入自然搜索...– 授权设置相关选项中。...request 合法域名：小程序请求数据域名，一般情况下只需要填写网站域名即可，但是，涉及需要请求的数据都要加入此列表中。...(4).downloadFile合法域名根据小程序开发配置里的服务器域名中 downloadFile 合法域名填写，有多少个 downloadFile 合法域名就填多少个。...由于 QQ 小程序目前不支持生成指定路径的小程序码文件，QQ 小程序的海报小程序码只能使用 QQ 小程序默认小程序码。
因为业务需要在小程序里加上很多的弹窗，就想写一个组件来实现； #创建组件 新建文件夹component专门放组件， 新建popup页面，在popup.json中设置： { "component"...在子组件中自定义值是以小驼峰的形式书写的，但是在父组件传的时候要以“-”连接。...bindtap = 'onTap' 然后通过在method中设置onTap函数 在onTap中的triggerEvent中设置要触发父组件事件的函数名称 父组件接收到字组件的消息，然后触发事件 具体参考...：小程序-组件通信 子组件： wxml × js methods: { //放自定义的方法 onTap...; this.setData({ isShowPopup: true }) } 参考 小程序-自定义组件 代码地址：https://github.com/AnsonZnl
需求 为博客的每一篇文章生成分享海报，每张海报上需要一个带文章id的小程序码，微信官方提供三种方式生成小程序码。...api api名区别wxacode.createQRCode获取小程序二维码，适用于需要的码数量较少的业务场景。...通过该接口生成的小程序码，永久有效，有数量限制wxacode.get获取小程序码，适用于需要的码数量较少的业务场景。...通过该接口生成的小程序码，永久有效，有数量限制wxacode.getUnlimited获取小程序码，适用于需要的码数量极多的业务场景。通过该接口生成的小程序码，永久有效，数量暂无限制。...: event.page, // 页面路径 width: 430, // 生成二维码的宽度 scene: event.scene, // page后面跟的参数写在scene中
最近，微信小程序团队像打了鸡血似的，不断推出一系列新的小程序功能，以及拓展了不少小程序的入口，使得小程序的运行场景变得越来越丰富。...我们可以在小程序的App入口代码中获取该场景值： //在小程序的onLaunch和onShow方法参数中可获取场景值 App({ onLaunch: function (options) {...1005 顶部搜索框的搜索结果页 1006 发现栏小程序主入口搜索框的搜索结果页 1007 单人聊天会话中的小程序消息卡片 1008 群聊会话中的小程序消息卡片 1011...1034 微信支付完成页 1035 公众号自定义菜单 1036 App 分享消息卡片 1042 添加好友搜索框的搜索结果页 1043 公众号模板消息 1044 群聊会话中的小程序消息卡片...“发现”页面中的小程序入口运行你的小程序的： ?
小程序可以说是2017年的一个风口浪尖 2018年将会到来第一波高潮 关于app.json app.json 这个里面不能有注释，不然会报错！...ssl 也许你一切都配置好了本地访问也没问题，一发布发现各种错误 什么网络错误，不是安全域名，不在domain里，handshake错误 这些都是SSL的锅~ 关于小程序主机 购买了小程序主机域名必须先实名认证...工作日3-5；而且你购买的小程序主机又不会开通，真是坑的一比~！
刚刚在星球里写零基础教程时候，为了让他们更加熟悉视图层，给他们布置了一个小作业需要有引入外部字体这个需要，百度虽然挺多的，但我还是喜欢自己实践出的内容，简单写一下，下面是效果图： ?...三、写入小程序 在小程序内创建一个.wxss文件，比如font.wxss，然后把刚刚第二步得到的stylesheet.css全部复制到font.wxss ? ?
知晓程序员，专注微信小程序开发的程序员！...今天说说tabBar的使用，先看看官方说法：如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面...备注： 当设置 position 为 top 时，将不会显示 icon tabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。...（tabBar图例讲解） 今天在做投一个小程序时，也用到了tabBar，先看一下示例： 为什么没有自己实现tabBar？
微信小程序中事件 一.常见的事件有 类型 触发条件 最低版本 touchstart 手指触摸动作开始 touchmove 手指触摸后移动 touchcancel 手指触摸动作被打断，如来电提醒，弹窗...iPhone 设备，重按时会触发 有两个注意点： Touchcancle: 在某些特定场景下才会触发（比如来电打断等） tap事件和longpress事件通常只会触发其中一个 二.书写方式 页面中...-- 点击传变量data-传过去的key='{{变量名}}' --> {{a}} js文件中...}, fuck_2: function (e) { console.log(e) }, 三.有传参的事件取值 事件传递参数 当视图层发生事件时，某些情况需要事件携带一些参数到执行的函数中,...的区别 这个区别普通的标签看不出来,但是一旦有标签的父标签页有一个事件时候,这时候就有区别,currentTarget指向的是本身的函数调用传的参数,而target不是 四.传参和定义变量之间的操作 页面中js
pt与px pt称为逻辑分辨率 pt大小与屏幕分辨率有关系，简单可以理解为长度与视觉单位 px是指物理分辨率，与屏幕尺寸没有关系 小程序中的rpx 屏幕分辨率 以iphone6的物理像素750*1334...为视觉稿设计，在小程序中使用rpx为单位 在ip6下 1px = 1rpx = 0.5pt 使用rpx为单位小程序会在不同分辨率下进行转换，而px则不会 建议小程序的设计稿以750 x 1334 的物理分辨率进行设计
所以，在接收包的过程中，netfilter 过滤并不会影响 tcpdump 的抓包！ ---- 网络包发送过程 在网络包的发送过程中，和接收过程恰好相反，是协议层先处理、网络设备层后处理。...无论是在网络包接收过程中，还是在发送过程中，都会在网络设备层遍历 ptype_all 中的协议，并执行其中的回调。tcpdump 命令就是基于这个底层原理来工作的。...通过上图我们可以发现当数据包到达网卡后，经过数据包过滤器（BPF）筛选后，拷贝至用户态的 tcpdump 程序，以供 tcpdump 工具进行后续的处理工作，输出或保存到 pcap 文件。...-r：从文件中读取数据 -C：指定文件大小，与 -w 配合使用 -F：从文件中读取抓包的表达式 -n：不解析主机和端口号，这个参数很重要，一般都需要加上 -P：指定要抓取的包是流入还是流出的包，可以指定的值...在网络包接收的过程中，由于 tcpdump 近水楼台，所以完全可以捕获到命中 netfilter 过滤规则的包。 但是在发送的过程中，恰恰相反。
前言 鉴于目前Swift的ABI(应用程序二进制接口)、API(应用程序编程接口) 基本稳定，对于Swift的学习有必要提上日程了，这个Swift仿微博列表的效果是我最近一边学习《Swift入门到精通...图集浏览效果 一、UITextView富文本的实现 标题的富文本显示样式我是参考微博的：@用户昵称、#话题#、图标+描述、[表情]、全文：限制显示字数，点击链接跳转或查看图片 比如第一条数据的标题原始字符串为...1、列表页cell中的imageView的大小是固定平均分配的，而每张图片的大小和比例都是不一样的，为了保证图片不变形，按比例只展示图片的中心部分，怎么做哪？
源码：https://github.com/limingios/wxProgram.git 中wx-springboot 和 No.15 spring boot 映射路径的设置 api 中新建类 package...小程序的图片展示 里面调用了wx api的插件，所以直接用this.setData就会报错。...用户注销 */ logout:function(e){ var user = app.userInfo; wx.showLoading({ title: '正在注销中。...tempFilePaths.length>0){ console.log(tempFilePaths[0]); wx.showLoading({ title: '正在加载中。...手机app 和 后台 在同一个网段，也就是同一个wifi 打开调试模式，重启登录小程序 还有个不在同一个wifi的话，可以通过内网穿透的方式，之前说过，但是app.js里面设置下内网穿透的ip ?
示例： 在微信小程序中，如何实现上述的“你所在地区”的显示。...qqmap-wx-jssdk.js，如下： （图片来自：https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview） ②在控制台中创建对应类型的应用程序...，如下： ③然后在小程序的代码中使用如下方式获取对应的城市，用于地址定位的功能点上： var QQMapWX = require('qqmap-wx-jssdk.js'); var qqmapsdk
导致 文字对不齐的根本原因是，小程序中的代码含有空白字符，将文字内的空白删除到一行即可解决； 之前怎么调整text-align:justify;都不管用的； · 文字左右对齐：justify · 看看源码是否含有空白字符
前言 在写小程序时，有个页面由于要展示很多内容，光弹窗都6个，还有大量的列表，所以wxml节点数很多，超过了小程序建议的1000个节点以下。...之后，又将手机的性能监听面板打开，发现再次渲染耗时那数值一直在闪动，但始终停留在0ms，就肯定的是小程序渲染出问题了。又怀疑只要是分包页面都有问题，就发现其他分包页面，并没有问题。...下面是两张对比图： 没有使用懒加载 image.png 使用了懒加载 image.png 项目地址： github地址 码云地址 懒加载原理 小程序通过setData后的数据，再放入wxml上就会被渲染...此例子中与只有触底后渲染下面的视图，再加了点击左边的分类时，也做做渲染。 比如：初始时只渲染了第一组数据，当时我点击了第四个分类时，要将第二个，第三个，第四个的数据都显示出来。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
