朕的博客

前言：最近项目需求要在小程序中添加一个即时通信IM的功能，本来想自己开发一个…评估了一下团队实力后，并不允许，所以找了一个IM第三方框架，采用的是腾讯云的即时通信IM，但是目前腾讯云IM的小程序SDK并没有包含UI，因此就需要自己来开发页面样式和交互，腾讯云IM自己也提供了一个deom，但是使用mpvue框架写的。。。网上是一片骂声。。。我也没有使用他的demo，自已用小程序原生写了一套，因为网上用原生写的deom很少，特此将小弟写的分享出来，各位大佬轻点喷~~点击**下载源码**跑通demo四部曲：

第一步：在小程序项目目录中打开终端命令行工具，输入以下命令，这个命令在官方文档中是没有写的，这里补一下，执行这个命令后就会在项目中创建一个package.json配置文件npm init第二步：使用npm install xxx 安装自己所需要的包，例如：npm install --save-dev weui-miniprogram第三步：在小程序开发者工具中 ’本地设置‘ 中打开 ’使用npm模块‘ 选项第四步：在小程序开发者工具中选择顶部菜单 ’工具‘ ——’构建npm‘

前言：

前言：

微信小程序——images图片组件宽高自适应方法前言：第一次做小程序的时候使用了image图片组件，src引用一张图片后，给图片的样式设置了width:100%，发现图片变形了~~~，我想要的效果是，图片在父级中的宽是占据父级元素的100%，高度自动适应，按照html中的图片在浏览器中默认显示逻辑应该是，图片宽度为图片的100%宽度像素，高度自适应，所以这种显示逻辑并不会造成图片变形，思虑片刻...