痛点：Markdown转小程序页面很难受，小程序页面并不能识别Markdown标记。
由于文章还差点字数，所以我再加点字，由于我之前没用过we-ui，在网上也没找到组建库，最后看到了一篇文章解决此方法，我自己亲测试了下是可以用的（不引用任何文件的情况下测试的），分享给大家！！！
知晓程序员，专注微信小程序开发。本文总结了在小程序开发过程中遇到的常见问题及解决方法，包括：1、域名必须是HTTPS；2、input组件placeholder字体颜色；3、wx.navigateTo无法跳转到带tabbar的页面；4、tabbar在切换时页面数据无法刷新；5、如何获取shareTickets；6、getPhoneNumber获取手机号；7、wx.previewImage图片预览；8、wx.playVoice音频播放；9、API老版本兼容；10、获取系统信息；11、如何去掉自定义button灰色的圆角边框；12、回到页面顶部；13、input textarea是APP的原生组件，z-index层级最高；14、小程序如何冷启动；15、一段文字如何换行；16、设置最外层标签的margin-bottom在IOS下不生效；17、小程序中canvas的图片不支持base64格式。此外，还介绍了如何设置页面样式、处理图片预览、音频播放、获取系统信息、处理网络请求等。
知晓程序员，专注微信小程序开发的程序员！ 好久没写文章，今天总结一下小程序开发过程中遇到的问题，有不对的地方，欢迎各位指正~ 1、域名必须是HTTPS 非HTTPS的域名不被微信小程序允许 2、input组件placeholder字体颜色 写在placeholder-class里面的color并不生效，需要写在placeholder-style里面就可以了 3、wx.navigateTo无法跳转到带tabbar的页面 带有tabbar的页面，必须使用wx.switchTab进行跳转 4、tabbar在切换
微信小程序开发，还记得之前给大家分享了一次入门的小程序开发教程吗？那时候有人问我，后续会不会经常更新小程序文章 。由于我的工作不是这方面相关的，对小程序研究甚少，也不敢随便撸文，怕误导大家学习！但是，最近小编有幸能跟一位百度的一位小程序大牛达成合作，为大家推荐更多优秀的小程序开发文章，欢迎大家关注本公众号〖程序IT圈〗，后续经常发布一些小程序开发的推文！
微信小程序开发设置的背景图片不显示，这是由于：background-image 只能用网络url或者base64图片编码 ，本地图片只能用 image标签src属性才行。当然 image标签src属性也可以使用网络url或者base64图片编码。
---- 效果 HTML Hello Rattenking ! Hello Rattenking ! Hello Rattenking ! Hello Rattenking ! Hello Rattenking ! Hello Rattenking ! CSS p{ width: 200px; background-color: lightblue; } 改变 white-space 的值的效果 微信小程序----CSS 的空格处理 white-space 的值 值
Hello Rattenking ! Hello Rattenking ! Hello Rattenking ! Hello Rattenking ! Hello Rattenking ! Hello Rattenking !
其实有很多场景会用到富文本框「通常后台维护一长串html文本，前台进行渲染展示」。但由于小程序的一些特殊性，无法直接渲染html，因此类似wxParse的开源组件诞生了「原理无非是穷举标签进行替换，差异在于覆盖是否全面和是否更加高效」
微慕小程序是资讯、媒体类小程序,因为对富文本内容和媒体内容的显示有较高的需求。对于富文本解析，微慕小程序以前采用的开源的wxParse组件，不过wxParse组件存在很多的问题且已经停止维护支持，随着微慕小程序功能不断的增加和优化，wxParse组件已经无法适应，同时对wxParse二次开发优化的难度比较大，基于此微慕团队考虑寻找更合适的解析组件，经过朋友的推荐和我们的考察，最终选择开源组件：mp-html(https://jin-yufeng.gitee.io/mp-html)，这个组件堪称小程序富文本解析利器。微慕团队对mp-html组件二次开发后可以与微慕小程序完美兼容，微慕小程序专业版v3.8.0加入了该组件。mp-html组件给富文本的内容提供了不少出色的功能。
https://www.toptal.com/developers/css/sprite-generator
官方说明：WXML（WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构
导语 总结在小程序canvas开发实践中遇到的一些问题和解决方法。 1. 什么是 Canvas？ 在 MDN 是这样定义 canvas 的： canvas 是 HTML5 新增的元素，可用于通过使用 JavaScript 中的脚本来绘制图形。例如，它可以用于绘制图形、制作照片、创建动画，甚至可以进行实时视频处理或渲染。 Canvas 是由 HTML 代码配合高度和宽度属性而定义出的可绘制区域。JavaScript 代码可以访问该区域，类似于其他通用的二维 API，通过一套完整的绘图函数来动态生成图形。
本文是“WordPress 开发微信小程序”系列的第三篇，本文记录的是“DeveWork极客”小程序1.2 版本的开发要点。建议先看完第一篇、第二篇再来阅读本文。 如果你没有看过本小程序，可以通过下面
不说多的，创建一个新的小程序项目，然后我们直接在 index.wxml 和 index.wxss 进行修改
书接上文 【小程序 – 启航篇】一文打通任督二脉 小程序宿主环境构成，上文已介绍了关于宿主环境的通信模式和运行机制，本文着重介绍关于宿主环境的视图容器和基础内容组件
git切换源地址 git remote set-url origin newurl css的sticky失效，因为overflow不能是auto 解决英文字符不换行的问题 word-break: break-all react url传值过多导致卡顿问题： 跳转页面后获取数据，或者通过localStorage处理。 64.助销小程序经验总结： h5不能点击按钮分享，小程序可以 wx.invoke不支持，config的beta设为true cos文件下载，a标签浏览器可
3. wx-canvas线状图中多条线展示时，点击显示tooltip后苹果手机会出现无法滚动的现象。得添加属性值disable-scroll="{{false}}"
Linux下安装软件时，经常会看到类似上图的进度条，今天带大家用C语言来演示其原理！
小程序的一切。 知晓程序注： 要想开发小程序，每个人都需要先了解 Flex。 小程序的开发框架使用了 Flex 排版布局，它能帮助开发者以最快的速度，构建美观而具有动态调整性质的小程序排版。 但是，F
Python应用现在如火如荼，应用范围很广。因其效率高开发迅速的优势，快速进入编程语言排行榜前几名。本系列文章致力于可以全面系统的介绍Python语言开发知识和相关知识总结。希望大家能够快速入门并学习Python这门语言。
（1）当然，关于scroll-view组件官网还提供了许多其它的属性和事件方法，大家仔细去看看：
2020年，是个不平凡的一年，因为疫情的蔓延打乱了我的全盘计划。但在工作中，完成了目标项目、攻克了技术难关、学习了新的技术，也感谢平台！
微信小程序入门的文章，其实暂时就更新到这里了，还有一个生命周期的内容，感觉当初整理的不是很好就不更新了，学完了 WXML、WXSS、一些常用组件，还有事件绑定，其实一个较为不错的页面已经能自己搭建出来了，如果你还想继续往后面研究，我给一下方向就是，可以开始看 与后台交互的内容了，发送异步请求，对数据进行回显等，回显内容时，你就又可以开始考虑用什么别的组件，可以让页面的数据加载或者观看更加顺滑，美观，当然有很多小伙伴都是后端，所以，可以自己搭个后台，试着弄用户登录授权这块，这块算是小程序一个重要的点，要好好研究一下，以后要做的事情，就和传统的后端基本一样了。我的文章都是根据官网写的原生写法，当然你也可以看一下一些小程序框架，或者看一看 ES6 的内容，毕竟我也是个后端，也没细细研究前端的内容，有什么想法或者意见，可以在公众号菜单页面直接给后台发文字，或者发送邮件：ideal_bwh@163.com
一、小程序文档笔记 默认开发目录 开发目录解析 1. app.js、app.json、app.wxss 这三个文件必须有不能删掉。 一个小程序主体部分由这三个文件组成，而且必须放在项目的根目录
不同操作系统使用的换行符是不一样的。Unix/Linux使用的是LF，Mac后期也采用了LF，但Windows一直使用CRLF【回车(CR, ASCII 13, \r) 换行(LF, ASCII 10, \n)】作为换行符。
最近频频刷屏的许多 HTML 5 作品，都用到了生成含有用户信息的图片并保存分享的功能。
编译运行后发现延迟了两秒才出现数字，我们都知道程序中的代码执行是从上到下，sleep虽然是让系统休眠两秒，但为什么在printf函数的后方也能影响输出时间？ 这是因为输入的内容先放进了缓冲区，没有显示出来，等程序结束了才刷新缓冲区显示出数据来。 如果想让这串数字立马显示出来可以这样写：
“ 转眼间已经参与过好几个小程序的开发了，下面我将开发中的那些注意点和各位小伙伴们分享下，妥妥的干货一枚。 ” WXML 1 不要换行写 微信开发者工具不会对代码进行trim操作，如果代码中换行，页面也直接换行。 2 wx:if vs hidden 一般来说，wx:if有更高的切换消耗而hidden有更高的初始渲染消耗。因此，如果需要频繁切换的情景下，用 hidden 更好，如果在运行时条件不大可能改变则 wx:if 较好。 3 图片处理 1.大图片也会造成页面切换的卡顿有一部分小程序会在页面中引用大
flexbox layout——弹性盒子布局。弹性盒子可以快速的对小程序进行布局。一般传统的小程序布局方法对内容量少的页面而言很方便，但对页面比较复杂的来讲就很繁琐了。所以使用flexbox layout对小程序页面内容进行整体封装布局，这样既方便又快捷。那么如何使用弹性盒子快速实现小程序的基本布局呢？
前面我们写的是对接企业微信客服、微信公众号、微信小程序 现在来对接一下个人微信机器人 效果如图：
依赖 yarn init yarn add --dev babel-eslint@10.0.3 yarn add --dev eslint@6.7.1 yarn add --dev eslint-config-alloy@3.7.1 yarn add --dev eslint-config-prettier@6.10.0 yarn add --dev eslint-plugin-prettier@3.1.4 yarn add --dev prettier@2.0.5 yarn add --dev prett
1 1. 什么是JSX语法 2 2. jsx语法示例与渲染的VNode节点 3 3. jsx的渲染流程 4 4. jsx中的js和html的写法不同 5 a. js：{ js语法 } 6 i. 花括号里边一定要返回字符串才能渲染 7 ii. {{ 双花括号表示js语法里的对象格式 }} 8 iii. 花括号里可以写表达式、三元、有返回值且返回字符串的函数调用 9 iv. 花括号里直接放对象报错 10 v. 数组可以直接被渲染到页面中。 11 b. html：<html语法> 12 i. class等关键字不能用做html的属性（如class、for等不行，需要替换成别的） 13 1) class -> className 14 2) for -> htmlFor 15 c. a标签写了以后，必须写href属性 16 d. 组件根节点只能是一个标签，不能有并列标签。否则报错！ 17 三种方法实现空白标签包裹：（就像小程序的block标签、又像vue的template标签） 18 i. <React.Fragment>空白标签1</React.Fragment> 19 ii. import { Fragment } from 'react'；<Fragment>空白标签1</Fragment> 20 iii. <>空白标签2</> 21 e. 列表渲染 - 迭代的方法（没有for）：利用数组进行渲染 22 f. key值唯一的绑定 23 g. 条件切换的使用（没有if else、简直反人类） 24 h. 动态样式的绑定 - style的值需要是一个js语法，包裹在对象里边。 25 i. v-html类似用法：dangerouslySetInnerHTML={ {__html: variableName} }【innerHTML容易造成xss攻击，避免使用】 26 j. jsx中的注释 27 i. 多行注释：{ /** js注释 **/ } 28 ii. 单行注释： 29 { 30 // 单行注释，花括号如果提上来就被注释了。所以换行 31 }
双列布局的话特点是随着数据的增多，我们会出现偶数或者奇数的问题，如果是偶数本身已经填满了，问题不大。主要存在奇数的问题，比如我们如果有3条数据，预期实现的效果
这篇文章中，我们将介绍小程序地图组件的使用，官方文档已经比较详细的介绍了map组件的使用，但是对于刚开始接触地图组件的同学，难免有些难以下手。本文将以Hello World为例对地图组件的使用列出一些demo，以方便后续开发。
作者：王言 一年红，两年降，三年四年换行当。 这是业界对诸多「网红」品牌的评价，「不做品牌升级、提升用户体验，网红品牌活不了多久」。 喜茶是以「网红」茶饮的招牌风靡全国的。而作为喜茶的一个标志，排队文化一直伴随着喜茶的成长。而这种文化背后的逻辑，是大量的排队现象，让很多人会抱着从众和好奇心来一起排队，从而触发「雪球效应」。 网红店「幸福的烦恼」 排队在营销的初期确实能够带来一定的推广效益，它将饮品的购买需求放大，然后通过媒体和社交网络的传播，进行势能二次增长。最后，那些排了队买到的人，出于炫耀的心理继续分享
view 组件 ，即视图组件，是块级元素，默认独占一行，通常用作容器。类似前端的 div.
WPF控件是Windows Presentation Foundation（WPF）中的基本用户界面元素。它们是可视化对象，可以用来创建各种用户界面。WPF控件可以分为两类：原生控件和自定义控件。
在C语言中，字符可以分为可显字符（printable characters）和控制字符（control characters）。
最近在做小程序，验证一些方向，开发效率确实很快，就是各种微信的审核有点费劲，但是总归是有办法解决的。
前阵子做了一个微信小程序项目，使用了uni-app框架和uview ui框架，上一次写小程序还是小程序刚出来那会，18年，2年没写和新学一样，下面记录下能回想起来的一些遇到的坑。
今天在小程序里面遇到这样的一个小问题，记录下来当显示的是文字的时候，文字过多，会自动换行，当显示字母或者数字的时候，数量过多，没有自动换行，会出现超出view容器的问题。
作者：不正经IO 公众号：不正经程序员 我们经常有识别文字的需求 比如看书时，我们想将书上的文字弄成电子的，发个朋友圈装一装 或者，需要将一些纸质文件上的文字转成电子的 如此种种 不知道你们平时用什
小程序中，在文本渲染的时候。文字和数字在一起的时候，数字被强制换行了。数字并没有跟随在文字之后平滑换行。并且整个view是被设置了word-break: break-word； 在强制换行的时候并没有像预期结果一样。
整个是一个大盒子，大盒子里面有很多的小块a，b，c，d，e，f都是他的成员，针对其中的成员可以增加对应的样式，可以看出来a，b，d是比较大的，c是最小的，我们可以通过样式控制它们的大小，我们也可以通过order的方式控制他们的位置顺序，一般正常的咱们的页面都有顺序的，可以通过布局的order属性，把顺序给展示出来。
周末花了点时间把小程序版博客中的生成海报的功能给完成了，对于新手的我来说遇到的问题还是挺多的，这里简单记录下坑。
上个寒假总结的web前端的一些知识点给大家分享一下 1、<html>和</html> 标签限定了文档的开始和结束点。 属性： (1) dir: 文本的显示方向，默认是从左向右 (2) lang: 表示整个文档中所使用的语言，en--英文，zh--中文 (3) version：定义创作文档的HTML的标准版本 2、<head></head>用于封装位于文档头部的其他标签 属性： (1) dir:文本的显示方向 (2) Lang:语言信息 (3) Profile:提供了与当前文件相关联的文档数据的URL
下面是自己学HTML+DIV+CSS+JS时的学习笔记，给大家分享以下，相互学习。大二时候寒假在家无聊的时候想做点事，总结了一下web前端基础的东西，下面的每个字都是自己手敲的。 1、<html>和</html> 标签限定了文档的开始和结束点。 属性： (1) dir: 文本的显示方向，默认是从左向右 (2) lang: 表示整个文档中所使用的语言，en--英文，zh--中文 (3) version：定义创作文档的HTML的标准版本 2、<head></head>用于
列表的渲染，不管是任何语言都有列表这个概念。源码：https://github.com/limingios/wxProgram.git 中的No.8 小程序的列表的渲染 for 循环 view wx:
ES5中，indexOf()可以一个字符串是否存在另一个字符串中。ES6中又提供了三个方法：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
云直播
