【小程序】微信小程序开发技巧实用手册（自己做笔记用）

【Css】Css和Html常用设计实例参考笔记（自己开发项目用）_敦厚的曹操的博客-CSDN博客_html和css的项目实例一、左右居中1、div等块元素左右居中margin: 0 auto;margin: 0 auto;2、span等行级元素左右居中text-align: center;text-align: center;二、图片、图标字体等上下错位调整相对定位：position:relative{ position:relative; left:10px; top:10px}三、图标字体等上下错位调整.........https://blog.csdn.net/dxnn520/article/details/124026765一、与html转换，替换元素

【小程序】把微信小程序转换h5代码的几个关键字替换_敦厚的曹操的博客-CSDN博客_微信代码转换一、文件名和内容更换1、把.wxml扩展名改成.html2、把wxss扩展名改成.css3、增加body等长用项。4、增加.css文件的链接二、css文件中替换1、page{} 替换成 body{}2、image 替换成 img3、text 替换成 span4、view 替换成 div三、html文件中替换1、 替换成 https://blog.csdn.net/dxnn520/article/details/122784155

二、input输入框

【小程序】input输入框属性及上下左右居中的示例（图文+代码）_敦厚的曹操的博客-CSDN博客_input标签居中属性input输入框属性说明及示例（图文+代码）https://blog.csdn.net/dxnn520/article/details/125799034【小程序】input输入框双向绑定简单方法（含多个input，图示+代码）_敦厚的曹操的博客-CSDN博客【小程序】input输入框双向绑定简单方法（含多个input，图示+代码）https://blog.csdn.net/dxnn520/article/details/126987570三、view实现按钮效果

【小程序】通过view实现按钮示例_敦厚的曹操的博客-CSDN博客【小程序】通过view实现按钮示例https://blog.csdn.net/dxnn520/article/details/126934444?csdn_share_tail=%7B%22type%22%3A%22blog%22%2C%22rType%22%3A%22article%22%2C%22rId%22%3A%22126934444%22%2C%22source%22%3A%22dxnn520%22%7D

四、navigator超链接和路由跳转

【小程序】微信小程序中的navigator超链接和路由跳转（图文+代码）_敦厚的曹操的博客-CSDN博客_微信小程序navigator跳转【小程序】微信小程序中的navigator链接和路由跳转（图文+代码）https://blog.csdn.net/dxnn520/article/details/125366654

四、通过setDate给data变量赋值D

this.setData({
                s_height: 100,
            })

五、字间距和增加空格

letter-spacing:5rpx

  我是   张飞（一空格是英文大小，半个汉字）


  我是    刘备（一个空格是一个汉字大小）


  我是  诸葛亮  你是关羽（跟html一样）

六、view文字垂直居中，上下左右垂直居中

【Css/小程序】如何实现div或view中的文字左右居中和垂直居中？（已解决：多行和单行自适应）_敦厚的曹操的博客-CSDN博客【Css/小程序】如何实现div或view中的文字左右居中和垂直居中？（已解决：多行和单行自适应）https://blog.csdn.net/dxnn520/article/details/128442037

【CSS】一个DIV在另一个DIV上下左右居中和在屏幕居中（示例）_敦厚的曹操的博客-CSDN博客_css一个div在另一个div居中实现效果：代码： https://blog.csdn.net/dxnn520/article/details/122270760如何实现DIV中图片左右居中和垂直居中？（已解决）_敦厚的曹操的博客-CSDN博客_div左右垂直居中在DIV的CSS中设置三个属性： display: table-cell; text-align: center; vertical-align: middle;https://blog.csdn.net/dxnn520/article/details/117252805

六、requestJSON传递数据

【小程序】通过request实现小程序与后台asp.net的数据json传输（Post协议 图文+代码）_敦厚的曹操的博客-CSDN博客_asp.net json post【小程序】通过request实现小程序与后台asp.net的数据json传输（Post协议 图文+代码）https://blog.csdn.net/dxnn520/article/details/125386486

七、左右滑动菜单

【小程序】wxml中的【scroll-view】左右拖动示例（图文+完整代码）_敦厚的曹操的博客-CSDN博客_小程序左右拖动一、viewhttps://blog.csdn.net/dxnn520/article/details/122498184

八、For循环和If循环

【小程序】通过for循环实现Js数据的前台调用（商品列表示例）_敦厚的曹操的博客-CSDN博客_小程序for循环js1、 list.wxml ..https://blog.csdn.net/dxnn520/article/details/122682873

【小程序】wxml中通过For循环显示js数据（图文+完整代码）_敦厚的曹操的博客-CSDN博客_小程序for循环js111https://blog.csdn.net/dxnn520/article/details/122556053

【小程序】wxml中通过if条件语句判断js数据（图文+完整代码）_敦厚的曹操的博客-CSDN博客_微信小程序js中if语句1、data.wxml--------- if条件判断 ----------- 姓名 | 性别 | 成绩 | <...https://blog.csdn.net/dxnn520/article/details/122555443

九、通过setData修改Data变量和前台view的样式

【小程序】通过setData修改Data变量和前台view的样式（图文+完整示例）_敦厚的曹操的博客-CSDN博客1、even.wxml-------通过setData单击view修改变量---------https://blog.csdn.net/dxnn520/article/details/122661560

十、微信小程序弹alert窗口效果

【小程序】微信小程序实现类似js的alert的弹窗效果（图文+代码）_敦厚的曹操的博客-CSDN博客_小程序js弹框【小程序】微信小程序实现类似js的alert的弹窗效果（图文+代码）https://blog.csdn.net/dxnn520/article/details/126977112